Content Management System (PHP) - Guelph Soccer

clappedtoyInternet and Web Development

Dec 7, 2013 (3 years and 8 months ago)

54 views

1


EMAIL: support@giantgoat.com

PHONE: 519-824-8648







C
ontent
M
anagement
S
ystem
(PHP)

September 2004





Guelph Youth Soccer

Website










PROGRAM REQUIREMENTS: INTERNET EXPLORER.
Netscape Navigator users please download and use Internet Explorer to access this
program.





© 2004 GiantGoat Web Development
2
GYS Content Management System Manual

INDEX


CHAPTER 1: GENERAL CMS

What you need to know ……………………………………………. 6
Manual Set-up ………………………………………………………. 6
User Access ………………………………………………………… 7
General Principles ………………………………………………….. 7
Notepad/Win32Pad …………………………………………………. 7


CHAPTER 2: LOGIN

Login Process ………………………………………………………. 8
CMS sections ………………………………………………………. 8 - 9
Session Management ………………………………………………. 9


CHAPTER 3: PAGES

Add a Page
o Steps ……………………………………………………. 10
o Illustrations:
i. Page Management page …………………………….. 11 - 12
o Features – what they are
o Access Permissions – how they work
o Page Information (Stats) – what you see
ii. Page Preview page ………………………………….. 13
iii. Page Edit page ………………………………………. 14

Add/Edit Content on a Page
o Steps ……………………………………………………. 15
o Page Sections
i. Paragraph – text and images allowed ………………. 15
ii. List – bulleted or numbered format ………………… 15
iii. Image – 2 per section maximum …………………… 16
iv. Table – columns and rows with highlighting ………. 16
o Formatting tables ……………………………….. 16
o Hyperlinks in table cells ………………………… 17
o Adding columns or rows to tables ……………… 17
o Deleting columns or rows from a table …………. 17
o Illustrations:
i. Page Sections ……………………………………….. 18

Add/Edit/Remove Documents on the Side Bar of a Page
(under DOCS title)

o Steps ……………………………………………………. 19
i. Add …………………………………………………. 19

© 2004 GiantGoat Web Development
3
GYS Content Management System Manual

ii. Edit …………………………………………………. 19
iii. Remove ……………………………………………... 19
o Illustrations:
i. Add Document page ………………………………… 20

Add/Edit/Remove Links on the Side Bar of a Page
(under ALSO title)

o Steps …………………………………………………….. 21
i. Add ………………………………………………….. 21
o External Link
o Internal Link
o News Link
ii. Edit …………………………………………………. 21 - 22
iii. Remove ……………………………………………... 22
o Illustration:
i. Add Link page ……………………………………… 22

Formatting Content on a Page
o Cut ………………………………………………………. 23
o Copy …………………………………………………….. 23
o Paste …………………………………………………….. 23
o Bold ……………………………………………………... 23
o Italics ……………………………………………………. 23
o Underline ………………………………………………... 23
o Align …………………………………………………….. 23 - 24
o Hyperlinks ………………………………………………. 24 - 25
i. External
ii. Internal
iii. News
iv. Documents
v. Anchors
o Illustration:
i. Formatting Options ………………………………….. 26

Move A Page ……………………………………………………….. 27


Move a Page Section ………………………………………………. 27

Delete a Page ……………………………………………………….. 27

Delete a Page Section ………………………………………………. 27


CHAPTER 4: MEDIA (Images, PDF and PowerPoint documents)

Add/Edit/Delete Media (Images, PDF and PowerPoint documents)
o Add ……………………………………………………… 28
o Edit ……………………………………………………… 28

© 2004 GiantGoat Web Development
4
GYS Content Management System Manual

o Delete …………………………………………………… 28
Media Specifications: ………………………………………………. 29
o Images
o Documents


CHAPTER 5: NEWS

Add/Edit/Delete News Articles
o Add ……………………………………………………… 30
o Edit ……………………………………………………… 30 - 31
o Delete …………………………………………………… 31


CHAPTER 6: SPONSORS

Add/Edit/Delete Sponsors
o Add ……………………………………………………… 32
o Edit ……………………………………………………… 32
o Delete ……………………………………………………. 32
Assign a Sponsor …………………………………………………… 33
Add Sponsor Category …………………………………………….. 34


CHAPTER 7: STANDINGS

Login ………………………………………………………………… 35


CHAPTER 8: REFEREE

Add/Remove Documents …………………………………………… 36


CHAPTER 9: FEEDBACK

Add/Edit/Delete Categories/Contact
o Add ………………………………………………………. 37
o Edit ………………………………………………………. 37
o Delete …………………………………………………….. 37


CHAPTER 10: APPROVAL
(for website editor only)

Approve/Edit/Reject Website Content ……………………………. 38



© 2004 GiantGoat Web Development
5
GYS Content Management System Manual

CHAPTER 11: USERS
(for website administrator only)


Add/Edit/Delete Users
o Add ……………………………………………………….. 39
o Edit ………………………………………………………. 39
o Delete ……………………………………………………. 39 – 40
Assign Web Page Ownership ………………………………………. 40


CHAPTER 12: WEBSITE MAINTENANCE

File Clean-Up …………………………………………………………….. 41
Pages/Images/Documents owned by a deleted user
…………………. 41
Hyperlink Checks ………………………………………………………… 41


































© 2004 GiantGoat Web Development
6
GYS Content Management System Manual

CHAPTER 1: GENERAL CMS


WHAT YOU NEED TO KNOW TO GET STARTED:


