Phase 3: Basic Web Design
Transcription
Phase 3: Basic Web Design
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. [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? 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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: [email protected] 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