SchoolTray User Guide

Quick Start

Login	Click on the Login link and type in your registered email and password. Then click the Login button. Successful login will take you to your relevant "MY ACCOUNT" page. *** Passwords are case sensitive. Go to top
Editing a page	To edit a page: First log in and then go to the page that you are authorised to edit. You will see relevant Edit, Update, Add Article or Delete links depending on the type of the page. You will only see these links if you are authorised to edit. There are 2 types of pages: A SAP (Single Article Page) page is a static page such as a"Welcome" or "About Us" page. These pages are usually used to display information that doesn't change daily. You will see only Edit links on these pages. A MAP (Multi Article Page) page is used for "News" or "Blog" pages. You can Add, Edit or Delete individual articles on these pages. These individual articles can be linked from the "News & Events" box on the home page and they can be set to accept comments from registered users. These articles are auto archived on 1st August every year. See 'Working with editor' sections below for more information. *** You cannot change the title of the page by editing it. To do that go to the "Manage Website Pages" or "Manage Class Pages" on the "MY ACCOUNT" page. Go to top
Working with editor (General)	Once you click the Edit or Add Article button on a page the editor is displayed. The editor looks and works like a word processor. You can simply type your text inside the content pane and use the icons to format the selected text. Standard text manipulations such as re-sizing, changing colour, alignment, font, etc are all available. IMPORTANT Once you finish editing do not forget to press the button at the top otherwise your work will NOT be saved. When highlighting text always highlight from left to right. The SAP editor. Go to top
Working with editor (MAP Pages)	When adding or editing articles on MAP pages the editor shows some fields and checkboxes to fill and set. These are the Title and News Box Subheading fields and the Is Article Secure, Are comments permitted and Add to News Box checkboxes. The News Box Subheading field appears only if Add to News Box is checked. The MAP editor. Go to top
Uploading files to the cloud	In order to use images, documents, audio and video on a web page the files have to be in the cloud (server). To upload files to the cloud first edit a page and then click on the icon. The Upload Files to the Cloud window will pop up. On this window you can browse/choose files in your computer. Repeat the process for more files by clicking on Add Another File link. Finally, once all files are selected, click on the Upload button to upload. Once the upload is complete close this window and return to the editor page. IMPORTANT - Do NOT upload videos using this method. Videos are hosted on a separate high performance video server and they are uploaded using the Manage Videos page. See Uploading videos to the server section below for more information. Upload Files to the Cloud window Go to top
Inserting Images to pages	In order to insert images to a page first click on the place inside the editor's content pane where you would like to position the image. Then click on the icon. The Image Browser window will pop up. This window shows the image thumbnails in the immediate directory and also a list of other image directories. Click on an image just once. The image will be inserted into the page. You can click on other images on this window to insert multiple images in one go. Images previously uploaded to other pages are accessible and stored in other directories. Click on a directory to view the images in that directory and insert images to the page as decribed above. After selecting all the images you want close this window and return to the editor. All the images you clicked on should be inserted to the page. Image Browser window Go to top
Inserting Document Links to pages	You can insert links on a page for the most common types of document such as PDF, Text, Word, Power Point and Excel. When these links are clicked, depending on the type of document, the user either views the files on a Pop-Up window (PDF, Text) or are offered to dowload (Word, Power Point, Excel). In order to insert links for documents to a page first click on the place inside the editor's content pane where you would like to position the link. Then click on the icon. The Document Browser window will pop up. This window shows the document links in the immediate directory and also a list of other document directories. Click on a document link just once. The link for the document will be inserted to the page. You can click on other documents on this window to insert multiple document links in one go. Documents previously uploaded to other pages are accessible and stored in other directories. Click on a directory to view the documents in that directory and insert document links to the page as decribed above. After selecting all the documents you want close this window and return to the editor. All the documents you clicked on should be inserted to the page. Document Browser window Go to top
Inserting Audio to pages	You can insert mp3 audio to any page and it will be displayed as a controllable audio player as shown below. Play, stop, pause and volume controls are displayed. In order to insert audio player to a page first click on the place inside the editor's content pane where you would like to position the audio player. Then click on the icon. The Audio Browser window will pop up. This window shows the audio links in the immediate directory and also the list of other audio directories. Click on an audio link just once. The audio player will be inserted to the page. You can click on other audio links on this window to insert multiple audio players in one go. Audio files previously uploaded to other pages are accessible and stored in other audio directories. Click on a directory to view the audio links in that directory and insert audio links to the page as decribed above. After selecting all the audio links you want close this window and return to the editor. All the audio links you clicked on should be inserted to the page. Audio Browser window Go to top
Uploading videos to the server	In order to use videos on a web page the video files have to be in the video server. To upload videos to the video server click on the Manage Videos link on the MY ACCOUNT page. The MANAGE VIDEOS page will be displayed. On this page you can choose/browse a video file in your computer and enter a title for the video. Then click on the Upload button to upload. Once the upload is complete go to the page onto which you would like to insert this video and follow the instructions in the Inserting video section below. IMPORTANT - Video files are huge and can take a long time to upload depending on the file size and the speed of your connection to the internet. For example, a 5 minute video could take up to 25 minutes to upload with an ordinary home broadband connection. Be patient and do not close the page until you see the 'Success' message. MANAGE VIDEOS page Go to top
Inserting video to a page	You can insert videos to any page from the video server and it will be displayed as a controllable video player as shown on the right. Play, stop, pause, full-screen and volume controls are displayed. Videos in our video server are are secure. Which means they are only playable on your own website and nowhere else. This makes it possible to restrict the viewing of these videos to only registered users of your website. Embedding videos from other public video servers (such as YouTube) is possible but not recommended. In order to insert video to a page first click on the place inside the editor's content pane where you would like to position the video frame. Then click on the icon. The Video Browser window will pop up. This window shows the videos you have uploaded to the video server. Click on a downward arrow to the right of the video just once. The video frame will be inserted to the page. You can repeat this process to insert multiple videos to the page. After selecting all the videos you want close this window and return to the editor. All the videos you clicked on should be inserted to the page. NOTE: If you are not able to see the video on the page after inserting and saving the page/article this may be due to your network (or proxy server) settings. Please contact your IT support person to remove the restriction. Video Browser window Go to top
Page formatting	In this section we will introduce basic page formatting. TEXT: The editor looks and works like a word processor. You can simply type your text inside the editor's content pane and use the icons to format the selected text. Standard text manipulations such as re-sizing, changing colour, alignment, justification, font, etc are all available. See the icons at the top of the page. All you have to do is to select/highlight the text (always from left to right) then click on one of the text formatting icons at the top. IMAGES: There are two basic operations on images: Resizing and alignment. To resize an image manually simply click on it once and the resizing handles will be displayed. You can click and hold to grab and drag one of these handles to resize the image. Try to keep the original aspect ratio while resizing this way otherwise the image will look warped. To resize using the image-properies pane (shown on the left) either double click on the image or single click and then click on icon at the top. The image-properties pane will pop up. You can then lock the aspect ratio by clicking on the lock icon and then enter any value to either the width or height area. The ratio will be automatically adjusted. If you want to load the original image just click on the curved-arrow next to the lock icon. Aligning images. First decide if you want any text to wrap around or not. If you do want to wrap text around the image, first decide if your image should be positioned to the left or the right of the page. Bring up the image-properties pane by either double clicking on the image or single clicking and then clicking on icon at the top. The image-properties pane will pop up. Enter a pixel value for horizantal and vertical space around the image. A value of 10 (pixels) is ideal. Then select an alignment value (right or left) and click OK. Now the image will align itself to the left or right and the text will wrap around it. If you don't want to wrap any text around the image you can select/highlight the image or the whole area where the image is and click on one of the justification icons (  ) at the top. The image will be positioned accordingly. DOCUMENT LINKS: You can change the name of a document link, but it is important to maintain the integrity of the link. As a default the document links are inserted with the file name wrapped inside hyphens like this -This is a document.pdf- This text can be changed, but you must follow this process to make sure that the underlying link is not lost: Example:The original document link -This is a document.pdf- Stage one: Change the text inside the hyphens: -Newsletter April 2013- Stage two: Delete the wrapping hypens Newsletter April 2013 Go to top
Copying and pasting	The editor allows copying and pasting from any document or web page, but this has to be carried out very carefully. When a document, or part of a document, is copied and pasted the underlying codes are also copied and pasted. These underlying codes can interfere with formatting the page. The recommended way of copying has 4 stages: Stage 1: Copy from a document or web page by selecting/highlighting. Stage 2: Paste selection to a simple text editor such as Notepad. (Do not copy to a word processor (eg word for windows, google docs etc) or rich text editor) Stage 3: Copy from the simple text editor. Stage 4: Paste to the the editor and re-format as described in the 'Page formatting' section above. Go to top

