Rapid Prototyping for Computer Systems Final Presentation Spring 2011.
-
Upload
rhoda-garrett -
Category
Documents
-
view
217 -
download
2
Transcript of Rapid Prototyping for Computer Systems Final Presentation Spring 2011.
![Page 1: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/1.jpg)
Rapid Prototyping for Computer SystemsFinal Presentation
Spring 2011
![Page 2: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/2.jpg)
21/24/11
Human Computer Interaction Team
Phase 3
Shoshana HoltzblattMarcus Perez
David Randall
Nicole Fernandez
Ray Luong
Vikram Chatterji
Chung-Yi Chi
![Page 3: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/3.jpg)
3
• Professional Interviews– Six professionals involved in distributed work
• Literature Review• Academic Interviews with Social Scientists
– Robert Kraut and Niki Kittur– Jim Herbsleb and Laura Dabbish
• In-Class Presentations– David Krackhardt– Ramayya Krishnan
Gathered Research
4/27/2011
![Page 4: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/4.jpg)
4
• Finding Experts is Hard
• Corporate Memory
• Visibility of Interruptability & Availability
• Notification & Confirmation
• Digital Presence
• Communication and Collaboration
• Lack of Informal Communication
• Lack of Personal Connection
Key Findings: The Problems
4/27/2011
![Page 5: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/5.jpg)
5
![Page 6: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/6.jpg)
6
• Finding an expert• Finding a new project• Monitor my team
The Three Visionary Scenarios
4/27/2011
![Page 7: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/7.jpg)
7
• Low Fidelity• Medium Fidelity• Final Mock-ups• Status Stone• Mobile
Prototype Development
4/27/2011
![Page 8: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/8.jpg)
8
![Page 9: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/9.jpg)
9
![Page 10: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/10.jpg)
10
• Interactive Prototype Testing• 10 users from across campus
• CogTool• Heuristic Evaluation
Testing
4/27/2011
![Page 11: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/11.jpg)
11
• Kiva Time: 70 seconds• Pinquu Time: 15 seconds
Cog Tool Findings
4/27/2011
![Page 12: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/12.jpg)
12
• Availability was a challenge• Clickability was tough to determine• Visibility of forums/QA Systems• Navigation Breadcrumbs would be
helpful
User Testing Findings
4/27/2011
![Page 13: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/13.jpg)
13
• Team Screen/IM integration• Forums/QA Development• Improvements to Wall of Project• Project Projections• Real-time coding support• Availability Notification• Status Stone changes
Future Development
4/27/2011
![Page 14: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/14.jpg)
141/24/11
Information Organization & Visualization
Phase 3
Paul ChoSuongsun Hong
Jaejoon LeeRachita ChandraAjay Ghadiyaram
Paul CaravelliJiHoon Kim
![Page 15: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/15.jpg)
15
• Who we are
• Process
• Development
Overview
4/27/2011
![Page 16: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/16.jpg)
16
• Information Organization– What to show
– Projects, People, Document, Comments, Status, etc…
– How to organize– Project page, User profiles, Search Result
Who We Are
4/27/2011
![Page 17: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/17.jpg)
17
• Visualization– How to show
– Graphs, Charts, Grid, List– Location– Click redirection
– Building a GUI
Who We Are
4/27/2011
![Page 18: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/18.jpg)
18
• Interaction with HCI group– Mockups and requirements
Process
4/27/2011
![Page 19: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/19.jpg)
19
• Interaction with ISO group– XML Specifications, Requests, and Response
Process
4/27/2011
![Page 20: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/20.jpg)
20
• Testing and Improvements
Development
4/27/2011
![Page 21: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/21.jpg)
21
• System Integration- Search
- search by selected category- Document Sharing
- Update relevant pages (recent activities, project page)
- Lingpipe
Development
4/27/2011
![Page 22: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/22.jpg)
1/24/11
External Applications
Skylar RoebuckYumin Wong
Cassie LiYiling TayPo HuangIvan Lee
22
![Page 23: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/23.jpg)
Brief Description of Teams
Features and technical info Flowchart Process
Screenshots of Usage
Overview
234/27/2011
![Page 24: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/24.jpg)
Instant Messaging
24
![Page 25: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/25.jpg)
oDeployment of Openfire Server to implement XMPP protocol
oMYSQL database to synchronize data with server
oChat client of choice: Spark(Windows and Linux), Adium(Mac)
Instant Messaging Team
254/27/2011
![Page 26: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/26.jpg)
oOpenfire is a java based server implementation
o XMPP protocol is open sourced and secure
o Future improvements on server capabilities possible through plugins
o Setup relies on a dual database configuration
o Automatic user synchronization with ISO database
Features and Technical Info
264/27/2011
![Page 27: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/27.jpg)
Flow Chart Process
ISODATABASE
OPENFIREDATABASE
OPENFIRESERVER
IM CLIENT
IM CLIENT
IM CLIENT
Authentication
Basic User Profile
Group Associations
Advanced User Profile
Detailed Group Info
Administers Message Sending
Server Configuration274/27/2011
![Page 28: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/28.jpg)
Screenshots of Usage
28
4/27/2011
![Page 29: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/29.jpg)
Screenshots of Usage
29
4/27/2011
![Page 30: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/30.jpg)
Document Sharing
30
![Page 31: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/31.jpg)
oUse of iFolder to implement secure online storage
oEase of file synchronization and retrieval across computers
oCross platform solution
Document SharingTeam
314/27/2011
![Page 32: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/32.jpg)
oChallenges Update iFolder Users with Kiva Users Identify File-path associated with each user's
shared folder
oSolution Using iFolder's UserCmd.exe User Bash Script File-path Bash Script
Features and Technical Info
324/27/2011
![Page 33: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/33.jpg)
Flow Chart Process
33
![Page 34: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/34.jpg)
Screenshots of Usage
34
![Page 35: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/35.jpg)
Screenshots of Usage
354/27/2011
![Page 36: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/36.jpg)
361/24/11
Isolation Layer Team Phase 3
Kendra Garwin Andrew Yi
Skanda MohanDavid Wang
Skanda Mohan
![Page 37: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/37.jpg)
37
What is Iso-Layer? The layer that isolates the database from other modules. Incorporated later after being recommended by Eric Rose.
Reason: Better modularity. Hence, better structure.
Overview
4/27/2011
![Page 38: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/38.jpg)
38
Statistics: Packages and their handlers: 10 classes, 85 packages, avg ~ 50 SLOC/package
External Packages Programs: Dispatcher, Commands class, Diagnostic UI etc.
Connecting to other modules: External Applications, IOV, Infrastructure
Composition
4/27/2011
![Page 39: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/39.jpg)
39
Composition
Class Package
Analysis Class Class, Group, User and Expertise
Class Class Add, Remove, Files, Groups etc
File Class Create, Destroy, Get, Info
Friends Class Accept, Add, Ignore, List etc.
General Class File, Link, Meeting, Post etc
Group Class Add, Remove, File, Info etc.
Meeting Class Add, Create, Date/time, File etc
User Class Connect, Disconnect, Expert, Get Status
Web Class Create, Destroy, Info
Whiteboard Class File-path, Meeting, Users
4/27/2011
![Page 40: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/40.jpg)
40
Working (Request)
Dispatcher
Data Base
BLACK BOX
USERPackage
Command Handler
XML commandRequest
Iso Layer
XML command
XML command parameters
SQL commandrequest
4/27/2011
![Page 41: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/41.jpg)
41
Working (Response)
Dispatcher
Data Base
BLACK BOX
USERPackage
Command Handler
XML commandResponse
Iso Layer
XML command
XML command parameters
SQL command Response
4/27/2011
![Page 42: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/42.jpg)
42
A diagnostic GUI provided (with major modifications).
Testing
4/27/2011
![Page 43: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/43.jpg)
431/24/11
Database and Content Analysis Phase 3
Rohith Salim
Jason LeiSteve Luminais
![Page 44: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/44.jpg)
Interaction Architecture
4/27/2011 44
![Page 45: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/45.jpg)
What is LingPipe
4/27/2011 45
- A toolkit for processing text using computational linguistics
- Used to do tasks like- Find names of people, organizations
etc in news- Automatically classify Twitter results
into categories (Topics)- Annotating Databases of Information
![Page 46: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/46.jpg)
Input to Output
4/27/2011 46
- Fed it three documents regarding Sensors
- Topics Generated- Sensors, Voltage etc.
- Generated through Linear Discriminant Analysis Algorithm- Clustering of words
- Conclusion- Need a larger sample set
![Page 47: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/47.jpg)
How we use it
4/27/2011 47
- Use LingPipe on existing Database to create topics from the documents and posts uploaded
- Create a People-Web whereby different people are linked together if they have common expertise
![Page 48: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/48.jpg)
What is BirdEye
4/27/2011 48
- Open source Information Visualization and Visual Analytics library for Adobe Flex
- Community Project• Enables users to create multi-
dimensional data visualization for analysis and presentation of information
![Page 49: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/49.jpg)
How we use it
4/27/2011 49
- Represent the data extracted by LingPipe in a visually appealing manner
![Page 50: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/50.jpg)
Overall Design
4/27/2011 50
- Isolation layer gets information from database
- Sends Information as an XML file to LingPipe
- LingPipe extracts the meaningful words(topics) out of these words
- BirdEye then uses this information to create a visual, interactable representation
![Page 51: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/51.jpg)
Final Progress
4/27/2011 51
- LingPipe+BirdEye+Apache on Work machine
- Connected With the Kiva Database through Isolation layer to obtain files
- Created a People to Expertise model
- Created an easy way for people to filter certain topics
- Created a shell script to automate the entire topic generation process
![Page 52: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/52.jpg)
521/24/11
Mobile Workers and Infrastructure Phase 3
Thomas Tzou
Daniel LinRohit BanerjeeChristopher JoRika NakaharaRantao Chen
Veeren Mandalia
![Page 53: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/53.jpg)
53
Hardware Architecture
Supported Technologies
What is done What is being done
Q & A
Overview
4/27/2011
![Page 54: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/54.jpg)
54
Hardware Architecture
4/27/2011
SW Server Database / Desktop Computer
Router
PC Laptop Wiimote/ IR Pens
Webcam w/ Built-in Mic
Phone
Pico Projector
Projector
KeyDevelopmentWork RoomMobile WorkerWired Connection802.11 WirelessBluetooth WirelessWebcam w/
Built-in Mic
Status Stone
Android App(Mobile Pinquu)
![Page 55: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/55.jpg)
55
- Status Stone
- Virtual Whiteboard
- Pico Projector
-External Apps - Android
Supported Technologies
4/27/2011
![Page 56: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/56.jpg)
56
-Wired and (potential)Wireless Communication (over Bluetooth to host); sends status updates to Kiva Database
- Motivation: Quick way to change user status without spending precious time looking around in a chat client for the status change icon
- Physically rotate device to change user status
- 2 LEDs-Green: Available Status-Red: Busy Status
Status Stone
4/27/2011
![Page 57: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/57.jpg)
57
- Built from Johnny Lee’s Cheap Whiteboard
- Motivation: Marker-less method to share information during business meetings, even across a network, with automatic saves
- Uses IR Pens to draw on any surface with a video output-Projector-Pico Projector-Computer Screen-TV
- Wiimote captures IR Pen input-Uses Bluetooth to transmit data back to
host machine
Virtual Whiteboard
Projection surface
User with IR Pen
Wiimote
45°
4/27/2011
![Page 58: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/58.jpg)
58
- Portable laser projector
- Motivation: Enable access to Mobile Conference room and even a Mobile Virtual Whiteboard
- Always in focus
Pico Projector
4/27/2011
![Page 59: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/59.jpg)
59
- Mobile Version of Pinquu built on Android Platform
- Essentially a mobile website with links to Kiva database backend
- Able to login, post to Kiva etc.
Android Application
4/27/2011
![Page 60: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/60.jpg)
60
- Status Stone-Physical device built (circuits) with flip action-Connects wirelessly with host computer (Bluetooth)-Able to send information (email + network)
- Virtual Whiteboard-Johnny Lee Cheap Whiteboard vanilla functionality working-Multiple IR pen tracking to imitate mouse pointer-MS Paint-3 Versions of IR Pen
- Pico Projector-Tested video with iPhone 4 running
iOS 4.2
What is done
Wiimote-Android Application -Mobile Version of Pinquu GUI which links to Kiva Database4/27/2011
![Page 61: Rapid Prototyping for Computer Systems Final Presentation Spring 2011.](https://reader030.fdocuments.net/reader030/viewer/2022032708/56649e735503460f94b72dfa/html5/thumbnails/61.jpg)
61
Questions??
4/27/2011