This program requires Internet Explorer. Netscape users please download and use
Internet Explorer to run the CMS.

Once you have logged into the CMS you will start a session. Each session allows for a
maximum of 30 minutes of inactivity at which time you are automatically logged out of
the CMS program and you will need to log back in. This is a security feature - best
practice is to logout of the CMS when you leave your computer. Remember anyone can
come along and make changes to the CMS if you leave your computer on and the CMS
program open so make sure to log out of the CMS when you are done.

All changes made on the CMS are queued for approval by the website editor prior to
release on the website.

REMEMBER TO SAVE YOUR WORK FREQUENTLY IF YOUR SESSION ENDS WITHOUT
SAVING YOUR WORK IT WILL BE LOST.


MANUAL SET-UP:


This manual is divided into sections identical to the CMS program.
o Login
o Users
o Approval
o Pages
o Media
o News
o Sponsors
o Standings
o Referee
o Feedback
o Logout

Each topic has 3 divisions:
o Steps
o Notes
o Illustrations

The results of each STEP or Specific information regarding a step are described in a
boxed just above or below that STEP.





© 2004 GiantGoat Web Development
7
GYS Content Management System Manual

USER ACCESS TO WEB PAGES:


The administrator of the website has full access to all website pages (i.e. all files and
folders), all other users will have restricted access to the websites pages as granted them
by the website administrator.

When you have ‘Access Rights’ to specific pages within the website you will be able to
edit and add new add pages to those pages.

To view what the web pages you have access to click on the ‘Pages’ link in the orange
topbar once you have logged into the CMS program
(see illustration p.9).


On the ‘Page Management’ page you will see in the left side box those web pages you
have access to. Web pages have a tree-styled hierarchy with section pages as folders and
individual web pages are files beneath the appropriate folder.
(see illustration p.9)
.

In the right side box of the ‘Page Management’ page you will view specific page
information for those pages you have access to. To see this information simply click on
one of your pages in the left side box and that page’s information will be visible in the
right side box
(see illustration p.9).



GENERAL PRINCIPLES TO FOLLOW:


1. Organizing your material before you start will save you a great deal of time.
2. Keep it simple do not confuse your audience with too much detail and clutter.
3. Divide lengthy content into 2 or more pages rather than 1 long page.
4. Format all text entries inside the CMS. If you cut and paste content from a
word document there will likely be formatting problems in the CMS. Word
documents add blind code to the text that disrupts the CMS formatting system.


NOTEPAD / WIN32PAD:


If you have word document content you wish to add to the website you can cut and paste
that material into Notepad and from there cut and paste into the CMS.

Notepad strips all hidden code and therefore takes out all formatting from the word
documents.

If you do not have Notepad you can download a similar program ‘Win32Pad’ from the
following URL: http://www.gena01.com/win32pad/download.shtml






© 2004 GiantGoat Web Development
8
GYS Content Management System Manual

CHAPTER 2: LOGIN


LOGIN PROCESS:


STEPS …

1. Enter site at: http://www.guelphsoccer.ca

2. Click on the soccer ball at the bottom right of any page in the soccer website.
3. Enter your User Name and Password.
4. If you do not have a User Name and Password contact the website administrator
5. If you have forgotten your User Name or Password contact the website
administrator.
6. Press the ‘Login’ button or click the Enter button on your computer.

You are now on the Main page of the CMS.

7. On the Main page the CMS sections you have access to will be visible to you as
links in the orange top bar. All users will have a Login and a Logout link plus
various section links for which they have access permissions.


CMS SECTIONS:


o Main – takes you back to the Main Page

o Users
(admin sees only)
– where user administration occurs, users are added,
changed or deleted from the program.

o Approval
(appointed website editor sees only)
– where the website editor views, edits and
approves or not all website content. When a CMS user adds or edits content on
the website it must first be approved by the website editor before it can be viewed
on the website. All material is queued in order of entry for this approval.

o Pages – where you add, edit or delete text, images, PDF and powerpoint content
to website pages.

o Media – where you upload, delete and change images, PDF and powerpoint
content for the website.

o News – where you add, edit and delete News items for the front page and News
archive pages.

o Sponsors – where you add, edit or delete sponsors. Sponsors can be in 1 of 3
sponsor levels:
i. Primary
ii. Division Title/Travel Team
iii. House League

© 2004 GiantGoat Web Development
9
GYS Content Management System Manual

o Standings – where house league coaches etc. enter game scores throughout the
soccer season. Standings are automatically calculated as game scores are entered.
An additional login is required for this section.

o Referee
(referees see only)
– a section of the website set aside for referees to access
pertinent confidential documentation.

o Feedback – survey form that can be directed to specific personnel at GYS. This
module sets up the categories and contacts to allow feedback forms to go to the
appropriate GYS personnel.

o Logout – this is a security feature, you should always logout of the CMS program
before you leave your computer vacant, every time you login to the CMS you are
given a 30 minute session. When 30 minutes have gone by and you have not
made any requests to the database that drives the CMS (i.e. basically have not
changed anything in the website) your session will automatically logout.
However if you leave your computer without logging out your session may very
likely be active and anyone can come along and start making changes to the
website.


SESSION MANAGEMENT:


Every time you login to the CMS you are given a 30 minute session. When 30
minutes have gone by and you have not made any requests to the database that
drives the CMS (i.e. basically have not changed anything in the website) your
session will automatically log you out and any unsaved work will be lost.

Good practice is to save your work frequently.

