Sarah Harvey, Katrina Connors, Chris Weitzel, Joshua...
-
Upload
trannguyet -
Category
Documents
-
view
215 -
download
0
Transcript of Sarah Harvey, Katrina Connors, Chris Weitzel, Joshua...
Sarah Harvey, Katrina Connors, Chris Weitzel, Joshua Fields, Alan OwensCS484 - UI Design and DevelopmentDr. M. Wainer
Project Name: SIU Application PortalGroup: SDate: 30 April, 2010
0.1 Description
• User needs an application to provide information about SIUC and the Carbondale area
• User will be running the application on their Android smartphone and often need directions to some location
0.2 Must have functionality
• User must be able to look up movie times by location and genre/type
• Allows user to find information on o!ce hours and contact information of instructors
• Allows user to find information on food choices, hours, and locations of restaurants
• Allows user to find information on the local university student chapter of Association for Computing Machinery
• Allows user to find information on sporting events (location, time, teams)
0.3 Guidance
• Current design allows user to pick movie by genre; user may want to choose by title as opposed to genre
• Additional text may be needed on certain buttons (along the bottom of some selection screens) as currently the buttonsare not self-explanatory
0.4 What is expected of the Application Model? (E!ectiveness/Usefulness)
• Should be basic enough that the average college student can use it
• Should keep an updated database of events/items
• Should return accurate information from database
• Should account for possible invalid inputs from users when generating/storing user reviews
0.5 Perceived Coding and Design Risks
0.5.1 Model
• Minimal Risk: There are very few instances in which the user will encounter user-generated errors when using theprogram
0.5.2 GUI
• Some buttons or entries may not be user-intuitive
0.5.3 Miscellaneous
• Potential Coding Risk: Combining/sorting the data in certain ways may be hard or ine!cient, depending on back-enddesign (Movies and Locations may be sorted in di"erent tables, with a separate reference table that combines the two)
• Other Risk: If internet is unavailable, application may not function correctly; User may be new and not know abouthardware “Back” Button
1
0.6 Major Interaction Spaces
Please see digital file(s) group s ui.{vsd, pdf} for interaction spaces, or check the corresponding labels in included paperscreens.
0.6.1 Main Screen (A)
• Allows the user to pick which functionality of the application they would like to use
0.6.2 Food (B)
1. Food by Type - Allows the user to pick their food based on restaurant location/payment type
2. Food by Category - Allows the user to pick their food by style of cooking
3. Restaurant Listing (by type or category) - Lists all the restaurants by that type or category
4. Restaurant Detail Screen - Gives the address, phone number, ratings, reviews, and name of restaurant
0.6.3 Sports (C)
1. Sports Categories - Displays sports categories
2. Upcoming Sporting Events - Displays upcoming sporting events
3. Sporting Events Listing by Sport - Displays list of upcoming sporting events by sport
4. Sporting Event Detail Screen - Gives date, time, map, navigational buttons
0.6.4 Locate an Instructor (D)
1. Department Listing - Lists all Departments
2. Directory Listing of Instructors - Displays all Instructors at SIUC alphabetically
3. Instructor Listing by Department - Shows all the instructors in the specified department
4. Instructor Detail Screen - Shows picture, o!ce hours, o!ce, email, phone, rating, and reviews of instructor
0.6.5 Movies (E)
1. Genre List - Displays all movie genres
2. Location List - Displays all movies of that particular location
3. Movie by Genre - Displays all movies of that particular genre
4. Movie by Theatre - Displays all movies running at specified theatre
5. Movie Detail Screen - Displays title, running length, synopsis, ESRB rating, times/places, and options for buying tickets(goes to fandango.com) and rating movie (goes to rottentomatoes.com)
0.6.6 ACM (F)
1. ACM Home - Displays options: Meeting Times, Special Events, Special Interest Groups, O!cers
2. ACM Meeting Times - Displays all upcoming meetings and dates
3. ACM Special Events - Displays all upcoming special events and dates
4. ACM Special Interest Groups - Shows all Special Interest Group Meetings and dates
5. ACM O!cers - Shows all current o!cers and ability to e-mail them
2
0.7
Intera
ction
Flo
w/Sta
techart
Start screen
Food by Type Food by Category Restaurant Listing {<type>,<category>}
Restaurant Detail <restaurant>
Food
<option>
<option>Change to “Category”
Change to“Type”
Back (if previous was category)
Back (if previous was type)Back
Back
<restaurant>
Back
AndroidCALL
AndroidMAP
AndroidEMAIL
Map
Call
Sports Types Upcoming Sporting Events
Sporting Events Listing <sport>
Sporting Events <event>
Sports
Change to“Upcoming”
Change to “Sports Types”
<sport>
Back
<event>
<event>
Map
AndroidGPS
Navigate
Locate an Instructor by Department
Listing of all Instructors at SIUC
List of Instructors <department>
<department> <instructor>
Office Hours
<department>
Change to “All Instructors”
Change to “All Departments”
<instructor>
<instructor>
Back (if previous was “Upcoming”)
Back (if previous was “Listing by <sport>)
Back (if previous was “listing by <department>”)
Back (if previous was “listing all”)
BackBack
Back
Back
Movie by GenreMovie by LocationMovie by Genre <genre><location>
<genre>
Change to “by location”
Change to “by genre”
<movie>
<location>
<movie>
Movie
<movie>
Back (if previous was “<location>”)
Back (if previous “<genre>”)
Back
Back
Back Back
AssociationFor ComputingMachinery
Meeting TimesSpecial EventsSpecial InterestGroups ACM
Officer Contact
Meeting Times
Special Events
Special Interest Groups
Back
Back
Back
Officer
Back
Back
3
Francisco Tosete Herranztentandote.com
This work is licensed under the Creative Commons Attribution‐Share Alike 3.0 UnportedTo View a copy of this license visit http://creativecommons.org/licenses/by‐sa/3.0/
Stencil v1.0 ∙ scale: 1cm = 70px ∙ Display area: 480x320px
Android ∙ UI elements
OK Cancel
18:15
18 15
@1 10:10 AM
Screen label
Item label
Item label
Item label
Item label
Item label
Item label
00:16 01:11
q w e r t y u i o p
a s d f g h j k l
z x c v b n m xDEL
?123 , .
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M xDEL
?123 , .
! " ‘ : ; /ALT ?
1 2 3 4 5 6 7 8 9 0
?123 , .
xDEL
@ # $ % & * ‐ + ( )
labellabellabel labellabellabel
Label
Label
Label
Small text = 16ptos
Titles = 26ptos
Subtitles = 22ptos
Select Button Label
Input text
Contexto menu
Menu item
Menu item
Menu item
Menu item
Radio menu
Cancel
Menu item
Menu item
Menu item
Menu item
Menu item
Input text
Wallpaper
Notifications Settings
Add
Search
@1 10:10 AM
Google Search
Francisco Tosete Herranztentandote.com
This work is licensed under the Creative Commons Attribution‐Share Alike 3.0 UnportedTo View a copy of this license visit http://creativecommons.org/licenses/by‐sa/3.0/
@1 10:10 AM
Food by Type
On Campus
Dine‐in
Delivery
Debit Dawg
>><<
@1 10:10 AM
Food by Category
Chinese
Mexican
Fast Food
Bar Food
>><<
Sandwiches
@1 10:10 AM
Campus Food ‐ Chinese
Restaurant A
Restaurant B
Restaurant C
Restaurant D
Restaurant E
123 Location DriveEst dist: 0.5 mi
456 Location DriveEst dist: 0.2 mi
456 Location DriveEst dist: 0.2 mi
456 Location DriveEst dist: 0.2 mi
456 Location DriveEst dist: 0.2 mi
@1 10:10 AM
Campus Food – Chinese – Restaurant A
Restaurant A
Address: 123 Location DrCarbondale, IL62901
Phone: 618 – 123 ‐ 4567 CALL
Avg Rating:
Review review review review review review review review review review review review review review review review review review review review
MAP
@1 10:10 AM
SIU Application Portal
Food
Sporting Events
Movies
Office Hours
@1 10:10 AM
Locate an instructor by Department
Computer Science
Forestry
Speech & Communications
Physiology
>><<
@1 10:10 AM
Directory Listing of Instructors at SIUC
Alpha, Josephine
Beta, Qiang
Gamma, Carl
Delta, Milo
>><<
Epsilon, Geraldine
@1 10:10 AM
Department of Computer Science
Akkaya, Kemal
Carver, Norman F
Che, Dunren
Cheng, Qiang
Fong, Kenny
Faner [email protected]
Faner [email protected]
Faner [email protected]
Faner [email protected]
Faner [email protected]
@1 10:10 AM
Computer Science – Wainer, Michael
Michael Wainer
Email: [email protected]
Office: Faner 3042Hours: MW 2:15‐4:15
R 10:00‐11:50
Phone: (618) 453‐6039 CALL
Avg Rating:
Review review review review review review review review review review review review review review review review review review review review
Anthropology
Gupta, BidyutFaner [email protected]
@1 10:10 AM
Association for Computing Machinery
Meeting Times
Special Events
Special Interest Groups
Officers
@1 10:10 AM
ACM – Meeting Times
General Meeting
Techmeet
Movie Night
General Meeting
4/19
4/21
4/28
5/03
@1 10:10 AM
ACM – Special Events
Qunet Presentation
SalukiLAN!
SalukiLAN!
4/21
5/01
5/02
@1 10:10 AM
ACM – Special Interest Groups
SIGGAME
D&D
SIGLINUX
SIGGAME
4/22
4/25
4/26
4/29
@1 10:10 AM
ACM – Officers
PRESIDENT
VICE‐PRESIDENT
SECRETARY
TREASURER
Benjamin Wasson
Sarah Harvey
Jay Meyer
Chris Weitzel
Francisco Tosete Herranztentandote.com
This work is licensed under the Creative Commons Attribution‐Share Alike 3.0 UnportedTo View a copy of this license visit http://creativecommons.org/licenses/by‐sa/3.0/
@1 10:10 AM
Sporting Events by Sport
Baseball
Basketball
Golf
Football
>><<
@1 10:10 AM
Upcoming Sporting Events
SIU v. EIU
SIU v. NIU
SIU v. WIU
SIU v. ISU
>><<
SIU v. UIUC
@1 10:10 AM
Sporting Events ‐ Football
@1 10:10 AM
Sporting Events – SIU v. WIU (4/28)
SIU v. WIUAWAYHanson FieldWestern Illinois University
Lacrosse
4/19
4/21
4/28
5/03
Home
Home
Away
Away
Home5/08
SIU v. WIU
SIU v. ISU
4/28
5/03
Away
Away
April 28th
2:00AM CST
Show on Map Navigate
@1 10:10 AM
Movie by Genre
Horror
Comedy
Drama
Thriller
>><<
Awesome
@1 10:10 AM
Movie by Location
Kerasotes Showplace 8 at University Mall
Kerasotes University Place 8
Kerasotes Illinois Centre
Grand Twin – Du Quoin
>><<
Kerasotes Toler
@1 10:10 AM
Movie by Genre ‐ Awesome
How to Train Your Dragon
Kick‐Ass
Hot Tub Time Machine
Avatar
The Tooth Fairy
@1 10:10 AM
Movie – Kick‐Ass
Kerasotes Showplace 8 at University MallMarch 14 – 2PM 5PM 8PM 11PM
Kerasotes University Place 8March 15 – 2PM 5PM 8PM 11PM
Kerasotes Illinois CentreMarch 15 – 1:30PM 4:30PM 7:30PM
Kick‐Ass
1 hr 57 min
Insert awesome synopsis here
@1 10:10 AM
Kerasotes Showplace 8 at University Mall
How to Train Your Dragon
Kick‐Ass
Hot Tub Time Machine
Avatar
The Tooth Fairy
Buy Ticket Ratings