Trustparency Mobile Architecture

Mobile Architecture using PhoneGap and Jquery

1. Trustparency Mobile Technologies Technologies by Tier Visual Tier UI Components HTML5, CSS3 jQuery UI Middle Tier SW languages JavaScript jQueryMobile Native integration Tier HW languages PhoneGAP

2. Trustparency Mobile High Level Architecture Web SQL W3 standard View HTML pages Response Views Controller Event Handlers Model Data Base Manager MVC roles by Layer HTTP Manager

3. Trustparency Mobile Low Level Architecture View : draw data within the DOM of html pages Controller : handles the events raised by html objects Model : manages the data obtained from Data base or Server Project Organization

4. Trustparency Mobile Sequence Diagram : Data Base Web SQL W3 standard Button click () : Controller : View : Model sendFormValues () SQLquery () Obtains data Converts data in HTML response Sends data

5. Trustparency Mobile Sequence Diagram : Server HTTP Server Button click () : Controller : View : Model HTTP JSON Request Sends data Converts data in HTML response HTTP JSON Response sendFormValues () CacheManager