59
Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

  • View
    215

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Berkeley Academics Information Redesign

Andrew IskandarLulu Guo

Advisor: Ray Larson

Page 2: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

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

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

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

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

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

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

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

Problem: Examples

Filing Cabinet of Student Records

Student Record File

Page 11: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Problem: Examples

Tutor/Student Schedule

Student Application

Page 12: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

Needs Assessment

Initial InterviewsPersonasTask AnalysisScenarios

Page 14: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

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

Needs Assessment: Task Analysis

Task Analysis:Scheduling Record keepingProcess ApplicationsTutoringPayments

Page 17: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

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

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

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

Database Design: Original

Page 22: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Database Schema: Expanded

Page 23: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

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

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

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

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

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

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

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

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

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

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

Demo: Assign

Page 35: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Assign

Page 36: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Assign

Page 37: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Assign

Page 38: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Assign

Page 39: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 40: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 41: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 42: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 43: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 44: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Reschedule

Page 45: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 46: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 47: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 48: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 49: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 50: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 51: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 52: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Student Notes

Page 53: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Payment Summary

Page 54: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

Demo: Payment Summary

Page 55: Berkeley Academics Information Redesign Andrew Iskandar Lulu Guo Advisor: Ray Larson

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

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

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

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

Questions?