MeetingTracker (Android App)

The purpose of the App

MeetingTracker is an Android App which is used to analyze the meeting participation by performing speaker diarization analysis. The user can create a meeting and add the meeting to schedule. The meeting can be shared via e-mail or a meeting QR code so that other meeting participant can join the meeting created by the meeting initiator. During each meeting, the app will automatically analyze the meeting recording and after the meeting ends, display a visualization of each speaker's speaking time and duration. This information can then be used for analyzing purposes. One of the target user group is for the university's library research staffs.

Newly designed & optimized

In order to make the app looks stunning and make it publishable onto app stores,

  1. New functionalities added, e.g. meeting sharing, meeting QR code scanning, etc.
  2. The UI has been redesigned using the open source Material Design UI
  3. Layout of the user interfaces has been redesigned
  4. Comply to the app requirements of app stores, e.g. seek permissions before recording etc.
  5. App behaviour has been optimized
  6. User-friendly experience added, e.g. security protection before sharing meeting, email address validity checking, dark mode, etc.

App Information

App Version Last Update Apk Download Source Code Download
V 1.0 June 2020 Download App Download Source Code

The App: Main Functionalities & Major User Experience Optimization

App Welcome Screen

User Registration Screen

User Experience Optimization: Trigger the Correct Keyboard for Different Input Information

User Experience Optimization: User Input Validity Checking

User Experience Optimization: Showable Password Input Field

User Login Screen (Login using Email and Password)

User Experience Optimization: User Login Account Checking

App Home

App Home - Display Upcoming Meeting Information (Meeting Date, Time, Topic)

Create Meeting

User Experience Optimization: Input Validity Checking when Creating a Meeting

Shared the Created Meeting to Attendees via Email

Add Created Meeting to Calendar and Set Notifications

User Experience Optimization: Device User Verification before Sharing the Created Meeting

Meeting Schedule (Meeting List)

Search for Meeting by Meeting Topic and/or Meeting Notes

Filter Meetings by Time

Meeting QR Code Scanner (Scan Meeting QR Code to Add Meeting to Calendar)

Meeting Scanner with Flashlight

App Permission Standard - User's Permission to Use Camera Hardware

Handling Invalid QR Code

View Meeting Details (Meeting Topic, Meeting Notes, Meeting Date & Time, Meeting Attendees)

Start a Meeting

Delete a Meeting

View Meeting Participation Analysis

Show Meeting QR Code

User Experience Optimization: Meeting Start Time & Delete Confirmation Dialog

Meeting Recording Screen

Meeting Recording Screen Light Mode & Dark Mode

App Permission Standard: Meeting Recorder - User Permission

User Experience Optimization: Avoid Mistakenly Quit the Meeting

Meeting Result Visualization (Using Diagram)

Welcome

App Welcome Screen

The App from Home Screen Welcome Screen
Screenshot Screenshot
The app with the newly designed app icon from home screen                         The app welcome screen, with the app icon and version number                        

User Registeration

User Registration Screen

User Registration Screen
Screenshot   Screenshot
The app's newly designed user registration page                                                                                                                                                                                    

User Experience Optimization: Trigger the Correct Keyboard for Different Input Information

User Experience Optimization: Trigger the correct keyboard
Screenshot   Screenshot
User Experience Optimized: The app will automatically trigger the suitable keyboard for better user experience, e.g. trigger email keyboard when typing in email, trigger numerical keyboard when typing in phone number.

User Experience Optimization: User Input Validity Checking

User Experience Optimization: Validity Checking
Screenshot   Screenshot   Screenshot   Screenshot
User Experience Optimized: The app will automatically perform validity checking for user inputs like email address, phone number, passwords etc. The validity checking will be performed when the user is typing, and will also be performed after the user clicks the "Register" button.

User Experience Optimization: Showable Password Input Field

User Experience Optimization: Showable Password Input Field
Screenshot   Screenshot
User Experience Optimized: The password input field has a show/hide button, which allows the user to view their password after typing.                        

User Login

User Login Screen (Login using Email and Password)

User Login Screen
Screenshot   Screenshot
The app's newly designed user login page                                                                                                                                                                                    

User Experience Optimization: User Login Account Checking and Password Checking

User Experience Optimization: User Login Account Checking
Screenshot   Screenshot
Upon clicking the "Login" button, the app will automatically check whether the user is registered, and will also check the password correctness. Incorrect login will trigger the error messages.

App Home

App Home (Display Upcoming Meeting Information - Meeting Date, Time & Topic)

App Home
Screenshot   Screenshot
This is the newly designed app home screen. If there is no upcoming meeting, the app home will only contain three sections. Otherwise, the top section will show the information of the upcoming meeting, including its
  1. Date
  2. Time
  3. Topic
By clicking this section, the user can then view the details of the meeting and start the meeting. By clicking "Create Meeting", the user can create a new meeting and add it to the schedule, send it to attendees etc. By clicking the "Scan Meeting QR Code", the user can add meetings created by others by scanning the meeting QR code. By clicking the "My Meetings", the user can view his/her meeting schedules.

Create Meeting

Create Meeting

Create a Meeting
Screenshot Screenshot   Screenshot   Screenshot   Screenshot   Screenshot   Screenshot
This is the newly designed meeting creation page, user needs to present the following information
  1. Meeting attendees
  2. Meeting topic
  3. Meeting notes (optional)
  4. Meeting Date
  5. Meeting time
After the user selects valid meeting date and time, the app will automatically show how many days, hours and minutes remaining until the start of the meeting.

