Thesis Presentation: Evaluation and prototyping of an HTML5 Client for iOS           devices                              ...
NATIVE WEBmobile
!native iseasy
Native  mobilePlatforms
Native                     Java    Objective C                                    C#      .NET                     Java ME...
Native
Native         !
NativeWhat if?    Other platforms    Defragmentation
webhttp://www.publicdomainpictures.net/pictures/10000/velka/spider-web-pattern-1128739369633HK.jpg
Web                why web?         Runs on browser           Universal  HTML5 + CSS3 + JavaScript        Rapid developmen...
Web      Programming       Languages
Web       HTML5        CSS3      JavaScript
1989 HTML1997 HTML42011 HTML5
Web                        3D acceleration                                                      Animations                ...
JavaScriptMobileFrameworks
Frameworks          Jquery UI                           The-M-Project                           Jquery Mobile             ...
FrameworksHelp is there
Frameworks                                       Comparison Chart                 Comparision tables 1http://www.markus-fa...
FrameworksFilters:●    Platform : iOS, Android, Windows Phone, Blackberry OS, Symbian●    Languages : HTML CSS Javascript●...
Frameworks
mQuest    HTML5 Client for iOS devices
Analysis                GWT                (Java)Web(HTML5, CSS3,JavaScript +Frameworks)
Analysis                  GWT           Callbacks                             JSNI Calls           Javascript             ...
AnalysisPrevious Client
Analysis
THESISOBJECTIVES- Define a better User Interface- iOS look and feel- Implement the required functions
UI Change            Need jquery theme
Themeing mQuest                  jQuery Mobile                  Package         CSS                 JS
iOS Styling with CSS3                            .ui-header {                              ...                            ...
iOS Styling with CSS3 Change with jquery theme
ResultsNeed old image
Functions     Better UI Architecture
Functions       Expression parser
Functions      Date/time Questions
Functions        Matrix Question
Functions        Rank Question
Functions        GPS with HTML5
DeployingmQuest          With        PhoneGap
Deploy            why         PhoneGap?
DeployPhoneGaps features                Source: http://phonegap.com/about/feature
DeployProcess
Results
Finalthoughts        mQuest        HTML5 Client
Questions?
Evaluation and prototyping of an HTML5 Client for iOS devices
Upcoming SlideShare
Loading in...5
×

Evaluation and prototyping of an HTML5 Client for iOS devices

436

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
436
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
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?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×