Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
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.