WPCC Wireframes

Page 1

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


Phase 3: High Level Use Cases 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


Phase 3: High Level Use Cases 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


Phase 3: High Level Use Cases 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

North Hills Alliance

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 site map | faq | settings | logout

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

Address: 5865 Burchfield Ave Pittsburgh, PA 15217 Phone:

412-422-7141

Email:

nlevin@cmu.edu

Children: John Levin Sue Levin edit family | change password

Registered Tournaments

view:

Upcoming

tournaments

Tournament

Date

Location

Entry Fee

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

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

North Hills Alliance

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

Problem One :: Change Password (2 of 3) A lightboxed pop-up appears prompting the user to change the password.

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

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 ChangetoPassword opportunities play. Below is a list of upcoming tournaments and classes your family is registered for. old password:

Camps

Members

Family Parent:

Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217 Phone:

412-422-7141

new password: Email: nlevin@cmu.edu If you’d like to sign up for password any additional tournaments, new (confirm): please go to the tournaments page to register. If you’d like Children: John Levin to sign up for any additional classes, please go to the Sue Levin CANCEL SUBMIT classes page to register. edit family | change password

Registered Tournaments

view:

Upcoming

tournaments

Tournament

Date

Location

Entry Fee

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

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

North Hills Alliance

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

Problem One :: Change Password (3 of 3) Confirmation explains that password has been changed successfuly.

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

WPCC Home

About WPCC

Tournaments

Classes

Password Changed Successfully

Camps

Members

Family

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.

Registered Tournaments

Parent:

Noah Levin

Address: 5865 Burchfield Ave Pittsburgh, PA 15217 Phone:

412-422-7141

Email:

nlevin@cmu.edu

Children: John Levin Sue Levin edit family | change password

view:

Upcoming

tournaments

Tournament

Date

Location

Entry Fee

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

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

North Hills Alliance

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 site map | faq | settings | logout

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

Address: 5865 Burchfield Ave Pittsburgh, PA 15217 Phone:

412-422-7141

Email:

nlevin@cmu.edu

Children: John Levin Sue Levin edit family | change password

Registered Tournaments

view:

Upcoming

tournaments

All Tournament

Date

Location

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

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

North Hills Alliance

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 site map | faq | settings | logout

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

Address: 5865 Burchfield Ave Pittsburgh, PA 15217 Phone:

412-422-7141

Email:

nlevin@cmu.edu

Children: John Levin Sue Levin edit family | change password

Registered Tournaments

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

North Hills Alliance

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 site map | faq | settings | logout

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

Tournament Entry Form Future 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 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 site map | faq | settings | logout

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

Tournament Entry Form Future Champions Chess Challenge Enter Students

Are you sure?

For each of the students listed below, check which ones you wish to enter into 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 site map | faq | settings | logout

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:

Add / Update / Delete Camps Add / Update / Delete Locations Add / Update / Delete Instructors

Location:

Squirrel Hill Library

Class Capacity: Time/Place:

Add / Update / Delete

Start Date:

09/10/08

Announcements

End Date:

11/10/08

Lead Instructor:

Robert Millisits

Instructor(s):

Robert Millisits

Add / Update / Delete Members Add / Update / Delete

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

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

WPCC Home

About WPCC

Toolbox Tournaments Add / Update / Delete Classes Add / Update / Delete

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 Add / Update / Delete Locations Add / Update / Delete Instructors

Location: Class Capacity:

Add / Update / Delete

Time/Place:

Announcements

Start Date:

Add / Update / Delete Members Add / Update / Delete

(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) 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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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

Add / Update / Delete

Password:

••••••••

Instructors

Password (confirm): ••••••••

Camps Add / Update / Delete Locations

Add / Update / Delete

Admin

Add Instructor

Add / Update / Delete

Add / Update / Delete

Camps

RESET

SUBMIT

Announcements Add / Update / Delete Members Add / Update / Delete

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.

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

WPCC Home

About WPCC

Toolbox

Tournaments

Classes

Camps

Admin

“Gary Smith” Added Successfully

Tournaments

Add Instructor

Add / Update / Delete

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

Classes Add / Update / Delete Camps

First Name: Last Name:

Add / Update / Delete

Rating:

Locations

Email:

Add / Update / Delete

Login:

Instructors

Password:

Add / Update / Delete

Password (confirm):

Announcements Add / Update / Delete

RESET

SUBMIT

Members Add / Update / Delete

19


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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

Add / Update / Delete

Name:

Taylor Allderdice High School

Classes

Street Address 1:

1050 Shady Avenue

Add / Update / Delete Camps Add / Update / Delete Locations Add / Update / Delete Instructors

Admin

Street Address 2: City:

Pittsburgh

Zip:

15217

Max Capacity:

150

RESET

State:

PA

SUBMIT

Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

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.

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

WPCC Home

About WPCC

Tournaments

Classes

Camps

Admin

“Taylor Allderdice” Added Successfully

Toolbox Tournaments

Add Location

Add / Update / Delete

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

Classes Add / Update / Delete Camps

Name: Street Address 1:

Add / Update / Delete

Street Address 2:

Locations

City:

Add / Update / Delete

Zip:

Instructors

Max Capacity:

State:

Add / Update / Delete Announcements

RESET

SUBMIT

Add / Update / Delete Members Add / Update / Delete

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 site map | faq | settings | logout

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

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

22


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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.

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

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 North Hills Alliance

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

A-Level Use Case :: Register Student (3 of 4) User signs up both students and clicks submit.

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

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

Class Entry Form Opening 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! x John x Sue

SUBMIT

24


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

A-Level Use Case :: Register Student (4 of 4) User registered members successfully – feedback shown and members present in class roster.

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

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