When you are logged out by the program you will find yourself back on the login
page where you can login once again to start a new 30 minute session.

Sessions exist for your security, if you leave your computer without logging out or
closing the CMS website anyone can come along and start making changes to the
CMS. Having a session set up will minimize this possibility as now CMS access is
restricted to a maximum of 30 minutes without activity on the CMS program.











©2004 GiantGoat Web Development
10
GYS Content Management System Manual

CHAPTER 3: PAGES


ADD A PAGE:


STEPS …

1. Click the ‘Pages’ link in the orange top bar of the CMS

You will now be on the ‘Page Management’ page
(see illustration p.11)


2. Select the web page you wish to add a page to from your list of available web
pages (left side box).

Page information (stats) for the web page selected will now appear in the right side
box
(see illustration p.11).


3. Click the ‘Edit’ button located beneath the page information area of the Page
Management page.

You will now be on the ‘Page Preview’ page where you will see the layout of the
web page you just selected
(see illustration p.12).


4. Click the ‘New Sub-Page’ button, top left of the Page Preview page.

You will now be on the ‘Page Edit’ page. This is a blank new page ready for you to
add content
(see illustration p.13).


NOTES …

All pages of the CMS have 2 links at the top right corner:
o CMS manual – opens the CMS manual in PDF format on-line
o Back to Site – takes you back to the live website














© 2004 GiantGoat Web Development
11
GYS Content Management System Manual

ILLUSTRATIONS …

1. Page Management page:



Features:


1. The left side box displays the website file hierarchy, it will only show those
files to which you have access.
2. The right side box is the web page information box where you will see
information about any of your web pages as you select them for editing.
3. Edit and delete buttons for each page are located below the right side box.
4. The ‘Edit’ button takes you to the Page Preview page where you can enter
start adding and editing content.
5. The ‘Delete’ button will simply delete the page currently visible in the right
side box of the Page Management page.

Page Information (stats):


What you will view in the website page information box:
i. the page title,
ii. who owns the page,
iii. when the page was created and
iv. last updated and
v. the number of sub-pages to that page if any exist.



©2004 GiantGoat Web Development
12
GYS Content Management System Manual

Example of Access Permissions:


Your access privileges will determine what sections of the CMS you will be able to view
i.e. what links are available to you in the CMS orange top bar. In the above illustration
the links available in the orange top bar are:
o Login
o Pages
o Media, and,
o Logout links.

In the above illustration the user has access to the House League main page, and the
Junior, Senior and Adult House Leagues pages.

In the above illustration the Junior House League page has selected to edit or add to
therefore the page statistics for this page are visible in the right side box.


2. Page Preview page:



Features:


1. From this page you can preview the page as it exists now, no side bar links
exist on the Junior House League page therefore you only see main content.
2. ‘New Sub-Page’ button – click this to add a new page to this section.
3. ‘Edit Another Page’ button - return to main file menu to edit a another page

© 2004 GiantGoat Web Development
13
GYS Content Management System Manual

3. Page Edit page:



Features:


1.
Add page sections to a page: click ‘Add ___’ at bottom of section area
(see
illustration p.15)
2. Add documents
(see illustration p.17)
and hyperlinks
(see illustration p.19)
to a page.
3. ‘Save and Close Page’ button: once you have finished adding and editing
your web page click this button and your web page will be queued for
approval by the website editor. Once approved the new content will be live on
the website.









© 2004 GiantGoat Web Development
14
GYS Content Management System Manual

ADD/EDIT CONTENT ON A PAGE:


STEPS …

1. Click the ‘Pages’ link in the orange top bar of the CMS

You will now be on the ‘Page Management’ page
(see illustration p.9).


2. Select the web page you wish to add a page to from your list of available web
pages (left side box).

Page information (stats) for the web page selected will now appear in the right side
box
(see illustration p.9).


3. Click the ‘Edit’ button located beneath the page information area of the Page
Management page.

You will now be on the Page Preview page, where you can view the page similar
to that seen on the website.

4.
Click the ‘Edit’ button beside the page title or any page section you desire. If you
choose the Edit button on a section of interest you will be taken directly to that
section, all Edit buttons take you to the same page, just to different locations on
the page.


You will now be on the Page Edit page, this is where you add and edit content.

EDIT Content:

5. On the Page Edit page make your changes (see below on how to add Content if
required).
6. Click the ‘Save and Close Page’ button, your web page will now be queued for
approval by the website editor. Once approved your new content will be live on
the website.

ADD Content:

There are 4 different types of page sections for entering 4 different types of content::
Paragraphs (with or without images), Lists (bulleted or numbered), Images and Tables.

5. Click the appropriate ‘Add ___’ link at the bottom of the page section area on
Page Edit page
(see illustration p.15)

6. Enter content as appropriate for the section
(see page sections p.15-17
).
7. Once all additions have been make, click the ‘Save and Close Page’ button, your
web page will now be queued for approval by the website editor. Once approved
your new content will be live on the website.

© 2004 GiantGoat Web Development
15
GYS Content Management System Manual

PARAGRAPH


– images can be added in the paragraph section text will wrap around the image

1. Add Subtitle (not mandatory)

Subtitles will be displayed with larger bolded text as well as with a small soccer
ball.

2. Select image from drop-down list if an image is desired with this section (images
must first be uploaded into the CMS program
- see Uploading Image p.24
)

To remove an image from a paragraph simply select ‘NONE’ from the image drop-
down list.

3. Align image to the left or right side of the page as desired.
4. Enter text
TEXT ENTRY TIPS:

