Training Manual For Content Management System

Table of Contents 1. OVERVIEW... 1 1.1 HOME... 1 1.2 NEWS... 1 1.3 EVENTS... 1 1.4 ABOUT... 1 1.5 REGISTRATIONS OVERVIEW... 1 1.6 PROFESSIONALS AND REGISTRATION... 1 1.7 PUBLIC... 3 1.8 PUBLICATIONS... 3 2. LOGIN... 3 3. CONTENT MANAGEMENT... 4 3.1 HOW TO ADD CONTENT... 4 3.2 HOW TO EDIT CONTENT... 6 3.2.1 Clicking the edit button... 6 3.2.2 Selecting the edit icon... 7 3.3 HOW TO DELETE CONTENT... 8 3.4 HOW TO UPLOAD IMAGE... 9 3.5 HOW TO UPLOAD DOCUMENT... 11 3.5.1 Uploading a document by clicking on edit and then selecting browse... 11 3.5.2 Uploading a document through the use of a hyperlink.... 12 i

1. Overview Content Management System (CMS) is an application that allows publishing, editing and modifying content, organizing, deleting as well as maintenance from a central interface. This instructional design document aims to train users how the CMS system works, i.e., where and how to add, edit, delete or how to access particular features of the system and how these features interact. Below are content editing menus that the user can use to edit/update the SACSSP Public website 1.1 Home On the CMS home page, under content editing page, the Admin user can only edit the Announcement content. This menu will be linked to the Announcement menu on the Public homepage 1.2 News On the News menu, the Admin user is able to add news, edit or delete old news. The user can also insert a link to view a document or upload an image. This menu will edit the content on the SACSS website s News and Events page, under the News menu 1.3 Events From the Events menu, the User is able to add events, edit events or delete events. This menu will edit the content on the News and Events page, under the Events menu 1.4 About There are 4 editable sections under About Menu. These are a) Overview b) History c) Boards d) Stakeholders. These sections can only be edited to add more information, replace the existing information or link documents or upload images. The sections above will edit the corresponding menus on the Public website s About page. 1.5 Registrations Overview The registration overview allows the user to edit the content by adding more information, replacing the existing information or viewing uploaded documents or upload images 1.6 Professionals and Registration The Professionals and registration menu on the CMS will be editing the Professionals and the Registration pages on the public SACSSP website. The editing involves replacing an existing document with a new one. The following sections of the CMS will be updating the Professionals page on the public SACSSP website 1

a) Continuous Professional development b) Social Workers c) Social Auxiliary workers d) Child and Youth Care e) Auxiliary Child and Youth Care f) Specialization g) Promotional Material h) CPD Activities The following sections will be updating the Registrations page on the public SACSSP website a) Student registrations - Registrations students Application forms - Registrations students Fees - Registrations students Universities - Registration Students Checklists - Registrations students Leaflets The above will edit the Students menu on the Registrations page b) - Registrations Learners - Application forms - Registrations Learners Fees - Registrations Learners Training Institutions The above will edit/update the Learners menu on the Registrations page c) - Registrations Social Auxiliaries Applications forms - Registrations Social Auxiliaries - Fees - Registrations Social Auxiliaries Training Institutions - Registrations Social Auxiliaries Brochures The above will edit/update the Social Auxiliary menu on the Registration page d) - Registrations Foreign App Applications forms - Registrations Foreign App - Fees - Registrations Foreign App Training Institutions The above will edit/update the Foreign applications menu on the Registrations page e) - Registrations Payments - Fees The above will edit/update the Registrations payments menu on the Registrations page f) - Registrations CYC Applications forms - Registrations CYC - Checklists - Registrations CYC Fees - Registrations CYC FAQs The above will edit/update the Child and Youth Care menu on the Registrations page g) - Registrations SW Applications forms - Registrations SW - Checklists - Registrations SW Fees - Registrations SW Training institutions The above will edit the Social Workers menu on the Registrations page 2

