Your SlideShare is downloading. ×
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile Web Apps Overview

960

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.

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
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
960
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
29
Comments
0
Likes
4
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. 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/

×