610 likes | 717 Views
Rapid Prototyping for Computer Systems Final Presentation Spring 2011. Human Computer Interaction Team Phase 3. Shoshana Holtzblatt Marcus Perez David Randall Nicole Fernandez Ray Luong Vikram Chatterji Chung-Yi Chi. 1/24/11. Gathered Research. Professional Interviews
E N D
Rapid Prototyping for Computer Systems Final Presentation Spring 2011
Human Computer Interaction Team Phase 3 Shoshana Holtzblatt Marcus Perez David Randall Nicole Fernandez Ray Luong Vikram Chatterji Chung-Yi Chi 1/24/11
Gathered Research • 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 4/27/2011
Key Findings: The Problems • 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 4/27/2011
The Three Visionary Scenarios • Finding an expert • Finding a new project • Monitor my team 4/27/2011
Prototype Development • Low Fidelity • Medium Fidelity • Final Mock-ups • Status Stone • Mobile 4/27/2011
Testing • Interactive Prototype Testing • 10 users from across campus • CogTool • Heuristic Evaluation 4/27/2011
Cog Tool Findings • Kiva Time: 70 seconds • Pinquu Time: 15 seconds 4/27/2011
User Testing Findings • Availability was a challenge • Clickability was tough to determine • Visibility of forums/QA Systems • Navigation Breadcrumbs would be helpful 4/27/2011
Future Development • Team Screen/IM integration • Forums/QA Development • Improvements to Wall of Project • Project Projections • Real-time coding support • Availability Notification • Status Stone changes 4/27/2011
Information Organization & Visualization Phase 3 Paul Cho Suongsun Hong Jaejoon Lee Rachita Chandra Ajay Ghadiyaram Paul Caravelli JiHoon Kim 1/24/11
Overview • Who we are • Process • Development 4/27/2011
Who We Are • Information Organization • What to show • Projects, People, Document, Comments, Status, etc… • How to organize • Project page, User profiles, Search Result 4/27/2011
Who We Are • Visualization • How to show • Graphs, Charts, Grid, List • Location • Click redirection • Building a GUI 4/27/2011
Process • Interaction with HCI group • Mockups and requirements 4/27/2011
Process • Interaction with ISO group • XML Specifications, Requests, and Response 4/27/2011
Development • Testing and Improvements 4/27/2011
Development • System Integration • Search • search by selected category • Document Sharing • Update relevant pages (recent activities, project page) • Lingpipe 4/27/2011
External Applications Skylar Roebuck Yumin Wong Cassie Li Yiling Tay Po Huang Ivan Lee 1/24/11
Overview Brief Description of Teams Features and technical info Flowchart Process Screenshots of Usage 4/27/2011
Instant Messaging Team • Deployment of Openfire Server to implement XMPP protocol • MYSQL database to synchronize data with server • Chat client of choice: Spark(Windows and Linux), Adium(Mac) 4/27/2011
Features and Technical Info • Openfire is a java based server implementation • XMPP protocol is open sourced and secure • Future improvements on server capabilities possible through plugins • Setup relies on a dual database configuration • Automatic user synchronization with ISO database 4/27/2011
Flow Chart Process ISO DATABASE IM CLIENT IM CLIENT OPENFIRE SERVER OPENFIRE DATABASE IM CLIENT 4/27/2011
Screenshots of Usage 4/27/2011
Screenshots of Usage 4/27/2011
Document SharingTeam • Use of iFolder to implement secure online storage • Ease of file synchronization and retrieval across computers • Cross platform solution 4/27/2011
Features and Technical Info • Challenges • Update iFolder Users with Kiva Users • Identify File-path associated with each user's shared folder • Solution • Using iFolder's UserCmd.exe • User Bash Script • File-path Bash Script 4/27/2011
Screenshots of Usage 4/27/2011
Isolation Layer Team Phase 3 Kendra Garwin Andrew Yi Skanda Mohan David Wang Skanda Mohan 1/24/11
Overview 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. 4/27/2011
Composition 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 4/27/2011
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 Composition 4/27/2011
Working (Request) Iso Layer Dispatcher XML command Request XML command BLACK BOX USER Package XML command parameters Command Handler Data Base SQL command request 4/27/2011
Working (Response) Iso Layer Dispatcher XML command Response XML command BLACK BOX USER Package XML command parameters Command Handler Data Base SQL command Response 4/27/2011
Testing A diagnostic GUI provided (with major modifications). 4/27/2011
Database and Content Analysis Phase 3 Rohith Salim Jason Lei Steve Luminais 1/24/11
Interaction Architecture 4/27/2011
What is LingPipe • 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 4/27/2011
Input to Output • 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 4/27/2011
How we use it • 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 4/27/2011
What is BirdEye • 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 4/27/2011
How we use it • Represent the data extracted by LingPipe in a visually appealing manner 4/27/2011
Overall Design • 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 4/27/2011