18

SWE 316Phase 5 :

User Interface design

For

ESAP system

By the team members

Omar Shaaban Abdullah Al-ShayeaAbdul-Elah Al-Tuaimi Ali Al-Zahrani

This phase leader is ِAbdullah Al-Sayea

Saturday

17/ January /2009

18

OverviewThe user interface consists of different views:

1- Anonymous View:

Any one or any company can have general view of the system with minimal functionality such as searching for users and browsing their portfolios.

2- Owner View:

The owner can modify his portfolio or change his information/settings.

3- Faculty View:

A faculty member can see some works of his students and grade them or comment on them. He may also like to create a survey to be addressed by his students.

4- Advisor View:

Similar to the faculty view, but it also has an extra function of creating academic plans for his advisees or viewing their own plans and commenting on them.

5- Admin View:

The admin can view portfolios, surveys, or student information and edit them. He also can change the general settings of the system.

18

The ESAP Map: ESAP Homepage

Browse

Search For User

Help

About the System

Contact info

Anonymous View page:

Journal .

Resume .

Showcases .

Log In

Owner View

Journal

Showcases

Resume

Plan

Survey

Admin View

Students Portfolios

Surveys

Student information

System sittings

18

Faculty

Students Information

Students Portfolio

o Resume

o journal

o showcase

o plan

Advisor

Students Information

Students Portfolio

o Resume

o journal

o showcase

o plan

Students plans

Create new plans

18

Screenshots

Anonymous View:

Figure 1.1

The ESAP Homepage Screen

18

Figure 1.2

Search for any user in the system using the advanced search tools.

18

Figure 1.2.1

The result of the search shown here in the result page

18

Figure 1.2.2

The Student portfolio for anonymous users (without log in )

18

Figure 1.2.3

The Student contact way to send a message to the student

18

Figure 1.2.4.1

The show case shown for the anonymous user

18

Figure 1.2.4.2

The showcase description shown for the anonymous user

18

Figure 1.2.5.1

The journal shown for the anonymous user

18

Figure 1.2.5.2

The journal description shown for the anonymous user

18

Figure 1.2.6

The resume description shown for the anonymous user

18

Owner View:

1.3

18

Faculty/Advisor View:

1.4

18

Admin View:

1.5

18

Screen Objects and Actions

Object Action

KFUPM (Link) Go to KFUPM website.

Browse (Link) Browse all the students in the system.

Search For User (Link) Search for a specific user in the system.

Settings (Link) Edit the setting of this user.

Help (Link) Provide the user with the system manual.

Login (Button) The user logs in to the system to see his portfolio content.

Sign Off (Button) The user signs off from the system.

Forgot Password (Link) Recover the forgotten password.

Search (Button) Apply the selected options to search.

Results (Linked Tuple) Go to this user’s portfolio.

Contact Me (Link) Send a private message to this user.

Journal (Link) Go to the journal section of this user’s portfolio.

Resume (Link) Display the resume of this user.

Showcase (Link) Go to the showcase section of this user’s portfolio.

Plan (Link) Display the plans for this user.

Survey (Link) Display all the surveys for this user.

Advisee (Link) Display all advisees of this advisor.