WPCC Wireframes

43
67-202 Project :: Application Design and Development 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. Fall 08 Phase 3: Basic Web Design

description

Planning for a redesign of a web application for a chess club website. Created for the class: Application Design and Development at Carnegie Mellon University (Fall 2008).

Transcript of WPCC Wireframes

Page 1: WPCC Wireframes

6 7 - 2 0 2 P r o j e c t : : A p p l i c a t i o n D e s i g n a n d D e v e l o p m e n t

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.

Fall 08

Phase 3: Basic Web Design

Page 2: WPCC Wireframes

Phase 3: Table of Contents Noah Levin

67-272 Project 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

Page 3: WPCC Wireframes

Phase 3: Written Critique of Existing Features Noah Levin

67-272 Project Fall 2008

1

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.

[email protected]).

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?

Page 4: WPCC Wireframes

Phase 3: Written Critique of Existing Features Noah Levin

67-272 Project Fall 2008

2

Non-obvious Interactions

1. 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.

2. 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.

3. 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.

4. Logging out requires first clicking on member page, then clicking on the

inconspicuous (log-out) button.

5. Poor error handling: Typing in a false username/password just refreshes the page instead of saying what specifically is wrong.

6. Lack of consistency: you cannot click on a tournament name on the member page.

7. Cannot tell if you are logged in unless you either register for a class or click on the members page.

8. 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.

Page 5: WPCC Wireframes

Phase 3: High Level Use Cases Noah Levin

67-272 Project Fall 2008

3

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.

Instructor 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.

Parent 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)

Guest 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.

Page 6: WPCC Wireframes

Phase 3: High Level Use Cases Noah Levin

67-272 Project Fall 2008

4

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.

Page 7: WPCC Wireframes

Phase 3: High Level Use Cases Noah Levin

67-272 Project Fall 2008

5

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.

Page 8: WPCC Wireframes

Phase 3: High Level Use Cases Noah Levin

67-272 Project Fall 2008

6

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.

Page 9: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

7

WPCCHome About WPCC Tournaments Classes Camps Members

AnnouncementsWelcome 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 Tourney10/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 open to Fox Chapel students. Be sure to register today for this fun event.

view more »

LOGINforgot password?

username

password

Sign Up Today!

First Name:

Last Name:

Email:

Rating (if applicable):

Login:

Password:

Password (confirm):

SIGN UP

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.

Page 10: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Announcements

Family

Registered Tournaments

Registered Classes

Welcome, Noah Levin site map | faq | settings | logout

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 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 Tourney10/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 open to Fox Chapel students. Be sure to register today for this fun event.

view more »

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family

Greetings, Noah!

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 Sue

Class Date Location Registered

Opening Moves 101 Tues North Hills Alliance Sue, John

Beginners Chess Weds O’Hara Elementary Sue, John

8

Page 11: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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.

WPCCHome About WPCC Tournaments Classes Camps Members

Family

Welcome, Noah Levin site map | faq | settings | logout

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.

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family | change password

Registered Tournaments view: tournaments

Registered Classes view: classes

Tournament Date Location Entry Fee Registered

Future Champions Chess Challenge Oct 18, 2008 North Hills Alliance $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

Class Start Date End Date Time Location Registered

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance John

Beginners Chess Jan 15, 2009 Feb 15, 2009 5:30pm O’Hara Elementary Sue, John

Upcoming

Upcoming

9

Page 12: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

Problem One :: Change Password (2 of 3)

A lightboxed pop-up appears prompting the user to change the password.

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.

WPCCHome About WPCC Tournaments Classes Camps Members

Family

Welcome, Noah Levin site map | faq | settings | logout

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family | change password

Registered Tournaments view: tournaments

Registered Classes view: classes

Tournament Date Location Entry Fee Registered

Future Champions Chess Challenge Oct 18, 2008 North Hills Alliance $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

Class Start Date End Date Time Location Registered

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance John

Beginners Chess Jan 15, 2009 Feb 15, 2009 5:30pm O’Hara Elementary Sue, John

Upcoming

Upcoming

Change Password

old password: new password: new password (confirm):

CANCEL SUBMIT

10

Page 13: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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.

WPCCHome About WPCC Tournaments Classes Camps Members

Family

Welcome, Noah Levin site map | faq | settings | logout

Problem One :: Change Password (3 of 3)

Confirmation explains that password has been changed successfuly.

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family | change password

Registered Tournaments view: tournaments

Registered Classes view: classes

Tournament Date Location Entry Fee Registered

Future Champions Chess Challenge Oct 18, 2008 North Hills Alliance $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

Class Start Date End Date Time Location Registered

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance John

Beginners Chess Jan 15, 2009 Feb 15, 2009 5:30pm O’Hara Elementary Sue, John

Upcoming

Upcoming

Password Changed Successfully

11

Page 14: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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.

WPCCHome About WPCC Tournaments Classes Camps Members

Family

Welcome, Noah Levin site map | faq | settings | logout

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.

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family | change password

Registered Tournaments view: tournaments

