Evaluation and prototyping of an HTML5 Client for iOS devices
1 like•522 views
The presentation discusses evaluating and prototyping an HTML5 client for iOS devices called mQuest. It analyzes using existing frameworks like GWT versus a pure web approach. The objectives are to define a better user interface with iOS look and feel, and implement required functions. Styling is done with CSS3 to match iOS. jQuery Mobile is used for theming. Functions like expression parsing, date questions, matrix and rank questions, and GPS using HTML5 are discussed. PhoneGap is used to package and deploy the web app into a native iOS application. The presentation provides an overview of improving an existing mobile client using HTML5, CSS3, and frameworks.
Evaluation and prototyping of an HTML5 Client for iOS devices
- 1. Thesis Presentation: Evaluation and prototyping of an HTML5 Client for iOS devices Amit Purkait
- 5. Native Java Objective C C# .NET Java ME Lua Visual Editor Ruby Java EE C/C++
- 6. Native
- 7. Native !
- 8. Native What if? Other platforms Defragmentation
- 10. Web why web? Runs on browser Universal HTML5 + CSS3 + JavaScript Rapid development Rapid deployment
- 11. Web Programming Languages
- 12. Web HTML5 CSS3 JavaScript
- 13. 1989 HTML 1997 HTML4 2011 HTML5
- 15. Web 3D acceleration Animations Translation Word wrap Rounded borders Web fonts Multiple Backgrounds CSS3 Transformation Gradient Background Transperancy Overflow-y Border Image Overflow-x
- 17. Frameworks Jquery UI The-M-Project Jquery Mobile jQ Touch iUI Sencha Touch iWebKit zepto.js Jo-Mobile
- 19. Frameworks Comparison Chart Comparision tables 1 http://www.markus-falk.com/mobile-frameworks-comparison-chart/
- 20. Frameworks Filters: ● Platform : iOS, Android, Windows Phone, Blackberry OS, Symbian ● Languages : HTML CSS Javascript ● Target : Mobile website, web app ● UI Widgets : yes
- 21. Frameworks
- 22. mQuest HTML5 Client for iOS devices
- 23. Analysis GWT (Java) Web (HTML5, CSS3, JavaScript + Frameworks)
- 24. Analysis GWT Callbacks JSNI Calls Javascript interacts UI Web Techonologies
- 26. Analysis
- 27. THESIS OBJECTIVES - Define a better User Interface - iOS look and feel - Implement the required functions
- 28. UI Change Need jquery theme
- 29. Themeing mQuest jQuery Mobile Package CSS JS
- 30. iOS Styling with CSS3 .ui-header { ... } li.ui-buttons { ... } Change with jquery theme ui-text { ... } ui-footer{ ... }
- 31. iOS Styling with CSS3 Change with jquery theme
- 33. Functions Better UI Architecture
- 34. Functions Expression parser
- 35. Functions Date/time Questions
- 36. Functions Matrix Question
- 37. Functions Rank Question
- 38. Functions GPS with HTML5
- 39. Deploying mQuest With PhoneGap
- 40. Deploy why PhoneGap?
- 41. Deploy PhoneGap's features Source: http://phonegap.com/about/feature
- 42. Deploy Process
- 43. Results
- 44. Final thoughts mQuest HTML5 Client
- 45. Questions?