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

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.

GroupNotes 2. 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