i. clicking enter while in a paragraph section will give you a paragraph
break,
ii. clicking shift and enter will give you a one line space
5. Format text as desired
(see formatting p.22)



LIST


1. Add Subtitle (not mandatory)

Subtitles will be displayed with larger bolded text as well as with a small soccer
ball.

2. Select bulleted or numbered list type
3. Enter text
4. After each list item is entered press the ‘enter’ key on your computer to get a
new bullet (number).
5. Format text as desired
(see formatting p.22)


IMAGE


1. Add Subtitle (not mandatory)

Subtitles will be displayed with larger bolded text as well as with a small soccer
ball.


2. 1 or 2 images can be added per section.

© 2004 GiantGoat Web Development
16
GYS Content Management System Manual

3. images must first be uploaded to the CMS by using the Media module
(see image
uploading p.25)

4. to add image simply select the image from the drop-down list in the image
section.

TABLE


1. Add Subtitle (not mandatory)

Subtitles will be displayed with larger bolded text as well as with a small soccer
ball.

2. Select the number of column (vertical) and row (horizontal) elements required
(the number of columns and rows can be edited at any time).


3. Add a Header if desired – this will give you a single row across the entire top of
the table for a table heading.
4. Enter text content into each table cell.


Formatting options for tables:


The top row and the left side column can be highlighted if desired, usually the top
row holds titles and highlighting is desirable. By default, a header has a dark blue
background with white, bold text.

a. To highlight the top row check the box to the right of the top row.
.
The highlight for the top row is a dark blue background with white, bold text unless
a header has been selected in which case it will be medium grey with black, bold
text.

b. To highlight the left column check the box at the bottom of the left
column.

The highlight for the left column is medium grey background with black, old text.


Hyperlinks in table cells:


Hyperlinks are added to the entire cell content.

a. Highlight text to link.
b. Click the hyperlink icon beside that table cell


© 2004 GiantGoat Web Development
17
GYS Content Management System Manual

The Add Document Link popup box (in orange) will appear.

c. Select the appropriate options
(see Add Links p. 18)

d. Click the ‘Add Link’ button


Adding columns or rows to a table:


a. Use the drop-downs at the top of the section to add more columns and
rows, the drop-down will increment by 5.

Deleting columns or rows to a table:


a. Click the ‘–‘ button beside the appropriate column or row.


NOTES …

Troubleshooting content entry:

If you are having difficulty using the CMS simply delete the section you are in and try
again, excessive keyboarding can lead to corruption of content resulting in improper
functioning of the page section, so why not start fresh just in case this has occurred.




























© 2004 GiantGoat Web Development
18
GYS Content Management System Manual

ILLUSTRATION …

Page Sectons:




Features
:

1. 4 page sections types are available:
i. Paragraph
ii. List
iii. Image
iv. Table














© 2004 GiantGoat Web Development
19
GYS Content Management System Manual

ADD/EDIT/REMOVE DOCUMENTS ON THE SIDE BAR OF A PAGE:

(under the Docs title)


STEPS …

Documents in the sidebar appear under the ‘Docs’ title.
Documents can be in PDF format or PowerPoint format.
Documents must first be uploaded into the CMS program
(see Uploading Documents
p.25).



ADD Document:

1. Click the ‘Add’ button to the right of the Add Document section at the bottom of
the Page Edit page.

The ‘Add Document Link’ popup box (in orange) will appear.

2. Add a Document Name
3. Select Document to add from the drop-down list. Documents are listed
alphabetically.
4. Click ‘Add Document’ button and the new document will appear in the left side
bar of the web page under the DOCS title.
5. Click the ‘Save and Close Page’ button, your web page will now be queued for
approval by the website editor. Once approved your new content will be live on
the website.

EDIT Document:

1. Select a Document to edit from the ‘Add Documents’ section at the bottom of the
Page Edit page.
2. Click the ‘Edit’ button

The Edit Document Link popup box (in orange) will appear.

3. Make your changes
4. Click the ‘Update Document’ button
5. Click the ‘Save and Close Page’ button, your web page will now be queued for
approval by the website editor. Once approved your new content will be live on
the website.

REMOVE Document:

1. Select a Document to remove from the ‘Add Documents’ section at the bottom of
the Page Edit page.


© 2004 GiantGoat Web Development
20
GYS Content Management System Manual

2. Click the ‘Remove’ button
3. Click the ‘Save and Close Page’ button, your web page will now be queued for
approval by the website editor. Once approved your new content will be live on
the website.


NOTES:

Documents may be added to the main content of a page using the Page Edit and the
hyperlink functionality
(see formatting p.18).



ILUSTRATION:

Add Document Link pop-up




Features:


1. Link Name
2. Add document from drop-down list: 2 types of documents are available
a. PDF
b. Powerpoint









© 2004 GiantGoat Web Development
21
GYS Content Management System Manual

ADD/EDIT/REMOVE LINKS ON THE SIDE BAR OF A PAGE:

(under the Also title)
:


Links in the sidebar appear under the ‘Also’ title.

STEPS …

ADD Link:

1. Click the ‘Add’ button to the right of the Additional Links section at the bottom of
the Page Edit page.

The add Page Link popup box (in orange) will appear.

2. Add a Link Name
3. Add the appropriate link (see below)
4. Click the ‘Save and Close Page’ button, your web page will now be queued for
approval by the website editor. Once approved your new content will be live on
the website.

EXTERNAL LINKS