1.7 Public The Public menu on the CMS allows the user to edit What is a Social Worker section to update the corresponding What is a Social Worker menu on the For the Public page of the CMS. This can be done by editing the information, uploading an image or uploading a document to be viewed /downloaded 1.8 Publications The publications menu allows the editing of the Brochures and reports sections which will effect changes will be done through editing the information, uploading an image or uploading a document to be viewed /downloaded 2. Login To access the CMS system, the user will have to login with their username and password as shown on Figure 2.1. The Administrator s user credentials for the Register should be used. Once the user logs in, they will be directed to the Content Editing page as shown on Figure 2.2, showing the editable menus on the left pane. Figure 2.1 3

Figure 2.2 3. Content management 3.1 How to add content From the news and events menu on the CMS system, you can add events or news by clicking on the Add Events or Add News as shown in Figure 3.1 below Figure 3.1 This will open up an Add News form, as shown in Figure 3.2 below, which will allow user to add the News Subject, Date expiry and the contents. The expiry date will be the date in which the news will automatically be deleted from the system without having the user go and manually delete it. Below is an example of the CYCW news added to the News menu, from the CMS system. 4

Figure 3.2 Below Figure 3.3, shows how the News menu on the Public SACSSP website will appear after adding the CYCW News Figure 3.3 5

3.2 How to edit content To edit the content on the CMS system the Admin user can either click on the edit button or the edit icon 3.2.1 Clicking the edit button Figure 3.4 below shows an example of editing using the edit button. On the example below, the Announcement section of the CMS system is edited. When the user clicks on Edit, they will be taken to the Update Contents form as shown on Figure 3.5. On this window the user can add text, edit text, add image or create a hyperlink to an uploaded document. From the Figure 3.5 below, a This is a test message has been added, and once the user click on Save, this will update on the public site to the message as shown on Figure 3.6 Figure 3.4 Figure 3.5 6

Figure 3.6 3.2.2 Selecting the edit icon Another example of editing is as shown below on Figure 3.7. The figure below shows an edit icon which can be selected when editing the Events menu to give an Edit Events form as shown in Figure 3.8 below. Using the 2 Figures below (Figure 3.7 and 3.8), the end date of the Test2 event is to be changed from 31/03/2015 to 22/04/2015. After changing the end date, the public SACSSP website will show the new dates as shown in Figure 3.9 below. Figure 3.7 7

Figure 3.8 Figure 3.9 3.3 How to delete content To delete the content, the user will click on the delete icon as shown below in Figure 3.10. In the below example, the Student news is selected to be deleted and in Figure 3.11, it is no longer appearing on the list. Figure 3.10 8

Figure 3.11 3.4 How to upload image To upload an image, the user will edit the section of any menu that will take them to below clipboard shown as Figure 3.12. To upload an image the user will click on the image icon as shown below. The user will be taken to the Insert/edit image window, as shown in Figure 3.13, where they will have to browse for the image and insert. Figure 3.14 below, shows the uploaded image on the CMS system while Figure 3.15, shows the uploaded image as it will appear on the public SACSSP website Figure 3.12 9

Figure 3.13 Figure 3.14 10

Figure 3.15 3.5 How to upload document When uploading documents, the user should take note that only pdf format documents should be uploaded. 3.5.1 Uploading a document by clicking on edit and then selecting browse The Professional and registration menu allows the user to edit a section in order to upload a document. Figure 3.16, show that once the user has clicked on edit, an Edit Web Part form comes up, which will allow the user to browse for the document and upload it. Figure 3.17 below, shows the uploaded document on the CMS system while Figure 3.18 shows the uploaded document on the public website Figure 3.16 11

Figure 3.17 Figure 3.18 3.5.2 Uploading a document through the use of a hyperlink. To insert a hyperlink, the user will have to highlight the text and click on the hyperlink icon as shown below in Figure 3.19. Figure 3.20 shows the location of the document which was linked while Figure 3.21 shows the hyperlinked text in the CMS system and Figure 3.22 shows the hyperlinked text as seen on the public website. 12