Evaluation and prototyping of an HTML5 Client for iOS devices

601 views

Published on

Thesis Presentation 2012

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
601
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Evaluation and prototyping of an HTML5 Client for iOS devices

  1. 1. Thesis Presentation: Evaluation and prototyping of an HTML5 Client for iOS devices Amit Purkait
  2. 2. NATIVE WEBmobile
  3. 3. !native iseasy
  4. 4. Native mobilePlatforms
  5. 5. Native Java Objective C C# .NET Java ME Lua Visual Editor Ruby Java EE C/C++
  6. 6. Native
  7. 7. Native !
  8. 8. NativeWhat if? Other platforms Defragmentation
  9. 9. webhttp://www.publicdomainpictures.net/pictures/10000/velka/spider-web-pattern-1128739369633HK.jpg
  10. 10. Web why web? Runs on browser Universal HTML5 + CSS3 + JavaScript Rapid development Rapid deployment
  11. 11. Web Programming Languages
  12. 12. Web HTML5 CSS3 JavaScript
  13. 13. 1989 HTML1997 HTML42011 HTML5
  14. 14. Web 3D acceleration Animations Translation Word wrap Rounded bordersWeb fontsMultiple Backgrounds CSS3 Transformation Gradient Background Transperancy Overflow-y Border Image Overflow-x
  15. 15. JavaScriptMobileFrameworks
  16. 16. Frameworks Jquery UI The-M-Project Jquery Mobile jQ Touch iUI Sencha Touch iWebKit zepto.js Jo-Mobile
  17. 17. FrameworksHelp is there
  18. 18. Frameworks Comparison Chart Comparision tables 1http://www.markus-falk.com/mobile-frameworks-comparison-chart/
  19. 19. FrameworksFilters:● Platform : iOS, Android, Windows Phone, Blackberry OS, Symbian● Languages : HTML CSS Javascript● Target : Mobile website, web app● UI Widgets : yes
  20. 20. Frameworks
  21. 21. mQuest HTML5 Client for iOS devices
  22. 22. Analysis GWT (Java)Web(HTML5, CSS3,JavaScript +Frameworks)
  23. 23. Analysis GWT Callbacks JSNI Calls Javascript interacts UI Web Techonologies
  24. 24. AnalysisPrevious Client
  25. 25. Analysis
  26. 26. THESISOBJECTIVES- Define a better User Interface- iOS look and feel- Implement the required functions
  27. 27. UI Change Need jquery theme
  28. 28. Themeing mQuest jQuery Mobile Package CSS JS
  29. 29. iOS Styling with CSS3 .ui-header { ... } li.ui-buttons { ... } Change with jquery theme ui-text { ... } ui-footer{ ... }
  30. 30. iOS Styling with CSS3 Change with jquery theme
  31. 31. ResultsNeed old image
  32. 32. Functions Better UI Architecture
  33. 33. Functions Expression parser
  34. 34. Functions Date/time Questions
  35. 35. Functions Matrix Question
  36. 36. Functions Rank Question
  37. 37. Functions GPS with HTML5
  38. 38. DeployingmQuest With PhoneGap
  39. 39. Deploy why PhoneGap?
  40. 40. DeployPhoneGaps features Source: http://phonegap.com/about/feature
  41. 41. DeployProcess
  42. 42. Results
  43. 43. Finalthoughts mQuest HTML5 Client
  44. 44. Questions?

×