a. Select type of External Link from the drop-down list provided
b. Enter the URL or web address or email account you wish to link to.
c. Click the ‘Add Link’ button.

INTERNAL LINKS


a. Select the Page you wish to link to from the drop-down list arranged
alphabetically for all web pages in the GYS website.
b. Click the ‘Add Link’ button.
c. Click the ‘Save and Close Page’ button on the Page Edit page.

GYS NEWS ARTICLES LINKS


a. Select the News article you wish to link to from the drop-down list for
all News articles in the GYS website.
b. Click the ‘Add Link’ button.
c. Click the ‘Save and Close Page’ button on the Page Edit page.

EDIT Link:

1. Select a Link to edit from the Additional Links section at the bottom of the Page
Edit page.
2. Click the ‘Edit’ button
3.

© 2004 GiantGoat Web Development
22
GYS Content Management System Manual

The Edit Link popup box (in orange) will appear.

4. Make your changes
5. Click the ‘Update Link’ button
6. Click the ‘Save and Close Page’ button at the bottom of the Page Edit page.

REMOVE Link:

1. Select a Link to remove from the Add Documents section at the bottom of the
Page Edit page.
2. Click the ‘Remove’ button
3. Click the ‘Save and Close Page’ button at the bottom of the Page Edit page.


ILLUSTRATION …

Add Page Link pop-up



Features:


1. Link name
2. 5 link types are available:
a. web link (http)
b. secure web link (https)
c. email (mailto:)
d. link to an internal page in the GYS website
e. link to a news item in the GYS website

© 2004 GiantGoat Web Development
23
GYS Content Management System Manual

FORMATTING CONTENT:


STEPS …

CUT
1. Select text to cut
2. Click
icon
3. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

COPY
1. Select text to copy
2. Click
icon
3. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

PASTE
1. Place cursor on the page where you want to paste the content
2. Click
icon
3. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

BOLD
1. Select text to bold
2. Click
icon
3. To reverse (un-bold) do the same to the bolded text.
4. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

ITALICS
1. Select text to italicize
2. Click
icon
3. To reverse (un-I) do the same to the italicized text.
4. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

UNDERLINE
1. Select text to underline
2. Click
icon
3. To reverse (un-U) do the same to the underlined text.
4. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

ALIGN
1. Select text to align
2. Select left, right or center alignment

© 2004 GiantGoat Web Development
24
GYS Content Management System Manual

3. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

HYPERLINK
1. Select text to hyperlink
2. Click the
icon

The Add Page Link popup box (in orange) will appear.

3. Follow the steps below for the appropriate link
4. To reverse (un-link) do the same to the linked text.
5. If you are finished formatting and want to save the page, click ‘Save and
Close Page’ button at the bottom of the page

EXTERNAL LINK


This links to another website or email address outside the GYS website.

o Select type of External Link TYPE from the drop-down list provided:
o Web link to another website
o Web link to another secured website
o Web link to an email address
o Enter the URL (web address) or email address you wish to link to.
o Click the ‘Add Link’ button.

INTERNAL LINK


This links to a web page inside the GSY website.

o Select the Page you wish to link to from the drop-down list arranged
alphabetically for all web pages in the GYS website.
o Click the ‘Add Link’ button

GYS NEWS ARTICLES LINKS


This links to a news article inside the GSY website.

o Select the News article you wish to link to from the drop-down list for all
News articles in the GYS website.
o Click the ‘Add Link’ button.







© 2004 GiantGoat Web Development
25
GYS Content Management System Manual

GYS DOCUMENT LINKS


This links to a PDF or powerpoint document inside the GSY website.
Documents must first be uploaded into the CMS program,

(see Uploading Documents p.25).


o Select the document you wish to link to from the drop-down list for all
documents in the GYS website.
o Click the ‘Add Link’ button.
o Click the ‘Save and Close Page’ button on the Page Edit page.

SECTION LINKS ON A WEB PAGE

(PAGE ANCHORS)


Where text on a page is linked to a specific section on the same page, i.e. FAQs.

o Select the News article you wish to link to from the drop-down list for all
News articles in the GYS website.
o Click the ‘Add Link’ button.
o Click the ‘Save and Close Page’ button on the Page Edit page.


NOTES …

You have 2 choices when entering content.
In either case all formatting is to be done in the CMS.

Type content directly into the CMS
Cut and paste content from elsewhere *

*Formatting from word programs, excel, powerpoint etc. will be lost and encryption from these
programs can result (viewed as odd displays of text) if this material is copied directly into the
CMS. You must copy these documents first into notepad**, then select and copy the material
from notepad into the appropriate section on a given page.
(Reason: Notepad will delete all encryption coding from all documents like word so the content
can be reformatted in the CMS).

** NOTEPAD is a text editor that will strip all formatting from other word processing
programs. Your documents will behave best if you strip out all pre-existing
formatting. To do this just copy and paste your text from the word document into
Notepad, then copy and paste the text from Notepad into your page in the CMS , then
make your formatting changes inside the CMS.

If you do not have Notepad an alternative program to use is Win32pad which you can
download from the following URL: http://www.gena01.com/win32pad/download.shtml






© 2004 GiantGoat Web Development
26
GYS Content Management System Manual

ILLUSTRATION …

Formatting Options



Features:

1. From left to right, cut, copy, paste, bold, italics, underline, hyperline and
delete.
2.
All options are available in the top right corner of each paragraph and list
sections – the table section has its own formatting styles
(see p.14 on Table
formatting)


































© 2004 GiantGoat Web Development
27
GYS Content Management System Manual

