Your SlideShare is downloading. ×
  • Like
Evaluation and prototyping of an HTML5 Client for iOS devices
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Evaluation and prototyping of an HTML5 Client for iOS devices

  • 396 views
Published

Thesis Presentation 2012

Thesis Presentation 2012

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
396
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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