Mobile Web Apps Overview
Upcoming SlideShare
Loading in...5

Mobile Web Apps Overview



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.

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.



Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Mobile Web Apps Overview Presentation Transcript

  • 1. Ramonvictor | @tangerinalab
  • 2. • The defining characteristics are that the user interface is built with web- standard technologies: HTML, CSS and Javascript.
  • 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. CSS Selectors; Webfonts; Columns; Opacity; Text stroke; Gradients; Rounded corners; Text wrapping; Transitions; Transforms; webkit Animations;
  • 5. “With hardware acceleration standards like HTML5 and CSS3 can deliver rich, interactive media smoothly in the browser.” Safari’s features page
  • 6. Titanium Mobile
  • 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. 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. 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. Titanium Mobile is geared more to software developers and has a pure Javascript API for building powerful apps.
  • 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. Titanium Mobile • Sencha provides paid support starting at $300/year;
  • 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. • Give web developers JavaScript access to popular mobile device features: camera, GPS, accelerometer, local SQLite databases… • iPhone, Blackberry and Android are supported;
  • 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. “Build a mobile web app for everyone but consider flagship native apps to reward your best customers” Josh Clark
  • 17. Basecamp Mobile 761-launch-basecamp-mobile
  • 18. .com/us/app/rollca ll/id403072277
  • 19.
  • 20.
  • 21. http://tweetdeck .com/iphone/ Original app Playing with JQTouch, HTML5 e CSS3
  • 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. • Improving the Performance of your HTML5 App • Mobile Web Development Toolbox