MOVE A PAGE:


STEPS …

1. On the Page Management page click the up and down arrows at the right of
the page name in the file hierarchy (left side box).
2. You can move pages within a folder only – you can not move a page from one
folder to another, you will need to re-enter the page if you need to do move it
to another section.
3. To move a folder click the up and down arrows to the right of the folder.


MOVE A PAGE SECTION WITHIN A PAGE:


STEPS …

1. On the Page Edit page click the up and down blue arrows at the top right of
the page section you wish to move.
2. Click the ‘Save and Close Page’ button on the Page Edit page.


DELETE A PAGE:


STEPS …

1. On the Page Management page click the page you wish to delete in the file
hierarchy (left section box).

Information about the selected page will appear in the right side box.

2. Click the ‘Delete’ button at the bottom of the page information section on the
Page Management page (right section box).
3. You can not delete a folder only a file or page.
4. To delete a folder you must first delete all pages in that folder and only then
can the folder be deleted.


DELETE A PAGE SECTION WITHIN A PAGE:


STEPS …

1. On the Page Edit page click the red arrow at the top right of the page section
you wish to delete.
2. Click the ‘Save and Close Page’ button on the Page Edit page.




© 2004 GiantGoat Web Development
28
GYS Content Management System Manual

CHAPTER 4: MEDIA


ADD/EDIT/DELETE MEDIA


STEPS …

Media consists of Images, PDF and Powerpoint documents

1. Click the ‘Media’ link in the orange top bar of the CMS

You will now be on the Media List page

2. Click on the media button at the top of the page i.e.Images, or PDF Docs, or
PowerPoint Docs.

The list of media elements already in the CMS program will be displayed along
with information about each item: caption, owner, last updated and specifications if
applicable (i.e. image dimensions).

ADD Media:

The Media List page will now display the list of media already in the CMS
program listed alphabetically. By default the image list is listed on page entry.

3. Click the ‘Add Media’ button top left of page.

You will now be on the Add Media page.

4. Add a File Name to associate with the media you are uploading
5. Click ‘Browse’ button beside the File Name textbox and browse your hard
drive to select the media file you want to upload to the website.

See media specifications p.29 for file sizes and image dimensions required.

6. Add a caption for your media (maximum 255 characters) – this is mandatory,
this will be used as the ‘alt’ tag for the image and will be displayed when a
user mouses over the image. This feature is in compliance with accessibility
standards for the University of Guelph.

7. By default the Public checkbox is checked. If you choose media to be public
everyone within the CMS program will have access to use this file.
If you wish the media to be private, deselect the Public checkbox, now only
the owner (you) and the website administrator will be able to view and use the
file.
8. Click the ‘Save’ button.

© 2004 GiantGoat Web Development
29
GYS Content Management System Manual

EDIT Media:

Editing allows you to alter the Caption or change the image from public to private.
No editing of the actual media files is available this should be done locally.

3. Click the ‘edit’ button beside the file of interest.

You will now be on the Edit Media page, if media is an image you will view the
actual image.

4. Make changes
5. Click the ‘Save’ button

DELETE Media:

3. Click the ‘delete’ button beside the file of interest.

You will asked if you are sure you want to delete the file.

4. Click ‘Ok’ in the popup box.

The file will be immediately removed from the media list.


MEDIA SPECIFICATIONS


Your images and documents will not be uploaded if the specifications below are
met.

IMAGE SPECS
:

All images must be under 200k in file size.
All images are to be jpeg images with a .jpg extension.
All left side bar images can be a tall as desired, therefore if more than one image is
desired, simply append images one below another all with a width of 150 pixels.
To resize images and reduce file sizes to required specifications you will need to use an
image editor, like Photoshop or Corel Draw.

PDF and POWERPOINT SPECS:









© 2004 GiantGoat Web Development
30
GYS Content Management System Manual

CHAPTER 5: NEWS


ADD/EDIT/DELETE NEWS ARTICLES


STEPS …

1. Click the ‘News’ link in the orange top bar of the CMS

You will now be on the News List page.
The News List page will now display the list of news articles already in the CMS
program listed by Release Date. Title, Last Updated and Expiry Date are also
visible for each article in the News List. By default the image list is listed on page
entry,


ADD News Article:
2. Click the ‘Add Article’ button top left of page.

You will now be on the Add News Article page.

3. Add an Article Title
4. Select a Post Date, both day and time of day – this is the date that the News
article will be released and visible on the website.
o Select Day by clicking the calendar icon and clicking on the Post Date
desired.
o Select Time of Day by making your selection from the drop-down menus;
Time is in hours (first drop-down) and minutes (second drop-down).
5. Select Expiry Date, both day and time of day – this is the date that the News
article will be removed from the website.
o Select Day by clicking the calendar icon and clicking on the Post Date
desired.
o Select Time of Day by making your selection from the drop-down menus;
Time is in hours (first drop-down) and minutes (second drop-down).
6. Add the News article using Page Sections
(see Add/Edit/Delete Content to a Page
p.15)

7. Add image if desired
(see Content Entry - Paragraph section p.15)

8. Click the ‘Save and Close Page’ button.
9. There is no approval for News Articles once saved these articles are live on
the website on their Release Date.

EDIT News Article:

2. On the News List page click the ‘edit’ button beside the news article of
interest.


© 2004 GiantGoat Web Development
31
GYS Content Management System Manual

You will now be on the News Preview page, where you can view the page similar
to that seen on the website.