Registered Classes view: classes

Tournament Date Location Entry Fee Registered

Future Champions Chess Challenge Oct 18, 2008 North Hills Alliance $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

Class Start Date End Date Time Location Registered

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance John

Beginners Chess Jan 15, 2009 Feb 15, 2009 5:30pm O’Hara Elementary Sue, John

Upcoming

Upcoming

All

Upcoming

Past

12

Page 15: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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.

WPCCHome About WPCC Tournaments Classes Camps Members

Family

Welcome, Noah Levin site map | faq | settings | logout

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.

Parent: Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217

Phone: 412-422-7141

Email: [email protected]

Children: John Levin Sue Levin

edit family | change password

Registered Tournaments view: tournaments

Registered Classes view: classes

Tournament Date Location Entry Fee Registered

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

Class Start Date End Date Time Location Registered

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance John

Beginners Chess Jan 15, 2009 Feb 15, 2009 5:30pm O’Hara Elementary Sue, John

Past

Upcoming

13

Page 16: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

Problem Three :: Payment Confirmation (1 of 2)

Payment information has been entered. User clicks submit.

Tournament Entry FormFuture Champions Chess Challenge

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

John (Championship) Sue (K-2 Beginner)

Enter Payment Information

Credit Card Type: VISA

Credit Card Number:

Experation Date: September 2009

x

SUBMIT

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

14

Page 17: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

Problem Three :: Payment Confirmation (2 of 2)

Confirmation screen asks if you are sure to prevent user from accidentally paying money.

Tournament Entry FormFuture Champions Chess Challenge

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

John (Championship) Sue (K-2 Beginner)

Enter Payment Information

Credit Card Type: VISA

Credit Card Number:

Experation Date: September 2009

x

SUBMIT

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Are you sure? $15.00 will be charged to your VISA for the registration of your son John Levin into the Future Champion Chess Challenge upon pressing submit.

CANCEL SUBMIT

15

Page 18: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

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.

Add ClassFill out all of the fields below to add a new class to the database

Name:

Description:

Location: Squirrel Hill Library (Max Capacity: 75)

Class Capacity:

Time/Place:

Start Date: 09/10/08

End Date: 11/10/08

Lead Instructor: Robert Millisits

Instructor(s): Robert Millisits +

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

16

Page 19: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

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.

Add ClassFill out all of the fields below to add a new class to the database

Name:

Description:

Location: (Max Capacity: __ )

Class Capacity:

Time/Place:

Start Date:

End Date:

Lead Instructor:

Instructor(s): +

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Opening Moves 101” Added Successfully

17

Page 20: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

