Phase 3: Basic Web Design

Transcription

Fall
Phase 3: Basic Web Design
Noah Levin
Redesigning the overall interface for the WPCC website as well as fleshing out a
design for the chess classes functionality requested by the club.
67-202 Project :: Application Design and Development
08
Phase 3: Table of Contents
67-272 Project
Noah Levin
Fall 2008
Table of Contents
Written Critique of Existing Site ........................................................................ 1
Visual Design Issues .................................................................................................................... 1
Incomplete or Missing Interactions ............................................................................................. 1
Non-obvious Interactions ............................................................................................................. 2
List of Use Cases for Chess Classes ................................................................ 3
Actor List ...................................................................................................................................... 3
A-Level Use Cases........................................................................................................................ 4
B-Level Use Cases........................................................................................................................ 5
C-Level Use Cases ....................................................................................................................... 6
Wireframes .......................................................................................................... 7
Home Pages ............................................................................................................................. 7, 8
Missing & Non-Obvious Interactions .....................................................................................9-15
A-Level Use Cases.................................................................................................................16-26
B-Level Use Cases.................................................................................................................27-41
Phase 3: Written Critique of Existing Features
67-272 Project
Noah Levin
Fall 2008
Visual Design Issues
1. Lack of color in the foreground with a mid-range tan color in the background brings
too much attention to the background pattern, which causes a problematic lack of
focus on the main page.
2. Lack of color brings non-obvious interaction challenges (listed below). Makes
highlighting content a bit more difficult, page begins to blend rather than having
important parts pop out.
3. Lack of balance in the header image due to awkward white space between WPCC
logo and images of players. Not properly following rule of thirds.
4. Justified text is difficult to read. While often used in old newspaper print for strict
formatting, it is not optimal for web viewing. Rather, studies have shown that left
aligned text is the most readable layout for the web.
5. Although spacing relatively identifies the visual hierarchy, there are some fallacies in
the design: Too much space between two content columns, identical spacing between
all separators makes it difficult to tell what should be read first.
6. In the registration screen for the tournament, a drop down box is a poor design choice
since there is only ‘Yes’ or ‘No’ choices. A checkbox is a more appropriate
affordance.
Incomplete or Missing Interactions
1. User cannot change password.
2. Cannot register with emails that have more than one ‘dot’ after the @ symbol (i.e.
user@andrew.cmu.edu).
3. Clicking on your name on the member page causes error page: “The page you were
looking for doesn’t exist.”
4. Cannot un-register or deactivate students.
5. System allows a user to register the same student in a tournament multiple times.
6. Poor feedback on incorrect email submission, “Email should look like an email”.
Doesn’t say what specifically is wrong and how you should fix it. i.e. why doesn’t my
email look like an email?
7. Poor feedback after registration, “Your entry has been registered in the system and
your credit card has been charged.” Doesn’t say how much, doesn’t say which kids,
doesn’t say what for, etc,.
8. No, ‘are you sure’ information after payment method is entered, which would contain
information like the total cost of the registration.
9. Tournament table on the member page is not very useful: does not show how many
children and more importantly, which children have registered for that tournament.
Does allow for sorting options.
10. Cannot see past tournaments or results of sections in tournaments in the only place
where you can view past tournaments (member page). What if I want to know who
the best player is based on the past few tournaments?
1
Phase 3: Written Critique of Existing Features
67-272 Project
1.
2.
3.
4.
5.
6.
7.
8.
Noah Levin
Fall 2008
Non-obvious Interactions
Difficult to tell what is a link and what is not; especially for the primary navigation.
Without rolling over to see the underline, it is not obvious that they are links. Same
goes for the footer links.
On the member page, it is not obvious how to edit a child’s settings. Edit symbol is
not button-like and appears to be grayed out.
On tournaments page, it is difficult to know how to register for a class. Clicking on a
table row is not an obvious interaction, and it should not take two steps to get to the
registration page.
Logging out requires first clicking on member page, then clicking on the
inconspicuous (log-out) button.
Poor error handling: Typing in a false username/password just refreshes the page
instead of saying what specifically is wrong.
Lack of consistency: you cannot click on a tournament name on the member page.
Cannot tell if you are logged in unless you either register for a class or click on the
members page.
The only way to reach the home page is to click on the logo or on the footer. It is also
difficult to tell when you are on the home page.
2
Phase 3: High Level Use Cases
67-272 Project
Noah Levin
Fall 2008
Actor List
Actor Name
Level
Description
Admin
Complex
This person administers the site and has
complete control over operations using an
online graphical user interface.
Complex
This person can start classes or sign up to teach
classes along with other instructors. This person
has permissions to modify class rosters and to
send notifications to parents. This person also
can BE a parent and includes their properties.
Complex
This person can register multiple students
(children) to classes, tournaments, and camps.
They edit the family address, phone, and child
information. They can also sign up to volunteer.
(Note: A student can login with the parent’s ID)
Complex
This person does not have a login and is
considered a guest to the site. The primary
objective would be viewing information on the
site about classes and tournaments. They may
be prospective family’s/students.
Instructor
Parent
Guest
3
67-272 Project
Noah Levin
Fall 2008
A-Level Use Cases
Use Case Name
Actor(s)
Description
Add Class
Admin
The user can add a class to the database.
(Note: This includes many plausible ‘sub-use
cases’ like assigning an instructor, lead
instructor, location, etc, - see wireframes)
Add Instructor
Admin
The user can create an instructor account.
Add Location
Admin
The user can add locations for a class,
tournament, or camp into the database.
Register Student
Instructor,
Parent
The user can register a child or multiple children
for a class. (Note: They may be placed directly
into the waitlist depending on the class size.)
View Information
Admin,
Instructor,
Parent,
Guest
The user can get information like time, location,
class roster, etc. about a chess class.
4
67-272 Project
Noah Levin
Fall 2008
B-Level Use Cases
Use Case Name
Actor(s)
Description
Remove Class
Admin
The user can remove a class from the database.
Remove
Instructor
Admin
The user can remove an instructor for a class.
Remove Location
Admin
The user can remove a location from the
database.
Remove Student
Admin
The user can remove a student from the class
roster.
Update Class
Admin,
Instructor
The user can modify information about a class.
Update Instructor
Admin
The user can update an instructor’s information.
Update Location
Admin
The user can modify information about a
location.
Update
Registration
Status
Admin,
Instructor
The user can change the registration status of a
student from wait-listed to enrolled.
5
67-272 Project
Noah Levin
Fall 2008
C-Level Use Cases
Use Case Name
Actor(s)
Description
Rate / Comment
on a Class
Parent,
Student
The user can rate or comment a class.
Rate / Comment
on an Instructor
Parent,
Student
The user can rate or comment an instructor.
6
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Home Page :: Guest
I placed the sign up information on the home page. This is a popular tactic
in modern web applications to get people to sign up faster. It saves them a
click. I’ve also added the login to the top right for quick access.
username
WPCC
Home
password
forgot password?
About WPCC
Tournaments
Welcome to the virtual home of the
Western Pennsylvania Chess Club. Our
small chess club provides an opportunity
for scholastic players throughout the
area to come together for tournaments,
classes and times of open play.
The links above will tell you more about our club and the
opportunities we offer, but the best way to learn about
WPCC is to come out and join us for a game!
Classes
Camps
LOGIN
Members
Announcements
Future Champions Tourney
10/2/08 [2:15pm]
Don’t forget to sign up for
WPCC’s fall tournament -- Future
Champions Chess Challenge -being held on October 18th.
Attn: Fox Chapel students!
9/15/08 [5:01pm]
Sign Up Today!
The 2008 Fox Chapel Chess
Championship is coming this
First Name:
November 8th. This event is only
Last Name:
open to Fox Chapel students. Be
Email:
Rating
sure to register today for this fun
event.
(if applicable):
Login:
view more »
Password:
Password
(confirm):
SIGN UP
7
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Home Page :: Logged in
This is the page a user would see when logged in. It acts like a dashboard
where a general overview of their account can be seen. (Note: I’ve used blue
to indicate links in the wireframes because it’s easier to see than underlining)
Welcome, Noah Levin
site map | faq | settings | logout
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Announcements
Greetings, Noah!
Welcome to the virtual home of the
Western Pennsylvania Chess Club. Our
small chess club provides an opportunity
for scholastic players throughout the
area to come together for tournaments,
classes and times of open play.
The links above will tell you more about our club and the
opportunities we offer, but the best way to learn about
WPCC is to come out and join us for a game!
Future Champions Tourney
10/2/08 [2:15pm]
Don’t forget to sign up for
WPCC’s fall tournament -- Future
Champions Chess Challenge -being held on October 18th.
Attn: Fox Chapel students!
9/15/08 [5:01pm]
The 2008 Fox Chapel Chess
Championship is coming this
November 8th. This event is only
Registered Tournaments
open to Fox Chapel students. Be
Tournament
Date
Location
Registered
Future Champions
Oct 18
North Hills Alliance
John
Fox Chapel
Nov 08
O’Hara Elementary
Sue, John
Christmas Tourney
Dec 13
Carnegie Mellon
sure to register today for this fun
event.
view more »
Sue
Family
Parent:
Noah Levin
Address: 5865 Burchfield Ave
Registered Classes
Pittsburgh, PA 15217
Class
Date
Opening Moves 101 Tues
Beginners Chess
Weds
Location
Registered
Phone:
412-422-7141
Sue, John
Email:
nlevin@cmu.edu
Sue, John
Children: John Levin
Sue Levin
O’Hara Elementary
edit family
8
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Problem One :: Change Password (1 of 3)
The current design does not allow a user to change his/her password.
Simply having a change password button on the member page works fine.
The user clicks on change password.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
The Western Pennsylvania Chess Club is
open to any and all students and families
that enjoy chess and are looking for
opportunities to play. Below is a list of
upcoming tournaments and classes your
family is registered for. If you’d like to
sign up for any additional tournaments,
please go to the tournaments page to register. If you’d like
to sign up for any additional classes, please go to the
classes page to register.
Camps
Members
Family
Parent:
Noah Levin
Phone:
412-422-7141
Email:
nlevin@cmu.edu
Sue Levin
edit family | change password
view:
Upcoming
tournaments
Tournament
Date
Location
Entry Fee
Future Champions Chess Challenge
Oct 18, 2008
$15
John
Fox Chapel Chess Championship
Nov 8, 2008
O’Hara Elementary
$25
Sue, John
Christmas Chess Tourney
Dec 13, 2008
Carnegie Mellon
$40
Sue
Registered Classes
view:
Upcoming
Registered
classes
Class
Start Date
End Date
Time
Location
Registered
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
John
Beginners Chess
Jan 15, 2009
Feb 15, 2009
5:30pm
O’Hara Elementary
Sue, John
9
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A lightboxed pop-up appears prompting the user to change the password.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
ChangetoPassword
opportunities
play. Below is a list of
family
is registered for.
old password:
Camps
Members
Family
Parent:
Noah Levin
Phone:
412-422-7141
new password:
Email:
nlevin@cmu.edu
If you’d like to sign up
for password
any additional
tournaments,
new
(confirm):
Sue Levin
CANCEL
SUBMIT
view:
Upcoming
tournaments
Tournament
Date
Location
Entry Fee
Oct 18, 2008
$15
John
Nov 8, 2008
O’Hara Elementary
$25
Sue, John
Dec 13, 2008
Carnegie Mellon
$40
Sue
Registered Classes
view:
Upcoming
Registered
classes
Class
Start Date
End Date
Time
Location
Registered
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
John
Beginners Chess
Jan 15, 2009
Feb 15, 2009
5:30pm
O’Hara Elementary
Sue, John
10
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Confirmation explains that password has been changed successfuly.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Password Changed Successfully
Camps
Members
Family
Parent:
Noah Levin
Phone:
412-422-7141
Email:
nlevin@cmu.edu
Sue Levin
view:
Upcoming
tournaments
Tournament
Date
Location
Entry Fee
Oct 18, 2008
$15
John
Nov 8, 2008
O’Hara Elementary
$25
Sue, John
Dec 13, 2008
Carnegie Mellon
$40
Sue
Registered Classes
view:
Upcoming
Registered
classes
Class
Start Date
End Date
Time
Location
Registered
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
John
Beginners Chess
Jan 15, 2009
Feb 15, 2009
5:30pm
O’Hara Elementary
Sue, John
11
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Problem Two :: Tournament / Class History (1 of 2)
The drop down boxes allow the user to view not only upcoming tournaments,
but also past tournaments. The user changes the current selection from
Upcoming to Past.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Family
Parent:
Noah Levin
Phone:
412-422-7141
Email:
nlevin@cmu.edu
Sue Levin
view:
Upcoming
tournaments
All
Tournament
Date
Location
Oct 18, 2008
$15
John
Nov 8, 2008
O’Hara Elementary
$25
Sue, John
Dec 13, 2008
Carnegie Mellon
$40
Sue
Upcoming
Past
Registered Classes
view:
Entry Fee
Upcoming
Registered
classes
Class
Start Date
End Date
Time
Location
Registered
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
John
Beginners Chess
Jan 15, 2009
Feb 15, 2009
5:30pm
O’Hara Elementary
Sue, John
12
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Problem Two :: Tournament / Class History (2 of 2)
Past has been selected, and the page dynamically refreshes using AJAX
technology to show past tournaments instead of upcoming. Details (including
winners) would be viewed upon clicking the tournament name.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Family
Parent:
Noah Levin
Phone:
412-422-7141
Email:
nlevin@cmu.edu
Sue Levin
view:
tournaments
Past
Tournament
Date
Location
Entry Fee
Junior National Championships
June 18, 2008
Houston Alliance
$15
John
Raging Rooks Rounds
Aug 29, 2008
Minadeo Elementary
$25
Sue, John
Carnegie Mellon Fall Classic
Sept 13, 2008
Carnegie Mellon
$40
Sue
Squirrel Hill Open
Oct 11, 2008
Squirrel Hill Library
$10
John
Registered Classes
view:
Upcoming
Registered
classes
Class
Start Date
End Date
Time
Location
Registered
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
John
Beginners Chess
Jan 15, 2009
Feb 15, 2009
5:30pm
O’Hara Elementary
Sue, John
13
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Problem Three :: Payment Confirmation (1 of 2)
Payment information has been entered. User clicks submit.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Tournament Entry Form
Enter Students
For each of the students listed below, check which ones you wish to enter into
the tournament. The system automatically places each student into his/her
correct section. The cost for each student entered is $15.00
x John
Sue
(Championship)
(K-2 Beginner)
Enter Payment Information
Credit Card Type:
VISA
Credit Card Number:
Experation Date:
1 2 3 4
September
1 2 3 4
1 2 3 4
1 2 3 4
2009
SUBMIT
14
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
Problem Three :: Payment Confirmation (2 of 2)
Confirmation screen asks if you are sure to prevent user from accidentally
paying money.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Tournament Entry Form
Enter Students
Are you sure?
will be charged
to your
VISA
for the
the tournament. The$15.00
system automatically
places
each
student
into his/her
correct section. Theregistration
cost for each
student
entered
$15.00
of your
son John
Levinisinto
the Future
x John
Sue
Champion Chess Challenge upon pressing submit.
(Championship)
(K-2 Beginner)
CANCEL
SUBMIT
Enter Payment Information
Credit Card Type:
VISA
Credit Card Number:
Experation Date:
1 2 3 4
September
1 2 3 4
1 2 3 4
1 2 3 4
2009
SUBMIT
15
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Class (1 of 2)
The user is logged in as an admin and is on the admin tab. The user has
clicked add class, begins filling out the necessary requirements, and then
clicks submit once satisfied.
Welcome, Klingon Kode Warrior
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Camps
Admin
Add Class
Fill out all of the fields below to add a new class to the database
Add / Update / Delete
Name:
Classes
Description:
Camps
Locations
Instructors
Location:
Class Capacity:
Time/Place:
Start Date:
09/10/08
Announcements
End Date:
11/10/08
Lead Instructor:
Robert Millisits
Instructor(s):
Robert Millisits
Members
(Max Capacity: 75)
RESET
+
SUBMIT
16
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Class (2 of 2)
Confirmation message indicates that the class has successfully been added to
provide feedback to the user.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Tournaments
Classes
Camps
Admin
“Opening Moves 101” Added Successfully
Add Class
Fill out all of the fields below to add a new class to the database
Name:
Description:
Camps
Locations
Instructors
Location:
Class Capacity:
Time/Place:
Announcements
Start Date:
Members
(Max Capacity: __ )
End Date:
Lead Instructor:
+
Instructor(s):
RESET
SUBMIT
17
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Instructor (1 of 2)
clicked add instructor, begins filling out the necessary requirements, and then
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Fill out all of the fields below to add a new instructor to the database
First Name:
Gary
Classes
Last Name:
Smith
Rating:
1500
Email:
gsmith@aol.com
Login:
gsmi1
Password:
••••••••
Instructors
Password (confirm): ••••••••
Camps
Locations
Admin
Add Instructor
Camps
RESET
SUBMIT
Announcements
Members
18
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Instructor (2 of 2)
Confirmation message indicates that the instructor has successfully been
added to provide feedback to the user.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
“Gary Smith” Added Successfully
Tournaments
Add Instructor
Fill out all of the fields below to add a new instructor to the database
Classes
Camps
First Name:
Last Name:
Rating:
Locations
Email:
Login:
Instructors
Password:
Password (confirm):
Announcements
RESET
SUBMIT
Members
19
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Location (1 of 2)
clicked add location, begins filling out the necessary requirements, and then
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Camps
Add Location
Fill out all of the fields below to add a new location to the database
Name:
Taylor Allderdice High School
Classes
Street Address 1:
1050 Shady Avenue
Camps
Locations
Instructors
Admin
Street Address 2:
City:
Pittsburgh
Zip:
15217
Max Capacity:
150
RESET
State:
PA
SUBMIT
Announcements
Members
20
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Add Location (2 of 2)
Confirmation message indicates that the location has successfully been added
to provide feedback to the user.
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Admin
“Taylor Allderdice” Added Successfully
Toolbox
Tournaments
Add Location
Fill out all of the fields below to add a new location to the database
Classes
Camps
Name:
Street Address 1:
Street Address 2:
Locations
City:
Zip:
Instructors
Max Capacity:
State:
Announcements
RESET
SUBMIT
Members
21
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
A-Level Use Case :: Register Student (1 of 4)
User logs in and clicks on class. User decides he/she would like to register a
child for one of the classes. User clicks on ‘Opening Moves 101’.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Welcome to the classes section of the Western Pennsylvania Chess
Club. Below you will find a list of the WPCC classes. Feel free to sort
by either upcoming classes if you are looking to register, or view all
of the classes to see what we’ve offered in the past. And remember,
classes are free for members of the WPCC!
Classes
view:
Upcoming
classes
Class
Start Date
End Date
Time
Location
Status
Opening Moves 101
Oct 18, 2008
Dec 15, 2008
6:00pm
open
Intermediate Tactics
Jan 15, 2009
Mar 15, 2009
5:30pm
Taylor Allderdice
open
Sneak Attacks
Jun 15, 2009
July 15, 2009
5:30pm
Carnegie Mellon
waitlist (3)
Beginners Chess
Aug 15, 2009
Sept 15, 2009
5:30pm
O’Hara Elementary
open
22
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
User reads description and sees that time and place work out well for his/her
schedule. User clicks register now.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
All Classes » Opening Moves 101
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
October 18th, 2008 – December 15h, 2008
9:00am at the first floor cafeteria
35 Students
Bob Millisits
Magna acip et praesto coreriliquis enismod tatuero erosto do eummy
nit augait, quam dunt autetuerosto deliquipisi tet wissent nulla auguer
autat veliqua tincip eugiam, si. Consed mincil dolor sum nim in enim
zzrit dunt la core mod diam nis adit, quate esequat. Sim alit ad et lute
del ut utpat prat ad doloreetummy nulputat. Duiscinci er sumsan hent
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Anderson, Chris
800
K
Enrolled
Jackson, Karen
1230
4
Enrolled
Smith, John
1020
3
Waitlisted
Trump, Donald
1790
10
Enrolled
Void, Bill
750
3
Enrolled
23
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
User signs up both students and clicks submit.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Class Entry Form
Opening Moves 101
Enter Students
the tournament. The system automatically places each student into his/her
correct section. The cost for each student entered is FREE!
x John
x Sue
SUBMIT
24
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
User registered members successfully – feedback shown and members
present in class roster.
Welcome, Noah Levin
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
“John” and “Sue” Registered Successfully
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
35 Students
Bob Millisits
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Anderson, Chris
800
K
Enrolled
Jackson, Karen
1230
4
Enrolled
Levin, John
1500
6
Enrolled
Levin, Sue
800
8
Enrolled
Smith, John
1020
3
Waitlisted
Trump, Donald
1790
10
Enrolled
Void, Bill
750
3
Enrolled
25
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Class (1 of 2)
clicked delete class, selects the class he/she wishes to delete from the drop
down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
Remove Class
Select a class from the drop down and click remove to delete the class.
Tournaments
Classes
Class:
Intermediate Tactics
REMOVE
Camps
Locations
Instructors
Announcements
Members
26
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Class (2 of 2)
clicked delete class, selects the class he/she wishes to delete from the drop
down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
“Intermediate Tactics” Removed Successfully
Camps
Admin
« undo
Tournaments
Remove Class
Select a class from the drop down and click remove to delete the class.
Classes
Class:
Camps
REMOVE
Locations
Instructors
Announcements
Members
27
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Instructor (1 of 2)
clicked delete instructor, selects the instructor he/she wishes to delete from
the drop down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Tournaments
Classes
Camps
Admin
Remove Instructor
Select an instructor from the drop down and click remove to delete the
instructor.
Instructor:
Bobby Fischer
REMOVE
Camps
Locations
Instructors
Announcements
Members
28
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Instructor (2 of 2)
clicked delete instructor, selects the instructor he/she wishes to delete from
the drop down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
“Bobby Fischer” Removed Successfully
Camps
Admin
« undo
Remove Instructor
Select an instructor from the drop down and click remove to delete the
instructor.
Classes
Camps
Instructor:
REMOVE
Locations
Instructors
Announcements
Members
29
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Location (1 of 2)
clicked delete location, selects the location he/she wishes to delete from the
drop down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
Remove Location
Select a location from the drop down and click remove to delete the location.
Tournaments
Classes
Location:
Taylor Allderdice
REMOVE
Camps
Locations
Instructors
Announcements
Members
30
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Location (2 of 2)
clicked delete location, selects the location he/she wishes to delete from the
drop down, and presses remove.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
“Taylor Allderdice” Removed Successfully
Camps
Admin
« undo
Tournaments
Remove Location
Select a location from the drop down and click remove to delete the location.
Classes
Location:
Camps
REMOVE
Locations
Instructors
Announcements
Members
31
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Student (1 of 2)
Admin user views roster of class for which he/she would like to remove a
student by request of the parent. User clicks delete for John Smith.
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
35 Students
Bob Millisits
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Admin Tasks
Anderson, Chris
800
K
Enrolled
delete | wait
Jackson, Karen
1230
4
Enrolled
delete | wait
Smith, John
1020
3
Waitlisted
delete | enroll
Trump, Donald
1790
10
Enrolled
delete | wait
Void, Bill
750
3
Enrolled
delete | wait
32
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Remove Student (2 of 2)
Admin user views roster of class for which he/she would like to remove a
student by request of the parent. User clicks delete.
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
“John Smith” Removed Successfully
« undo
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
35 Students
Bob Millisits
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Admin Tasks
Anderson, Chris
800
K
Enrolled
delete | wait
Jackson, Karen
1230
4
Enrolled
delete | wait
Trump, Donald
1790
10
Enrolled
delete | wait
Void, Bill
750
3
Enrolled
delete | wait
33
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Class (1 of 2)
clicked update class, chooses the class name from the drop down, makes the
necessary edits, and then clicks submit once satisfied.
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Camps
Admin
Update Class
Choose a class then edit necessary fields
Class:
Opening Moves 101
Name:
Opening Moves 101
Camps
Description:
This class is for beginning students, but is
open to all players. We will be requiring
an even number of registrants such that
everyone has a partner.
Location:
Class Capacity:
26
Time/Place:
5pm on the 2nd floor
Start Date:
09/10/08
Members
End Date:
11/10/08
Lead Instructor:
Robert Millisits
Instructor(s):
Robert Millisits
GO
Classes
Locations
Instructors
Announcements
RESET
(Max Capacity: 75)
+
SUBMIT
34
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Class (2 of 2)
User clicks submit and receives confirmation feedback.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
Changes Made Successfully
Update Class
Tournaments
Choose a class then edit necessary fields
Class:
Opening Moves 101
Name:
Opening Moves 101
Description:
This class is for beginning students, but is
open to all players.
Location:
Class Capacity:
26
Time/Place:
5pm on the 2nd floor
Members
Start Date:
09/10/08
End Date:
11/10/08
Lead Instructor:
Robert Millisits
Instructor(s):
Robert Millisits
Classes
GO
Camps
Locations
Instructors
Announcements
RESET
(Max Capacity: 75)
+
SUBMIT
35
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Instructor (1 of 2)
clicked update instructor, chooses the instructor’s name from the drop down,
makes the necessary adjustments, and then clicks submit once satisfied.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
Update Instructor
Choose an instructor then edit necessary fields
Tournaments
Instructor:
Gary Smith
First Name:
Gary
Last Name:
Smith
Rating:
1500
Email:
gsmith@aol.com
Instructors
Login:
gsmi1
Password:
••••••••
Announcements
GO
Classes
Camps
Locations
Members
RESET
SUBMIT
36
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Instructor (2 of 2)
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Camps
Admin
Update Instructor
Choose an instructor then edit necessary fields
Classes
Instructor:
Gary Smith
First Name:
Gary
Locations
Last Name:
Smith
Rating:
1450
Instructors
Email:
gsmith@aol.com
Login:
gsmi1
Password:
••••••••
GO
Camps
Announcements
Members
RESET
SUBMIT
37
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Location (1 of 2)
clicked update location, chooses the location’s name from the drop down,
makes the necessary requirements, and then clicks submit once satisfied.
WPCC
Home
About WPCC
Toolbox
Tournaments
Classes
Camps
Admin
Update Location
Choose a location then edit necessary fields
Tournaments
Location:
Taylor Allderdice
Name:
Street Address 1:
1050 Shady Avenue
GO
Classes
Camps
Locations
Street Address 2:
City:
Pittsburgh
Instructors
Zip:
15217
Max Capacity:
150
Announcements
RESET
State:
PA
SUBMIT
Members
38
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Location (2 of 2)
WPCC
Home
About WPCC
Toolbox
Tournaments
Tournaments
Classes
Camps
Admin
Update Location
Choose a location then edit necessary fields
Classes
Location:
Taylor Allderdice
Name:
Locations
Street Address 1:
5350 Shady Avenue
Street Address 2:
Instructors
City:
Pittsburgh
Zip:
15217
Max Capacity:
150
GO
Camps
Announcements
Members
RESET
State:
PA
SUBMIT
39
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Registration Status (1 of 2)
Admin user views roster of class for which he/she would like to ad a student
from the waitlist into the course as per a request by the parent. The user
clicks on the enroll button under the admin tasks column.
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
35 Students
Bob Millisits
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Admin Tasks
Anderson, Chris
800
K
Enrolled
delete | wait
Jackson, Karen
1230
4
Enrolled
delete | wait
Smith, John
1020
3
Waitlisted
delete | enroll
Trump, Donald
1790
10
Enrolled
delete | wait
Void, Bill
750
3
Enrolled
delete | wait
40
Phase 3: Wireframes
67-272 Project
Noah Levin
Fall 2008
B-Level Use Case :: Update Registration Status (2 of 2)
The user receives feedback that the modification has been completed
successfully.
WPCC
Home
About WPCC
Tournaments
Classes
Camps
Members
“John Smith” Registered Successfully
Class Information
Opening moves 101
Date:
Location:
Time and Place:
Capacity:
Lead Instructor:
Description:
35 Students
Bob Millisits
alit prat.
REGISTER NOW
Class Roster
Name
Rating
Grade
Status
Admin Tasks
Anderson, Chris
800
K
Enrolled
delete | wait
Jackson, Karen
1230
4
Enrolled
delete | wait
Smith, John
1020
3
Enrolled
delete | wait
Trump, Donald
1790
10
Enrolled
delete | wait
Void, Bill
750
3
Enrolled
delete | wait
41

Phase 3: Basic Web Design

Transcription

Similar documents

Update Profile - MR5

you`re invited you`re invited you`re invited you`re invited

How to Register Online for WSCGA Tournaments Step 1: Make sure

XMPlayer Express

Silver Fleet Line

If you have signed up for automatic premium payments using your