Mobile ITS Gordon Sulc Man Li Kha Tran Weiqing Li

2 Why mobile? 5.9 billion subscribers worldwide – 87% of the world population Smart phones have the largest growth 1.2 billion mobile web users worldwide – 8.49% of global website hits Mobithinkinkg.com 2011 statistics

3 Current ITS on Mobile Platforms Small text and buttons Hard to read Hard to click

4 Goals User Friendly UI –Large buttons and text Easily portable to a variety of mobile devices –Android –iOS –Windows

5 jQuery Mobile: Beyond Native Apps Touch-Optimized Web Framework for Smartphones & Tablets  Lightweight code  Progressive enhancement  Flexible  Easily themeable

6 Re-Theming ITS Re-designed the Navigation –Persistent Navbar Removed Cascading Style Sheets (CSS) to use the jQuery Mobile themes –Removed CSS hardcoded dependencies Re-wrote rendering functions –Removed ITS_tables

7 Modules Page

8 Allows the user to select a module to work on Stores the module number the user selected in a global variable for question and review page Jumps to the question page with recorded module number

9 Questions Page

10 Questions Page Displays random questions from selected module Works for every type of questions Submit and skip buttons not working –Requires JavaScript to handle the buttons –Calls more functions to score the question –Needs more work on dependencies of files

11 Score Page

12 Score Page Tabulates scores of different modules of the user Summarizes the total score from all the answered questions Computes the percentage score based on the answered questions Displays attempted questions/available questions Not links with the login page yet

13 Review Page

14 Review Page Links with the module page Fetches answered questions from corresponding modules Needs format and aesthetics modifications Has problems displaying answers for computing questions

15 The ITS API

16 The ITS API Lists the dependencies of classes in the System. Provides a list of the functions and their purpose to enhance reusing of the existing codes. Need to complete the API for some of the Class which currently only indexed the function name. Need to include examples of how the code are used and some sample outputs.

17 Result

18 Future Work Finish Skip and Submit Scrollbar in Review mode Revise latest ITS_questions.php with changes Other aesthetic improvements Zoomable pictures in a new window Search page Create an admin mode