A-Level Use Case :: Add Instructor (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked add instructor, begins filling out the necessary requirements, and then clicks submit once satisfied.

Add InstructorFill out all of the fields below to add a new instructor to the database

First Name:

Last Name:

Rating:

Email:

Login:

Password:

Password (confirm):

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

Gary

Smith

1500

[email protected]

gsmi1

••••••••

••••••••

18

Page 21: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

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.

Add InstructorFill out all of the fields below to add a new instructor to the database

First Name:

Last Name:

Rating:

Email:

Login:

Password:

Password (confirm):

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Gary Smith” Added Successfully

19

Page 22: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

A-Level Use Case :: Add Location (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked add location, begins filling out the necessary requirements, and then clicks submit once satisfied.

Add LocationFill out all of the fields below to add a new location to the database

Name:

Street Address 1:

Street Address 2:

City: State:

Zip:

Max Capacity:

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

20

Taylor Allderdice High School

1050 Shady Avenue

Pittsburgh PA

15217

150

Page 23: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

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.

Add LocationFill out all of the fields below to add a new location to the database

Name:

Street Address 1:

Street Address 2:

City: State:

Zip:

Max Capacity:

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Taylor Allderdice” Added Successfully

21

Page 24: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

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 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: classes

Class Start Date End Date Time Location Status

Opening Moves 101 Oct 18, 2008 Dec 15, 2008 6:00pm North Hills Alliance 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

Upcoming

22

Page 25: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

A-Level Use Case :: Register Student (2 of 4)

User reads description and sees that time and place work out well for his/her schedule. User clicks register now.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

Page 26: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

Class Entry FormOpening Moves 101

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 FREE!

John

Sue

SUBMIT

x

x

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

A-Level Use Case :: Register Student (3 of 4)

User signs up both students and clicks submit.

24

Page 27: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

Welcome, Noah Levin site map | faq | settings | logout

A-Level Use Case :: Register Student (4 of 4)

User registered members successfully – feedback shown and members present in class roster.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

“John” and “Sue” Registered Successfully

25

Page 28: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Class (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete class, selects the class he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove ClassSelect a class from the drop down and click remove to delete the class.

Class: Intermediate Tactics

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

26

Page 29: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Class (2 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete class, selects the class he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove ClassSelect a class from the drop down and click remove to delete the class.

Class:

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Intermediate Tactics” Removed Successfully « undo

27

Page 30: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Instructor (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete instructor, selects the instructor he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove InstructorSelect an instructor from the drop down and click remove to delete the

instructor.

Instructor: Bobby Fischer

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

28

Page 31: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Instructor (2 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete instructor, selects the instructor he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove InstructorSelect an instructor from the drop down and click remove to delete the

instructor.

Instructor:

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Bobby Fischer” Removed Successfully « undo

29

Page 32: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Location (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete location, selects the location he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove LocationSelect a location from the drop down and click remove to delete the location.

Location: Taylor Allderdice

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

30

Page 33: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Remove Location (2 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked delete location, selects the location he/she wishes to delete from the drop down, and presses remove.

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

Remove LocationSelect a location from the drop down and click remove to delete the location.

Location:

REMOVE

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox “Taylor Allderdice” Removed Successfully « undo

31

Page 34: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

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.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

Welcome, Klingon Kode Warrior site map | faq | settings | logout

32

Page 35: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

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.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

Welcome, Klingon Kode Warrior site map | faq | settings | logout

“John Smith” Removed Successfully « undo

33

Page 36: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Class (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked update class, chooses the class name from the drop down, makes the necessary edits, and then clicks submit once satisfied.

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

ToolboxUpdate ClassChoose a class then edit necessary fields

Class: Opening Moves 101 GO

Name:

Description:

Location: Squirrel Hill Library (Max Capacity: 75)

Class Capacity:

Time/Place:

Start Date: 09/10/08

End Date: 11/10/08

Lead Instructor: Robert Millisits

Instructor(s): Robert Millisits +

RESET SUBMIT

5pm on the 2nd floor

Opening Moves 101

26

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.

34

Page 37: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Class (2 of 2)

User clicks submit and receives confirmation feedback.

Update ClassChoose a class then edit necessary fields

Class: Opening Moves 101 GO

Name:

Description:

Location: Squirrel Hill Library (Max Capacity: 75)

Class Capacity:

Time/Place:

Start Date: 09/10/08

End Date: 11/10/08

Lead Instructor: Robert Millisits

Instructor(s): Robert Millisits +

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

5pm on the 2nd floor

Opening Moves 101

26

This class is for beginning students, but is open to all players.

Changes Made Successfully

35

Page 38: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Instructor (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked update instructor, chooses the instructor’s name from the drop down, makes the necessary adjustments, and then clicks submit once satisfied.

Update InstructorChoose an instructor then edit necessary fields

Instructor: Gary Smith GO

First Name:

Last Name:

Rating:

Email:

Login:

Password:

Password (confirm):

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

Gary

Smith

1500

[email protected]

gsmi1

••••••••

••••••••

36

Page 39: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Instructor (2 of 2)

User clicks submit and receives confirmation feedback.

Update InstructorChoose an instructor then edit necessary fields

Instructor: Gary Smith GO

First Name:

Last Name:

Rating:

Email:

Login:

Password:

Password (confirm):

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

Gary

Smith

1450

[email protected]

gsmi1

••••••••

••••••••

Changes Made Successfully

37

Page 40: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Location (1 of 2)

The user is logged in as an admin and is on the admin tab. The user has clicked update location, chooses the location’s name from the drop down, makes the necessary requirements, and then clicks submit once satisfied.

Update LocationChoose a location then edit necessary fields

Location: Taylor Allderdice GO

Name:

Street Address 1:

Street Address 2:

City: State:

Zip:

Max Capacity:

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

Taylor Allderdice High School

1050 Shady Avenue

Pittsburgh PA

15217

150

38

Page 41: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Admin

Welcome, Klingon Kode Warrior site map | faq | settings | logout

B-Level Use Case :: Update Location (2 of 2)

User clicks submit and receives confirmation feedback.

Update LocationChoose a location then edit necessary fields

Location: Taylor Allderdice GO

Name:

Street Address 1:

Street Address 2:

City: State:

Zip:

Max Capacity:

RESET SUBMIT

TournamentsAdd / Update / Delete

ClassesAdd / Update / Delete

CampsAdd / Update / Delete

LocationsAdd / Update / Delete

InstructorsAdd / Update / Delete

Announcements Add / Update / Delete

Members Add / Update / Delete

Toolbox

Taylor Allderdice High School

5350 Shady Avenue

Pittsburgh PA

15217

150

Changes Made Successfully

39

Page 42: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

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.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

Welcome, Klingon Kode Warrior site map | faq | settings | logout

40

Page 43: WPCC Wireframes

Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

WPCCHome About WPCC Tournaments Classes Camps Members

B-Level Use Case :: Update Registration Status (2 of 2)

The user receives feedback that the modification has been completed successfully.

Class Information

Opening moves 101Date: October 18th, 2008 – December 15h, 2008Location: North Hills Alliance

Time and Place: 9:00am at the first floor cafeteriaCapacity: 35 StudentsLead Instructor: Bob MillisitsDescription: 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

All Classes » Opening Moves 101

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

Welcome, Klingon Kode Warrior site map | faq | settings | logout

“John Smith” Registered Successfully

41