Date post: | 29-Dec-2015 |
Category: |
Documents |
Upload: | rhoda-garrett |
View: | 217 times |
Download: | 2 times |
Rapid Prototyping for Computer SystemsFinal Presentation
Spring 2011
21/24/11
Human Computer Interaction Team
Phase 3
Shoshana HoltzblattMarcus Perez
David Randall
Nicole Fernandez
Ray Luong
Vikram Chatterji
Chung-Yi Chi
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
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
5
6
• Finding an expert• Finding a new project• Monitor my team
The Three Visionary Scenarios
4/27/2011
7
• Low Fidelity• Medium Fidelity• Final Mock-ups• Status Stone• Mobile
Prototype Development
4/27/2011
8
9
10
• Interactive Prototype Testing• 10 users from across campus
• CogTool• Heuristic Evaluation
Testing
4/27/2011
11
• Kiva Time: 70 seconds• Pinquu Time: 15 seconds
Cog Tool Findings
4/27/2011
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
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
141/24/11
Information Organization & Visualization
Phase 3
Paul ChoSuongsun Hong
Jaejoon LeeRachita ChandraAjay Ghadiyaram
Paul CaravelliJiHoon Kim
15
• Who we are
• Process
• Development
Overview
4/27/2011
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
17
• Visualization– How to show
– Graphs, Charts, Grid, List– Location– Click redirection
– Building a GUI
Who We Are
4/27/2011
18
• Interaction with HCI group– Mockups and requirements
Process
4/27/2011
19
• Interaction with ISO group– XML Specifications, Requests, and Response
Process
4/27/2011
20
• Testing and Improvements
Development
4/27/2011
21
• System Integration- Search
- search by selected category- Document Sharing
- Update relevant pages (recent activities, project page)
- Lingpipe
Development
4/27/2011
1/24/11
External Applications
Skylar RoebuckYumin Wong
Cassie LiYiling TayPo HuangIvan Lee
22
Brief Description of Teams
Features and technical info Flowchart Process
Screenshots of Usage
Overview
234/27/2011
Instant Messaging
24
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
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
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
Screenshots of Usage
28
4/27/2011
Screenshots of Usage
29
4/27/2011
Document Sharing
30
oUse of iFolder to implement secure online storage
oEase of file synchronization and retrieval across computers
oCross platform solution
Document SharingTeam
314/27/2011
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
Flow Chart Process
33
Screenshots of Usage
34
Screenshots of Usage
354/27/2011
361/24/11
Isolation Layer Team Phase 3
Kendra Garwin Andrew Yi
Skanda MohanDavid Wang
Skanda Mohan
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
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
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
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
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
42
A diagnostic GUI provided (with major modifications).
Testing
4/27/2011
431/24/11
Database and Content Analysis Phase 3
Rohith Salim
Jason LeiSteve Luminais
Interaction Architecture
4/27/2011 44
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
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
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
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
How we use it
4/27/2011 49
- Represent the data extracted by LingPipe in a visually appealing manner
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
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
521/24/11
Mobile Workers and Infrastructure Phase 3
Thomas Tzou
Daniel LinRohit BanerjeeChristopher JoRika NakaharaRantao Chen
Veeren Mandalia
53
Hardware Architecture
Supported Technologies
What is done What is being done
Q & A
Overview
4/27/2011
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)
55
- Status Stone
- Virtual Whiteboard
- Pico Projector
-External Apps - Android
Supported Technologies
4/27/2011
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
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
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
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
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
61
Questions??
4/27/2011