3. Click any of the available ‘Edit’ buttons – if you choose the Edit button on the
section of interest you will be taken directly to that section, all Edit buttons
take you to the same page, the difference is location on the page.

You will now be on the Edit News Article page.

4. Make your changes
5. Click the ‘Save and Close Page’ button and yours changes will be live on the
websites (no approval necessary for the news).

DELETE News Article:

2. Click the ‘delete’ button beside the file of interest.

You will asked if you are sure you want to delete the file.
3. Click ‘Ok’ in the popup box.

The file will be immediately removed from the media list.





















© 2004 GiantGoat Web Development
32
GYS Content Management System Manual

CHAPTER 6: SPONSORS


ADD/EDIT and DELETE SPONSORS


STEPS …

3 levels of sponsors exist: Primary; Division Title/Travel Team and House
League

1. Click the ‘Sponsor’ link in the orange top bar of the CMS

You will now be on the Sponsor List page. By default the current Sponsor List is
visible, you will see the Sponsor Name, Sponsor Level, URL to sponsor website,
phone #, order of placement of website and when the sponsor was last updated.

ADD Sponsor:

2. Click on the ‘Add Sponsor’ button at the top of the page

You will now be on the Add Sponsor page.

3. Fill out the sponsor form:
o Name
o Team Name
o Logo – browse to find logo on your local computer
i. 170 (wide) x 100 (high) for Primary sponsors (these are maximum
dimensions)
ii. 150 x 80 for Division Title/Travel Team (these are maximum
dimensions)
iii. 0 – no logo for House League

If no logo is available the sponsor name will automatically appear in the logo
box on the website.

o Sponsor Level - Primary; Division Title/Travel Team and House League
o Sponsor Order – this orders sponsors as desired in the sponsor list on the
website
o Description:
i. 50 words for Primary sponsors
ii. 25 words for Division Title/Travel Team
iii. 0 – no description for House League
o Product Name
o URL – website address
o Phone Number
4. Click the ‘Save’ button.


© 2004 GiantGoat Web Development
33
GYS Content Management System Manual

EDIT Sponsor:

2. Click the ‘edit’ button beside the sponsor name of interest.

You will now be on the Edit Sponsor page.
3. Make changes
4. Click the ‘Save’ button

DELETE Sponsor:

2. Click the ‘delete’ button beside the sponsor name of interest.

You will asked if you are sure you want to delete the file.

3. Click ‘Ok’ in the popup box.

The file will be immediately removed from the media list.


ASSIGN A SPONSOR:


STEPS …

1. Click the ‘Sponsor’ link in the orange top bar of the CMS

You will now be on the Sponsor List page. By default the current Sponsor List is
visible, you will see the Sponsor Name, Sponsor Level, URL to sponsor website,
phone #, order of placement of website and when the sponsor was last updated.

2. Click the ‘Assign Sponsor List’ button at the top of the Sponsor List page.

You will now be on the Assign Sponsor List page.

3. Click the ‘edit’ button beside the category name you would like to assign a sponsor
to. If the category is not present in the list go to ‘Add Sponsor Category’ p. 34. add
the necessary category and then click the ‘edit’ button beside that category.

You will now be on the Edit Sponsor Category page.

4. Select a Sponsor from the drop-down list available. If the sponsor is not present in
the list go to ‘Add Sponsor’ p. 32. and add the necessary the necessary sponsor –
return to this page and select that newly added sponsor.
5. Click the ‘Save’ button.



© 2004 GiantGoat Web Development
34
GYS Content Management System Manual

ADD SPONSOR CATEGORY:


STEPS …

1. Click the ‘Sponsor’ link in the orange top bar of the CMS

i. You will now be on the Sponsor List page.

2. Click the ‘Assign Sponsor List’ button at the top of the Sponsor List page.

i. You will now be on the Assign Sponsor List page.

3. Click the ‘Add Sponsor Category’ button.

You will now be on the Assign Sponsor Category page.


4. Fill out the add Category form
a. Add Category Name
b. Select Category Level
c. Select Sponsor (if not in the drop-down list follow steps p.30)
d.
Click the ‘Save’ button.


































© 2004 GiantGoat Web Development
35
GYS Content Management System Manual

CHAPTER 7: STANDINGS


LOGIN:


STEPS …

1. Click the ‘Standings’ link in the orange top bar of the CMS

You will now be on the Standings page.

2. Add User name and password. Contact the website administrator is you have
forgotten your login information

You will now be on the

3.































© 2004 GiantGoat Web Development
36
GYS Content Management System Manual

CHAPTER 8: REFEREE


ADD/REMOVE DOCUMENTS


STEPS …

1. Click the ‘Referee’ link in the orange top bar of the CMS

You will now be on the Referee Documents page.

ADD Document

2. Select a document from the Docs drop-down list.

Documents must first be uploaded into the CMS program
(see Uploading Documents
p.25).


3. Select a section for the document to reside inside (choices are Schedules and
Miscellaneous)
4. Click the ‘Add Document’ button and your document will now be listed at the
last listing in the appropriate section.

REMOVE Document

2. Click the ‘Remove’ button beside the document you wish to remove.

You will asked if you are sure you want to delete the file.

3. Click ‘Ok’ in the popup box.

The document will be immediately removed from the appropriate listings.















© 2004 GiantGoat Web Development
37
GYS Content Management System Manual

CHAPTER 9: FEEDBACK


ADD/EDIT/DELETE CATEGORIES/CONTACT


STEPS …

