Mobile Web Apps Overview


Published on

Back in 2011, when I was working at Partec/TangerinaLab, I did a research to check the status of web mobiles apps comparing with native apps.

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mobile Web Apps Overview

  1. 1. Ramonvictor | @tangerinalab
  2. 2. • The defining characteristics are that the user interface is built with web- standard technologies: HTML, CSS and Javascript.
  3. 3. Web Storage; IndexedDB; SVG; Application Cache; Web SQL Database; Geolocation; WebSocket; Native Drag & Drop; Desktop Drag-In (File API); Audio + Video Tags; Better semantic tags; Web Workers; Offline Mode; Canvas;
  4. 4. CSS Selectors; Webfonts; Columns; Opacity; Text stroke; Gradients; Rounded corners; Text wrapping; Transitions; Transforms; webkit Animations;
  5. 5. “With hardware acceleration standards like HTML5 and CSS3 can deliver rich, interactive media smoothly in the browser.” Safari’s features page
  6. 6. Titanium Mobile
  7. 7. Titanium Mobile • is easy to use and it progressively enhances HTML and CSS so that less capable phones are still able to browse content; • there are periodic delays in responding to tap events; • jQuery library is too heavy; • is focussed strictly on the iPhone, iPod Touch;
  8. 8. Titanium Mobile • Similar approach to jQTouch, but with a broader array of UI controls and styles; • “Seriously cross-platform”: iOS, Android, BlackBerry, Windows Phone… • performance is variable; • jQuery library is too heavy;
  9. 9. Titanium Mobile • allows you to write apps using a JavaScript API; • it compiles most of your code into a native iPhone or Android app; • You can only target the platforms Titanium supports; Titanium Mobile
  10. 10. Titanium Mobile is geared more to software developers and has a pure Javascript API for building powerful apps.
  11. 11. • It is powered by a custom core that is optimized for mobile (lighter and better optimized than that in jQTouch). • Sencha is far more extensive than its competitors • Explicit iPad support • Storage and data binding facilities using JSON and HTML5 offline storage
  12. 12. Titanium Mobile • Sencha provides paid support starting at $300/year;
  13. 13. • Allow web developers to take a web app and package it as a native app for the iPhone and other mobile platforms; • If Apple rejects it? No big deal, because I still have my online version;
  14. 14. • Give web developers JavaScript access to popular mobile device features: camera, GPS, accelerometer, local SQLite databases… • iPhone, Blackberry and Android are supported;
  15. 15. • 37% of mobile users browse the web; • 35% use downloaded apps; • So it's not that one is winning over the other in terms of usage; According to Comscore
  16. 16. “Build a mobile web app for everyone but consider flagship native apps to reward your best customers” Josh Clark
  17. 17. Basecamp Mobile 761-launch-basecamp-mobile
  18. 18. .com/us/app/rollca ll/id403072277
  19. 19.
  20. 20.
  21. 21. http://tweetdeck .com/iphone/ Original app Playing with JQTouch, HTML5 e CSS3
  22. 22. • W3C: Mobile Web Application Best Practices • Making an iPad HTML5 App & making it really fast really-fast/ • eBook: Building iPhone Apps with HTML, CSS, and JavaScript • HTML5: Web Development to the next level • Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQuery Mobile, jQTouch, Titanium
  23. 23. • Improving the Performance of your HTML5 App • Mobile Web Development Toolbox