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