1. Main Screen Templates

Review of the main types of screens. This is a review of the concept the screen more than the content of the screen. The content of the screens are being discussed in the pages 2 - 7.

1. Gateway Dashboard Screen

1. General branding and content

This is already implemented. We do need to find a way that makes this easily adaptable through a configuration file

ToDo :

2. Create an account

Allows you to create a new account. How is this handled inside different institutions?

ToDo :

3. Need help

Brings up the help pages, zoomed into the requested area. This needs more investigation
on how different institutions handle help and support pages right now. We might drop this
for now.

4. Login form

Main login. Has been implemented.

5. Forgot your username or password

Allows you to retrieve your password if you have forgotten it. This isn't available in
current Sakai and is probably highly institution dependant. Needs more investigation.
Will be dropped for now.

6. Footer

General footer that needs to be highly customizable for each institution.

ToDo :

2. Dashboard Screen

The idea is that a personal dashboard has got the institution branding, as sites can
have their own branding.

1. My Dashboard header

Header for your dashboard page. Probably should be customizable for each institution.

ToDo :

2. Username

Shows first name and last name in stead of user login

ToDo :

3. Preferences

Preferences itself is a link which links to main Preferences page. The icon next to it
is a dropdown menu which allows you to deep link into the Preferences pages (into a certain
area).

ToDo :

4. Help

Brings up the main Sakai help pages.

ToDo :

5-6-7. DashBoard widgets

5 and 6 have already been fully designed, 7 is just a placeholder. Whether a widget
is a DashBoard widget or a Site widget can be configured, as can the default dashboard
layout.

ToDo :

8. Add Widgets + Edit Look & Feel

Buttons that will make it possible to change your personal dashboard. More info later.

3. Site Home Page Screen

1. Back to My Dashboard

Allows you to go back to your personal dashboard.

2. Preferences

Same as 2.3. We'd like to be here as a concept. For now it will only allow you to
change your preferences sakai-wide, but in the future you might be able to set your
preferences for a specific site.

ToDo :

Note: Implemented by renaming Preferences to My Preferences

3. Site Settings

The link itself takes you to the Site Settings main page. The dropdown next to it
allows you to deep link into a section of the Site Settings page.

ToDo :

4. Site title bar

This should be customizable using the Edit Look & Feel button (See later).

5-6-7. Sidebar

Sidebar which contains tabs that allow you to go into different dashboard layout
(= organizational structure). Add Page will become Add Tab.

Reminder for Nico: Drag and drop widgets from tab to tab (if there is time)

ToDo :

8-9. Placeholder widgets

These widgets are only placeholders. We might look into a restyling of the Cambridge
Recent Activity widget as a replacement of the Updates and Announcements widget.

ToDo :

4. Tool Screen (Ex: Site Settings)

1. Tool title

Name of the tool and is also a link into the first tab.

ToDo :

2. Help

Help brings up the general help pages, zoomed in to the section containing info
about the tool itself

ToDo :

3. Close & Return

Brings you back to the page you came from.

ToDo :

4-5. Task bar

The active tab showing the tab you are currently in (active tab) and the other tabs
show what else is available (inactive tabs).

6. Save & Undo Changes

Save saves your changes without bringing you back to the previous page. Undo Changes
brings the form back into the state it was in

ToDo :

5. Lightbox Screen (Ex: Add Widgets)

1. Grey background

The lightbox puts a slightly transparent layer on top of the screen you were
working in. Clicking this should not close the lightbox overlay.

2. Widget title

This should in this case adjust itself to where it is

ToDo :

3. Help

General help pages zoomed in to where the help pages for this lightbox are

4. Close Window & Cancel

Closes the lightbox and doesn't save changes. Comes back at the bottom of the
lightbox.

ToDo :

5. Finished

Closes the lightbox

6. Widget

ToDo :

1. Minimize

Minimizes the widget so only the title bar is visible

2. Widget Title

3. Hover area

When the mouse cursor hovers the grey area, the cursor will change into a crosshair
and will be draggable

4. Menu

(Optional) menu that allows you to set settings, refresh, ...

ToDo :

5. Close

Removes the widget from the screen

6. Task bar

Widget specific

TOTAL HOURS = ~208 (5.2 person weeks)