User Experience Optimization: Input Validity Checking when Creating a Meeting

User Experience Optimization: Create a Meeting - Validity Checking
Screenshot   Screenshot
When the user selects the date and time of the meeting, the app will automatically checks the validity of the date & time selection as follows                                                                  
  1. The meeting date should be today or after today
  2. The meeting starting time should be earlier than the meeting ending time
If the checking is violated, the corresponding error message will be prompted and the user needs to re-select.

Share the Created Meeting - Send Meeting to Attendees via Email & Add Meeting to Calendar

Shared the Created Meeting - Send Meeting to Attendees via Email & Add Meeting to Calendar
Screenshot   Screenshot
The user can choose the following options                                                                  
  1. Send meeting to attendees through email, via their prefered email client
  2. Add meeting to calendar, which also support customized notification
  3. Generate meeting QR Code, if user choose not to generate a meeting QR code, then this QR code will not be attached in the email

User Experience Optimization: Share the Created Meeting - Device User Verification before Sharing the Created Meeting

User Experience Optimization: Shared the Created Meeting - Device User Verification
Screenshot   Screenshot
Since the device may be a public device at the library, and the library staff may not want anyone to send an email via this device, therefore, before sending meeting emails and/or adding meeting to calendar, the app will requires the device owner's approval.

Meeting Schedule (Meeting List)

Meeting Schedule (Meeting List)

Meeting Schedule (Meeting List)
Screenshot   Screenshot   Screenshot
User can view their meeting schedule list by clicking the "My Meetings" section on the home page. On the meeting schedule page, they can choose to
  1. Create a new meeting by clicking corresponding buttons
  2. Add a new meeting to schedule via QR code scanning by clicking corresponding buttons
  3. View the details of a meeting by clicking the meeting
  4. Delete a meeting
  5. Search for a meeting by meeting topic and/or meeting notes, support keyword searching & partial matching
  6. Filter meetings that has ended (Done), or to be started (Todo)

Meeting QR Code Scanner (Scan to Add Meeting)

Meeting QR Code Scanner: Scan Meeting QR Code to Add Meeting to Schedule

Meeting QR Code Scanner: Scan Meeting QR Code to Add Meeting to Schedule
Screenshot   Screenshot   Screenshot   Screenshot
For better user experience, this app allow the user to choose whether to generate a meeting QR code for each meeting he/she creates. Other user can then add this meeting to their own schedule by simply scanning the meeting QR code. If the scanned QR code is not a valid meeting QR code, an error message will be prompted. Furthermore, a flashlight button is added onto the scanner activity to make the app capable to use at night.

App Permission Standard - User's Permission to Use Camera Hardware

App Permission Standard - User's Permission to Use Camera Hardware
Screenshot
To comply with the requirements for popular app stores like Google Play Store and Samsung App Store etc, the app needs to ask for permission before using hardwares like camera.

View Meeting Details

View Meeting Details

View Meeting Details
Screenshot   Screenshot
User can do the following
  1. View the meeting details, including meeting topic, meeting notes, meeting date & time, meeting attendees
  2. Start the meeting if the meeting hasn't been started. The app will double confirm with the user if the meeting is not due to be started, i.e. to early or to late
  3. Delete the meeting
  4. View the meeting participation analysis, if the meeting has been completed. A clock icon means the meeting analysis is not available, a green tick icon means the meeting analysis is available.
  5. Add the meeting to system calendar
  6. Send the meeting information to attendees via email
  7. Show meeting QR code

User Experience Optimization: Meeting Start Time & Delete Confirmation Dialog

User Experience Optimization: helper messages
Screenshot   Screenshot
User can do the following
  1. Start the meeting if the meeting hasn't been started. The app will double confirm with the user if the meeting is not due to be started, i.e. to early or to late
  2. Upon clicking the "Delete Meeting" button, double check with the user to avoid mistakenly delete a meeting

Meeting Recorder

Meeting Recorder

Meeting Recorder
Screenshot   Screenshot   Screenshot
The meeting recorder display the following components:
  1. The meeting topic
  2. The meeting timer
  3. A "Play" button, after clicking, it will become a "Stop" button
  4. A light/dark mode switcher
The meeting recorder supports two modes: light mode and dark mode. Both of them can be useful. Support that a presenter may need to turn off all the lights in the presentation room to achieve a better presentation effect, in this case, a dark mode of the application will make it less distracting under the dark environment. After the meeting finishes, the meeting recorder will inform the user that the meeting participation analysis will become available soon and where to view it.

App Permission Standard: Meeting Recorder - User Permission

App Permission Standard: Meeting Recorder - User Permission
Screenshot
To comply with the requirement of the App Stores, upon the user clicking the "Start Meeting" button, if the permission is not yet granted, the app will seek for "record audio" permission from the user.

User Experience Optimization: Avoid Mistakenly Quit the Meeting

User Experience Optimization: Avoid mistakenly quit the meeting
Screenshot
To enhance the user experience and avoid the user mistakenly quit the meeting, the app will prompt a dialog which tells the user that quitting the meeting is not allowed before the user ends the meeting.

Meeting Result Visualization

Meeting Result Visualization

Meeting Result Visualization
Screenshot
Finally, after the meeting is finished, the user can view the meeting participation analysis by clicking the "Participation Analysis" button in the Meeting Details page. The green tick on the button indicates that the analysis is viewable. The analysis will show a diagram which tells which user start and stops talking at which time.