1. Click the ‘Feedback’ link in the orange top bar of the CMS

You will now be on the Feedback Options page.

ADD Category/Contact

2. Click the ‘Add Category & Contact’ button

You will now be on the Add Options page.
If there is more than one contact for a category file in the form for each email
required.

3. Fill in the Add Options form:
o Add a Category Name
o Add Contact Email for that Category
o Select the section – by default Main is selected this is to be used at all
times except for the final category which should always be ‘Other’ in this
case change the Section drop-down to ‘End’ – this will always put ‘Other’
as the last selection.
4. Click the ‘Save’ button.

EDIT Category/Contact

2. Click the ‘edit’ button beside the category of interest.

You will now be on the Edit Options page

3. Make changes to the form
4. Click the ‘Save’ button

DELETE Category/Contact

2. Click the ‘delete’ button beside the document you wish to delete.

You will asked if you are sure you want to delete the file.
3. Click ‘Ok’ in the popup box.

The category will be immediately removed from the listings.


© 2004 GiantGoat Web Development
38
GYS Content Management System Manual

CHAPTER 10: APPROVAL


APPROVE/EDIT/REJECT WEBSITE CONTENT


STEPS …

1. Click the ‘Approval’ link in the orange top bar of the CMS

You will now be on the Approval Queue page. From this page you can approve,
view and reject all new website content. The best start is to view the new content
in the queue. Content is queue by date entered first to last.
From this page you will also see you Owns the page, the Title of the page, and the
Date modified.

APPROVE/REJECT a page without Viewing Content

2. To approve
click the ‘Approve’ button beside the web page of interest and
the new content will be instantly live on the website.
3. To reject
click the ‘Reject’ button beside the web page of interest and the
page is taken out of the queue. It is good practice to email the Owner and tell
them why their content was rejected.

APPROVE/REJECT /EDIT a page Viewing Content First

2. Click the ‘View/Edit’ button.

You will now be on the Approval Preview page. This will allow you to see how the
page looks on the website.

3. Click the ‘Edit’ button at the top of the page or beside any of the page
sections, they all go to the Approval Edit page with the section edits going
directly to that section on the page.

You will now be on the Approval Edit page.

4. View content
5. To approve
click the ‘Approve Page’ button and the content will be instantly
live on the website.
6. To reject
click the ‘Reject Page’ button and the page is taken out of the
queue. It is good practice to email the Owner and tell them why their content
was rejected.
7. To edit
simply edit the content on the Approval Edit page as you would any
other webpage
(see Add/Edit Content on a Page p.14).




© 2004 GiantGoat Web Development
39
GYS Content Management System Manual

CHAPTER 11: USERS


ADD/EDIT/DELETE CMS USERS


STEPS …

1. Click the ‘Users’ link in the orange top bar of the CMS

You will now be on the User List page.

ADD a user

2. Click the ‘Add User’ button at the top of the page.

You will now be on the Add User page

3. Fill in the use form:
o Username
o Password
o Confirm Password
o First Name
o Last Name
o Email
o Select User Level: A list of available user levels is provided in the drop-
down
(for details on User Levels see User Levels p. 40)

o Click the ‘Save’ button.

EDIT a user

2. Click the ‘edit’ button at the top of the page.

You will now be on the Edit User page

3. Make changes to the User form
4. Click the ‘Save’ button

DELETE a user

2. Click the ‘delete’ button beside the document you wish to delete.

You will asked if you are sure you want to delete the file.

3. Click ‘Ok’ in the popup box.



© 2004 GiantGoat Web Development
40
GYS Content Management System Manual

A deleted user will be immediately be removed from the CMS and will not be able
to login into the program again. All webpages and media from this user will remain
in the program and be assigned to a ‘system account’. This ‘system account’ is
available to the website administrator who can now assign this orphaned content to
another user.

ASSIGN WEB PAGE OWNERSHIP


STEPS …

1. Click the ‘Pages’ link in the orange top bar of the CMS

You will now be on the ‘Page Management’ page
(see illustration p.11)


2. Select the web page you wish to assign or re-assign to a CMS user from your
list of web pages (left side box).

Page information (stats) for the web page selected will now appear in the right side
box
(see illustration p.11).


3. Select the user you wish to have ownership of the web page from the drop-
down list beside the ‘Change Owner To’: title
4. Click the ‘Edit’ button

Ownership will be instantly changed to the select CMS user and you will be taken
to the Page Preview page for the web page of interest.

















© 2004 GiantGoat Web Development
41
GYS Content Management System Manual

CHAPTER 12: WEBSITE MAINTENANCE


FILE CLEAN UP


The CMS has automated the task of file clean up.

Deleted files are removed completely from the program every night.

When a webpage is deleted, all internal links to that deleted page are automatically
removed from other pages within the website.

It is the responsibility of the website administrator to clean up media files and news
articles that are not longer pertinent to the website.

PAGES/IMAGES/DOCUMENTSs OWNED BY A DELETED USER


When a user is deleted all pages owned by that user are safe inside the CMS program,
they are automatically un-assigned from the deleted user and re-assign to a Systems
account until the website administrator re-assigns these pages to another CMS user.

When a user is deleted all images and PDF files owned by that user are automatically
assigned to a Systems account and any personal images/PDFs are available only to the
Systems account, the person in charge of the Systems account can, if needed, make any
or all of these file public for all to use..


HYPERLINK CHECKS


The website administrator has the responsibility to check all external website links all
internal links are maintained automatically by the CMS software.

















© 2004 GiantGoat Web Development