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

Mobile Web Apps Overview

on

  • 1,187 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,187
Slideshare-icon Views on SlideShare
1,187
Embed Views
0

Actions

Likes
4
Downloads
23
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 Mobile Web Apps Overview Presentation Transcript

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