All Classes » Opening Moves 101 “John” and “Sue” Registered Successfully

Class Information Opening moves 101 Date: Location: Time and Place: Capacity: Lead Instructor: Description:

October 18th, 2008 – December 15h, 2008 North Hills Alliance

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

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) 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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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 Add / Update / Delete Classes

Class:

Intermediate Tactics

REMOVE

Add / Update / Delete Camps Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

26


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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox

Tournaments

Classes

“Intermediate Tactics” Removed Successfully

Camps

Admin

« undo

Tournaments

Remove Class

Add / Update / Delete

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

Classes

Class:

Add / Update / Delete Camps

REMOVE

Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

27


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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox Tournaments Add / Update / Delete Classes Add / Update / Delete

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 Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

28


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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox Tournaments Add / Update / Delete

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 Add / Update / Delete Camps

Instructor:

REMOVE

Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

29


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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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 Add / Update / Delete Classes

Location:

Taylor Allderdice

REMOVE

Add / Update / Delete Camps Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

30


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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox

Tournaments

Classes

“Taylor Allderdice” Removed Successfully

Camps

Admin

« undo

Tournaments

Remove Location

Add / Update / Delete

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

Classes

Location:

Add / Update / Delete Camps

REMOVE

Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

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.

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

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 North Hills Alliance

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

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.

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

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

All Classes » Opening Moves 101 “John Smith” Removed Successfully

« undo

Class Information Opening moves 101 Date: Location: Time and Place: Capacity: Lead Instructor: Description:

October 18th, 2008 – December 15h, 2008 North Hills Alliance

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

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) 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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox Tournaments

Tournaments

Classes

Camps

Admin

Update Class

Choose a class then edit necessary fields Class:

Opening Moves 101

Add / Update / Delete

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:

Squirrel Hill Library

Class Capacity:

26

Time/Place:

5pm on the 2nd floor

Add / Update / Delete

Start Date:

09/10/08

Members

End Date:

11/10/08

Lead Instructor:

Robert Millisits

Instructor(s):

Robert Millisits

Add / Update / Delete

GO

Classes

Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements

Add / Update / Delete

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.

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

WPCC Home

About WPCC

Toolbox

Tournaments

Classes

Camps

Admin

Changes Made Successfully

Update Class Tournaments Add / Update / Delete

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:

Squirrel Hill Library

Class Capacity:

26

Add / Update / Delete

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

Add / Update / Delete Camps Add / Update / Delete Locations Add / Update / Delete Instructors Add / Update / Delete Announcements

Add / Update / Delete

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) 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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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

Add / Update / Delete

Email:

gsmith@aol.com

Instructors

Login:

gsmi1

Add / Update / Delete

Password:

••••••••

Announcements

Password (confirm): ••••••••

Add / Update / Delete

GO

Classes Add / Update / Delete Camps Add / Update / Delete Locations

Add / Update / Delete Members

RESET

SUBMIT

Add / Update / Delete

36


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Update Instructor (2 of 2) User clicks submit and receives confirmation feedback.

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

WPCC Home

About WPCC

Toolbox Tournaments

Tournaments

Classes

Camps

Admin

Changes Made Successfully

Update Instructor

Add / Update / Delete

Choose an instructor then edit necessary fields

Classes

Instructor:

Gary Smith

Add / Update / Delete

First Name:

Gary

Locations

Last Name:

Smith

Add / Update / Delete

Rating:

1450

Instructors

Email:

gsmith@aol.com

Login:

gsmi1

Password:

••••••••

Add / Update / Delete

GO

Camps

Add / Update / Delete Announcements Add / Update / Delete Members Add / Update / Delete

Password (confirm): ••••••••

RESET

SUBMIT

37


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

WPCC Home

About WPCC

Toolbox

Tournaments

Classes

Camps

Admin

Update Location

Choose a location then edit necessary fields Tournaments Add / Update / Delete

Location:

Taylor Allderdice

Name:

Taylor Allderdice High School

Street Address 1:

1050 Shady Avenue

GO

Classes Add / Update / Delete Camps Add / Update / Delete Locations

Street Address 2:

Add / Update / Delete

City:

Pittsburgh

Instructors

Zip:

15217

Add / Update / Delete

Max Capacity:

150

Announcements Add / Update / Delete

RESET

State:

PA

SUBMIT

Members Add / Update / Delete

38


Phase 3: Wireframes 67-272 Project

Noah Levin Fall 2008

B-Level Use Case :: Update Location (2 of 2) User clicks submit and receives confirmation feedback.

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

WPCC Home

About WPCC

Toolbox Tournaments

Tournaments

Classes

Camps

Admin

Changes Made Successfully

Update Location

Add / Update / Delete

Choose a location then edit necessary fields

Classes

Location:

Taylor Allderdice

Add / Update / Delete

Name:

Taylor Allderdice High School

Locations

Street Address 1:

5350 Shady Avenue

Add / Update / Delete

Street Address 2:

Instructors

City:

Pittsburgh

Zip:

15217

Max Capacity:

150

Add / Update / Delete

GO

Camps

Add / Update / Delete Announcements Add / Update / Delete Members

RESET

State:

PA

SUBMIT

Add / Update / Delete

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. Welcome, Klingon Kode Warrior site map | faq | settings | logout

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 North Hills Alliance

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

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.

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

WPCC Home

About WPCC

Tournaments

Classes

Camps

Members

All Classes » Opening Moves 101 “John Smith” Registered Successfully

Class Information Opening moves 101 Date: Location: Time and Place: Capacity: Lead Instructor: Description:

October 18th, 2008 – December 15h, 2008 North Hills Alliance

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

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.