1. PIVOTECH COMPANY LIMITED WEBSITE HAND-OVER TRAINING

2. TABLE OF CONTENTS Introduction Website Architecture Contents Updates (Texts and Images)

3. THIS DOCUMENT IS INTENDED FOR STAFFS/WEBMASTER TO HELP IN WEBSITE MAINTENANCE WHICH INCLUDE CONTENTS UPDATES INTRODUCTION

4. WEBSITE ARCHITECHURE ROOT FOLDER INDEX FILETZ FOLDERRW FOLDERBI FOLDER Images/js/css for index file

5. CONT.. Each folder contains the whole website for the specific country including images, docs, css styles, js, CMS, etc The images/js/css folders at the homepage are for the index page only. Index page is the landing welcome page

6. CMS ARCHITECTURE ROOT Rwanda CMS TemplatesPages Tanzania CMS TemplatesPages Burundi CMS TemplatesPages

7. CONT… Every country website has its own CMS,images,js,etc that means a specific country website can be changed from layout to contents without affecting the other website By saying so, every country web CMS has its own login details, and its own address to get to the admin panel.

8. HOW TO LOGIN IN Log in addresses for the country CMS are as follows: 1. www.pivotech.co.tz/bi/admin for Burundi www.pivotech.co.tz/bi/admin 2. www.pivotech.co.tz/rw/admin for Rwanda www.pivotech.co.tz/rw/admin 3. www.pivotech.co.tz/tz/admin for Tanzania www.pivotech.co.tz/tz/admin Credentials for login to be given.

9. TEMPLATE EDITING Go to Layout>templates for template editing. Templates contains the whole layout of the website and has elements which appear in all pages as specified in pages (can be seen in pages list). Such elements that appear in all pages includes menu, footer and header. Editing the template means effect will be shown to all pages that render that template

10. PAGE EDITING - TEXT Go to Content>pages to view pages list. Each page can be edited by clicking on the particular page. Editing can be done on the Contents container by either using Tinymice or html view. HTML view can give a better result but make sure u know its basic syntax.

11. PAGE EDITING - IMAGES In order to add images to pages first one should go to Contents>Image Manager and upload images. Then go to the page where you want to add an image and click an image icon on the editing bar then follow link to choose an image and add. ADDITION: please include the word “uploads” before the word images in the URL so that the URL can be in the format “uploads/images/image_name.jpg ” Once an image is added can be resized, aligned

12. NEWS EDITING Go to contents>News to edit news. Click on add new article to add the news. On the adding news panel fill in the Title, News in brief/summary, News in details, Date of publishing and due date. Images in the news can be added same way as for contents for pages. After adding the news you can preview by clicking preview button before publishing

13. THIS IS THE BANNER IN ANIMATION BANNER IMAGES

14. EDITING BANNER IMAGES The only way to edit these images is by using the Image editor, for this case is PHOTOSHOP. Once an image is ready can be uploaded directly into server in the specific images folder by login into the CPANEL. Once an image is uploaded then one should open the file named imganimation.js and edit the image list by adding or deleting them. Effect will appear after saving the js file

15. EDITING THE WELCOME PAGE WELCOME PAGE

16. SLIDER EDITING FOR THE WELCOME PAGE This can be done by login directly into CPANEL and edit the index file. CAUTION: this index file is the landing page of the website so one should be very careful on editing it because its very easy to destroy the welcome screen which is a first page for visitors. Edit only the DIVs with ID slides by editing the images URL and the intro text for sliding. For images make sure you have uploaded the image already before adding its URL. Images holder to begiven

17. DOCUMENTS THAT WILL BE HANDED OVER HAND OVER DOCUMENTS

18. DOCUMENTS TO HAND OVER PSD file for the welcome screen and the pages. Images holder for the banner animation and for the sliders. The whole website files as they are in the server. Training material

19. THIS IS THE DOCUMENT THAT SPECIFIES HOW CHANGES THAT GO BEYOND THIS DOCUMENT CAN BE DONE SERVICE CHANGE ORDER

20. SCO SPECIFICATIONS Maintenance for the website will be given free for ONLY two months from hand-over day. SCO will be prepared an given to you thereafter. This SCO will contain details on changes to be made beyond the ones explained in this document, the time interval for the change and the cost for the change to be done

21. CORPORATE BRANDING, DESIGN AND PRINTING DOMAIN REGISTRATION AND HOSTING CUSTOM SOFTWARE DESIGN AND DEVELOPMENT ACCOUNTING PACKAGES NETWORK DESIGN, INSTALLATION AND SECURITY ONLINE MARKETING AND ADVERTISING BULK SMS FOR MARKETING GET MORE FROM IFRONE

22. PLEASE DON’T HESITATE TO CONTACT US: CONTACT IFRONE Cell-phone: +255 717 183 443, +255 768 114 555, +255 787 777 344 E-mail: info@ifrone.cominfo@ifrone.com, shukuru101@gmail.comshukuru101@gmail.com Website: www.ifrone.comwww.ifrone.com (Website under maintenance for now)