berkeley academics information redesign andrew iskandar lulu guo advisor: ray larson
Post on 20-Dec-2015
215 views
TRANSCRIPT
![Page 1: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/1.jpg)
Berkeley Academics Information Redesign
Andrew IskandarLulu Guo
Advisor: Ray Larson
![Page 2: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/2.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 3: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/3.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 4: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/4.jpg)
Project Goal
The goal of this project is to redesign the current information systems of Berkeley Academics to facilitate the growth and expansion of the company making administrative and communicative tasks easier and more efficient.
![Page 5: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/5.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 6: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/6.jpg)
Background
Berkeley Academics is a non-profit tutoring company in Alameda, CA. Est. 20033 full time administrative staff8-10 college tutors 30-40 students
Tutoring/Classes/ScholarshipsGrowing and Expanding
New Location: San Ramon, CA 4-5 full time staff 10-15 tutors50-60 student
![Page 7: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/7.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 8: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/8.jpg)
Problem: E-mail
Synopsis of E-mail Characters
Admin Staff: Sue, JeannieTutors: Jenny Kim, Esther
Story: E-mail from JeannieSue is sick, Jeannie asks Esther to cover her tutoring duties
Jenny’s student doesn’t come in, did not know about it
Sue scheduled a make-up session for a student, but didn’t tell anyone
Two new sign-ups show up for session, no one knew about it. Asked to be tutored in subject no one could tutor
![Page 9: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/9.jpg)
Problem: Problem Areas
People-Based Information SystemsAdmin staff hold information in head
Forgot to propagate/communicate information
Processes are manualPaper-Based Information Systems
Ad-hocTransient/easily lostInefficient, slowHard to communicate with
![Page 10: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/10.jpg)
Problem: Examples
Filing Cabinet of Student Records
Student Record File
![Page 11: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/11.jpg)
Problem: Examples
Tutor/Student Schedule
Student Application
![Page 12: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/12.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 13: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/13.jpg)
Needs Assessment
Initial InterviewsPersonasTask AnalysisScenarios
![Page 14: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/14.jpg)
Needs Assessment: Initial Interviews
Initial InterviewsGathered business and use case requirements from client
Observed workflow and working environment
Collected sample documents
![Page 15: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/15.jpg)
Needs Assessment: Personas
Personas:User 1: Scheduler/Administrator - Amy
User 2: Administrator/Tutor – Jane
User 3: Tutor – Stanley
![Page 16: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/16.jpg)
Needs Assessment: Task Analysis
Task Analysis:Scheduling Record keepingProcess ApplicationsTutoringPayments
![Page 17: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/17.jpg)
Needs Assessment: Tasks
Amy Jane Stanley
APPLICATIONS
Process paper applications H M N/A
Note special client needs H M N/A
PAYMENTS
Process payments H M N/A
Process refunds H M N/A
Keep track of payment schedule M M N/A
Keep track of overdue payments H M N/A
Reminder of payment schedule M M N/A
SCHEDULING
Create tutor/student schedule M M N/A
Keep track of student attendance M M N/A
Process rescheduling of student/tutor H H N/A
Keep track of tutor schedules and skills L L N/A
Query about tutor availability L M N/A
RECORD KEEPING
Lookup records for student info/history H H N/A
Lookup student progress for parents L L N/A
TUTORING
Record progress of students N/A N/A H
Look up student progress to formulate lesson plan N/A N/A H
Add special notes N/A N/A M
H: High; M: Medium; L: Low (indication of task importance)
![Page 18: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/18.jpg)
Needs Assessment: Scenarios
ScenariosScenario 1: Parent submits a paper application
Scenario 2: Student reschedules a session
Scenario 3: Parent comes in to see if they owe money
Scenario 4: Admin checks status of payments
Scenario 5: Tutor prepares to meet a student and finishes session
![Page 19: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/19.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 20: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/20.jpg)
Database Design
Berkeley Academics has existing database schema (handled online sign-ups)
Expanded schema for our projectFacilitated integrationNo data migration
![Page 21: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/21.jpg)
Database Design: Original
![Page 22: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/22.jpg)
Database Schema: Expanded
![Page 23: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/23.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 24: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/24.jpg)
UI Design
Comparative studies WebCalendar My Databook Comdev Event Calendar
Interviewed campus tutoring center administrator
WebCalendarMy Databook Comdev Event Calendar
![Page 25: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/25.jpg)
UI Design Evolution - 1
Initial SketchesBased on the initial interviewsCaptured all of the important functionalities and use cases
![Page 26: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/26.jpg)
UI Design Evolution - 2
Paper PrototypeAllowed a certain level of user interaction
Tested initial task workflow with client
![Page 27: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/27.jpg)
UI Design Evolution - 3
Low-fidelity PrototypeIncorporated detailed design changes
Tested basic interactivity with client
![Page 28: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/28.jpg)
UI Design Evolution - 4
High-fidelity PrototypeBased on the feedback of the second round user testing
Tested full functionality of prototype
![Page 29: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/29.jpg)
UI Design Evolution - 5
Final PrototypeLast round of user testing provided user evaluation and minor look-and-feel suggestions
![Page 30: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/30.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 31: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/31.jpg)
Implementation
Web-Based ApplicationPHP/MySqlPHP Objects
Abstraction layer between DB and application
Eclipse/CVS/PHPEclipse PluginCSS/Javascript
![Page 32: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/32.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 33: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/33.jpg)
Demo
4 Representative TasksAssigning a new studentRescheduling a studentStudent Note ReviewPayment Summary
![Page 34: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/34.jpg)
Demo: Assign
![Page 35: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/35.jpg)
Demo: Assign
![Page 36: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/36.jpg)
Demo: Assign
![Page 37: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/37.jpg)
Demo: Assign
![Page 38: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/38.jpg)
Demo: Assign
![Page 39: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/39.jpg)
Demo: Reschedule
![Page 40: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/40.jpg)
Demo: Reschedule
![Page 41: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/41.jpg)
Demo: Reschedule
![Page 42: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/42.jpg)
Demo: Reschedule
![Page 43: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/43.jpg)
Demo: Reschedule
![Page 44: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/44.jpg)
Demo: Reschedule
![Page 45: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/45.jpg)
Demo: Student Notes
![Page 46: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/46.jpg)
Demo: Student Notes
![Page 47: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/47.jpg)
Demo: Student Notes
![Page 48: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/48.jpg)
Demo: Student Notes
![Page 49: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/49.jpg)
Demo: Student Notes
![Page 50: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/50.jpg)
Demo: Student Notes
![Page 51: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/51.jpg)
Demo: Student Notes
![Page 52: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/52.jpg)
Demo: Student Notes
![Page 53: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/53.jpg)
Demo: Payment Summary
![Page 54: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/54.jpg)
Demo: Payment Summary
![Page 55: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/55.jpg)
Outline
Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 56: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/56.jpg)
Future Development
Dynamic payment remindersAutomatic/One-click re-enrollment for students
Report generationData and trend analysisSearching and querying
![Page 57: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/57.jpg)
Outline Project Goal Background Problem Needs Assessment Database Design UI Design Implementation Demo Future Development Conclusion
![Page 58: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/58.jpg)
Conclusion
Lessons LearnedImportance of gathering business requirements
Database designUI iterative design testing
Client FeedbackApplication was well received; met client’s expectations
Client eager to integrate application into workflow
![Page 59: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson](https://reader030.vdocuments.mx/reader030/viewer/2022032800/56649d425503460f94a1ddd6/html5/thumbnails/59.jpg)
Questions?