project presentation building the human - computer interface diana wong, michiko chand, nino ajami
DESCRIPTION
December 7, 2006 INFM718B Fall 2006 Introduction Client –Merkle Inc, a Database Marketing company. –Has over 700+ employees. System Overview –Merkle has 6 management groups. –Each group within Merkle has their own awards that are presented on different schedules. –Currently the process is managed by . –At review time, it is very difficult to identify all the awards an employee have won.TRANSCRIPT
![Page 1: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/1.jpg)
Project Presentation
Building the Human - Computer Interface
Diana Wong, Michiko Chand, Nino Ajami
![Page 2: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/2.jpg)
December 7, 2006 INFM718B Fall 2006
Project Team
• Diana Wong– Project Coordinator– Module Developer – Interface Designer
• Michiko Chand– Requirements Analyst – Module Developer – System Integrator
• Nino Ajami– Program Manager/ Evaluator– Module Developer– Database Administrator
![Page 3: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/3.jpg)
December 7, 2006 INFM718B Fall 2006
Introduction
• Client– Merkle Inc, a Database Marketing company.– Has over 700+ employees.
• System Overview– Merkle has 6 management groups.– Each group within Merkle has their own awards that are
presented on different schedules.– Currently the process is managed by email.– At review time, it is very difficult to identify all the awards
an employee have won.
![Page 4: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/4.jpg)
December 7, 2006 INFM718B Fall 2006
First Release Functional Requirements
• Web enabled application with a database backend.
• Accepts nominations for different awards.• Allows voting by the management group.• Maintains historical nominations and winners.• Allows reporting on historical data. • Allows different groups within the company to
have their own awards.• Identify winners.
![Page 5: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/5.jpg)
December 7, 2006 INFM718B Fall 2006
Prototype Summary
• Prototype 1– Ground Requirements.– Basic Visual Layout.– Usability and feel of system
• Prototype 2– Connect to Database.– Change in Nomination GUI.– Change in Vote GUI.– GUI Refinement
• Prototype 3– Historical Reports.– Introduction of Group Class.– Introduction of Time Period.
![Page 6: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/6.jpg)
December 7, 2006 INFM718B Fall 2006
Prototype 1
![Page 7: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/7.jpg)
December 7, 2006 INFM718B Fall 2006
![Page 8: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/8.jpg)
December 7, 2006 INFM718B Fall 2006
Prototype Summary
• Prototype 1– Ground Requirements.– Basic Visual Layout.– Usability and feel of system
• Prototype 2– Connect to Database.– Change in Nomination GUI.– Change in Vote GUI.– GUI Refinement
• Prototype 3– Historical Reports.– Introduction of Group Class.– Introduction of Time Period.
![Page 9: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/9.jpg)
December 7, 2006 INFM718B Fall 2006
Nominate Page
![Page 10: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/10.jpg)
December 7, 2006 INFM718B Fall 2006
Vote Page
![Page 11: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/11.jpg)
December 7, 2006 INFM718B Fall 2006
Prototype Summary
• Prototype 1– Ground Requirements.– Basic Visual Layout.– Usability and feel of system
• Prototype 2– Connect to Database.– Change in Nomination GUI.– Change in Vote GUI.– GUI Refinement
• Prototype 3– Historical Reports.– Introduction of Group Class.– Introduction of Time Period.
![Page 12: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/12.jpg)
December 7, 2006 INFM718B Fall 2006
Prototype 3
![Page 13: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/13.jpg)
December 7, 2006 INFM718B Fall 2006
Report Page
![Page 14: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/14.jpg)
December 7, 2006 INFM718B Fall 2006
Lessons Learned – Interface Development
• Swing as Prototyping Tool– Swing has incredible flexibility and control.– Large memory footprint– Swing has a steep learning curve for novices and it is also difficult
to master.
• Choice of Layout Manager– GridBagLayout versus TableLayout
• Usability Concerns– User interaction – Organization of information– Sizability (Maximize, Minimize)
![Page 15: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/15.jpg)
December 7, 2006 INFM718B Fall 2006
Lessons Learned – Rapid Prototyping
• Essential methodology for user-centered design • Better visualization and communication • No surprises! Prototyping ensures meeting customer’s
requirements. • Save time and resources. • Go for minimal functionality. • Be prepared to throw away.
Common Problems:• Sometimes clients focus on the wrong things in a prototype
which has too much detail.• Clients may get intimidated by an over developed
prototype and not feel comfortable to comment on it.
![Page 16: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/16.jpg)
December 7, 2006 INFM718B Fall 2006
Suggestions for Course Improvement
• Use of other rapid prototyping tool with visual modeling tool.
• Flexibility to define project but not specific to clients. Problem: Timeframe is insufficient to develop a usable prototype.
• More hands-on during class.
![Page 17: Project Presentation Building the Human - Computer Interface Diana Wong, Michiko Chand, Nino Ajami](https://reader036.vdocuments.net/reader036/viewer/2022062523/5a4d1acf7f8b9ab059970f68/html5/thumbnails/17.jpg)
Project Demonstration