Managing pageover message

• Log in and go to 'My Account' page.
• Click on 'Manage Pageover Message'.
• This will take you to Manage Pageover Message page. On this page you can create new pageover message or edit, update, delete and test existing messages.
• TO CREATE A NEW MESSAGE clcik Reset, type your new message inside the box, enter an expiry date/time, click Test to test, and if you are satisfied with the message close the test popup window and click Publish button.
• TO CHANGE A MESSAGE click anywhere inside box, do the change, update the expiry date/time if needed, click Test to test, and if you are satisfied with the message close the test popup window and click Publish button.
• TO DELETE A MESSAGE clcik Delete and click Confirm Delete on the pop-up window.

Managing home page slide show

• Log in and go to 'My Account' page.
• Click on 'Manage Home-Page Slide Show'.
• This will take you to Manage Home-Page Slide Show page. On this page you can upload new slide show images and maintain the slide show.
• Slide show images have a set size. For example width 630px, height 270px. Images will be forced to this size. Maximum file size per image must not exceed 150 KB otherwise the image will be compressed.
• To upload new slide show images click on Browse button and select an image from your computer. Then click on Upload button.
• To add a new image to slide show go to one of the 12 slide show image position and clcik on Change Img button. This will open a pop-up window with already uploaded slide show images. Click on any image and this image will be placed inside the box.

