GroupNotes User Interface (UI) Design Lijun Cao Supervisor: Haifeng Shen.

GroupNotes

User Interface (UI) Design

Lijun Cao

Supervisor:

Haifeng Shen

GroupNotes• What is Group Notes?

GroupNotes is a real-time collaborative note-taking application

Through on-screen soft keyboards on SmartPhones, like Swype® (Swype 2010) and Swiftkey® (Swiftkey 2010)

GroupNotes

GroupNotes• Assuming that GroupNotes system architecture consisting of a

GroupNotes server, a GroupNotes application on Smartphones, and a GroupNotes client on the lecturer console.

• Session management is to create a collaborative note-taking session for each group and handle session-related activities. (Joining, Leaving, Saving, Adjusting, Inviting, Recovering…)

• Synchronization management handles everything related to share access to a particular notes area, especially for concurrently writing the same notes.

• Polling managements supports vertical interaction by offer the standard question-and-response feature (Interacting with lecturer by asking question and giving feedback)

• Offline management for students who cannot use the GroupNotes during a lecture.

• Post-processing management is to reconcile lecture slides and notes

GroupNotes• Repository management is for students or the lecturer to view or download

lecture slides, notes, or reconciled slides and notes they have access to.

GroupNotes• The reason for developing GroupNotes

1. Some drawbacks of Lectures

2. Prevalence of Smartphone

GroupNotes• Why Android

1. What is Android? Android delivers a complete set of software for mobile devices: an

operating system, middleware and key mobile application.

GroupNotes2. The advantage of Android(to us)

• Open Android is open source and enable developers to create compelling

mobile applications that take full advantage of all a handset has to offer.

• Android is similar to Java It is not very difficult for Java Developer to implement the Android code

as long as we pick up the Android API

GroupNotes• What I do (User Interface) 1. What is User Interface?

User interface design is the design of computers, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction.

2. The goal of User Interface Design

The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design.

3. How to Implement User Interface Design in Android in Windows

Android Emulator + Eclipse (NetBeans)

GroupNotes• Screen Shot of Android Emulator

GroupNotes• Screen Shot of Android Emulator

Application

GroupNotes• Screen Shot of Android Emulator

Application

GroupNotes• Success for Criteria (What I did) Firstly, each member in a group is associated with a unique text colour for

self-identification, Therefore, we need to figure out whether or not the multi-colour could be used in Editor.

GroupNotes• Secondly, be able to change the Font Style in Android Editor

GroupNotes• Basic Layout Style (Tab)

GroupNotes• Disadvantage of Tab

1. Cannot see other group mates typing simultaneously

2. Too Java, not suitable for current SmartPhone trend ( Touch, Drag)

GroupNotes• What I am going to do NEXT Drag and Drop

GroupNotes• What I am going to do NEXT Drag one editor into bottom panel