Section 3: The User Interface.

Section 3.1: How to login

Step 1: Navigate to any page on your respective department's website.

Step 2: Append your website url in your browser address bar (see Figure 3.1) with the text “/login” and hit the return key. 

Figure 3.1 – close-up of the address bar on a firefox browser

Step 3: You should be prompted by a new page requesting your login name and password (see Figure 3.2).

Figure 3.2 – Example of a login page

Step 4: Enter your Login name and Password, then press the “Login” button or click the “return” key on your keyboard. You should then be redirected back to the previous page you were on in your website.

***Note: If you have any issues logging in contact your Webmaster. There is a support form on the footer of each webpage in the Faculty (Figure 3.3).

Figure 3.3 – close-up of the “Footer” of all websites with the link to the Webmaster

Figure 3.3 – close-up of the “Footer” of all websites with the link to the Webmaster

Section 3.2: The Top Tabs

The Tabs at the top of the editing environment should be displayed (in most cases) as the following: Contents, View, Edit, Sharing, History, Aliases. While logged into our websites, a pink box should appear where the main content is displayed. On top of this box are several tabs, all of which give different options. The possible tabs that can be displayed are detailed below:

Figure 3.4 – close-up of a the “Tabs”

Contents: Will switch the display of the page to show all items found within the folder you are currently navigated to.

View: Switches the display to show how a normal user will view the page.

Edit: Switches to display which will allow you to change the content on a page.

Sharing: Changes the permissions, allowing some users limited access to make changes to the page displayed.

History: Allows the page to be reverted to a previous version of the page.

Aliases: Allows for the management of aliased item locations in case items have been moved or originated in other areas of the website. This prevents internal link breakages only.

Section 3.3 – Editing Content

While logged in and navigated to a page (Figure 3.5), edits can be made by clicking the Edit tab. Three main areas now appear:

Figure 3.5 – close-up of a page item and it's associated icon from the “add new...” menu

Title: changes the title of the webpage or content item (Figure 3.6)

Figure 3.6 – close-up of the “Title” field

Figure 3.6 – close-up of the “Title” field

Description: adds a description to the page or content item (optional) (Figure 3.7)

Figure 3.7 – close-up of the “Description” field

Body Text: The Visual Editor, which is called Kupu (or the What You See Is What You Get, WYSIWYG editor): adds a word processor like editor to make changes and additions to the page (Figure 3.8).

Figure 3.8 – close-up of the “Body Text” area and “Kupu” editor

***Note: More editing steps may be found in other subsequent sections of this document, please refer to the table of contents for more specific editing functions.