Managing school and class diaries

• Enter expiry date and time. Please note that expiry date and time is not displayed in the diaries. This field is for system management purposes only.
• Enter a date description. This is the field that your visitors will see. So you must include a date and time information here. Example: 'Monday, 19th December 2012 at 2:30 pm'
• Enter an event description. This field too will be visible to visitors. So you must eneter an event description here. Example: 'Infant nativity at the main hall. Doors open at 2 pm.'
• Diary items for classes do not automatically display in the Diary box in the home page. If you reqire that you must tick the checkbox 'Show in Diary box on the Home Page'.

Publishing to 'Latest News & Events' box on the home page

Editing pages - General

• SAP (Single Article Page) which holds only one article and suitable for static pages such as About Us, Staff, etc.
• MAP (Multi Article Page) which holds multiple articles and suitable for news and events, blogging, etc.

Working with the editor

Working with images

Working with links

Working with videos

Working with sound

Setting Up

Creating classes

• Log in and go to 'My Account' page.
• Click on 'Manage Classes'.
• This will take you to the Manage Classes page. On this page you can add new classes and edit/update/delete existing classes.
• Please note that the display name for a class is <Class Name>-<Class Code>

Creating users

• Log in and go to 'My Account' page.
• Click on 'Manage Administered Users'.
• This will take you to the Manage Administered Users page. On this page you can add new users and edit/update/delete existing users.
• Please note that you can select responsible classes when creating users who may be associated with a class, such as teachers or a teaching assistants. This will authorise them to perform admin tasks on their class pages.

Creating website pages

• Log in and go to the 'My Account' page.
• Click on 'Manage Website Pages'.
• This will take you to Manage Website Pages page. On this page you can add new pages and edit/update/delete existing pages.
• The page id has to be unique. The page title could be any text.
• There are two types of pages: A SAP page holds only one article and is suitable for static pages such as About Us, Staff, etc. A MAP page holds multiple articles and is suitable for news and events, blogging, etc.
• A page can be made editable by certain user groups and up to 5 particular users.
• A page can be made viewable by certain user groups. Selecting any viewing user group or selecting 'Is Secure Page' checkbox makes the page secure (i.e. Only viewable after logging in.)

Creating class pages

• Log in and go to 'My Account' page.
• Click on the 'Manage Class Pages' link.
• This will take you to the Manage Class Pages page. On this page you can add new class pages and edit/update/delete existing class pages.
• The page id has to be unique. The page title could be any text.
• Class pages appear in alphabetical order by their page id. It is possible to manage the order of class pages by predicting the page id with numbers followed by an underscore then page id. Example: 00_Home, 05_About.
• There are three types of class pages: A ClassPage_SAP page holds only one article and suitable for static pages such as About Our Class, Curriculum, etc. A ClassPage_MAP page holds multiple articles and suitable for news and events, blogging, etc. A ClassPage_APP page is for special pages such as class diary or class awards pages. These are pre-programmed applications. The page ids are reserved. Currently there are two apps: 'Diary' for class diary and 'Awards' for class awards.
• Please note that you can make a page editable by certain user groups and up to 5 particular users.
• You can also make a page viewable by certain user groups. Selecting any viewing user group makes the page secure (i.e. Only viewable after logging in.)