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

Mobile Web Apps Overview

on

  • 1,301 views

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.

Statistics

Views

Total Views
1,301
Views on SlideShare
1,301
Embed Views
0

Actions

Likes
4
Downloads
24
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
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 http://37signals.com/svn/posts/2 761-launch-basecamp-mobile
  • 18. http://currency.io/ http://itunes.apple .com/us/app/rollca ll/id403072277
  • 19. http://currency.io/ http://jag.gr/tm/
  • 20. http://dedy.tv/sudoku/ http://dedy.tv/2b/
  • 21. http://bit.ly/pr6DPY http://tweetdeck .com/iphone/ Original app Playing with JQTouch, HTML5 e CSS3
  • 22. • W3C: Mobile Web Application Best Practices http://www.w3.org/TR/mwabp/ • Making an iPad HTML5 App & making it really fast http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it- really-fast/ • eBook: Building iPhone Apps with HTML, CSS, and JavaScript http://ofps.oreilly.com/titles/9780596805784/index.html • HTML5: Web Development to the next level http://slides.html5rocks.com/#title-slide • Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQuery Mobile, jQTouch, Titanium http://interfacethis.com/2011/adventures-in-html5-part-one/
  • 23. • Improving the Performance of your HTML5 App http://www.html5rocks.com/en/tutorials/speed/html5/ • Mobile Web Development Toolbox http://mobilewebtoolbox.com/