SlideShare a Scribd company logo
Mobile HTML5 Applications




                        1
Why?

• Android, BlackBerry, iPhone, Windows Mobile, ...


• Hopefully:


     • Save time / no duplicate development


     • Only one source code for all plattforms


     • Web developers are a commodity


• The Web has improved a lot




Copyright (c) 2011 match2blue, Inc.                  2
Estimation

• How much time can we save?


     • 3 platforms, |native dev| == |web dev|, no platform specific work


     • at most factor 3


• That‘s pretty good


• But not too good


• Very good vs. mediocre developer are at least factor 10


     • (tenfinity factor, etc...)

Copyright (c) 2011 match2blue, Inc.                                        3
JavaScript resurrection

• Introduced with Netscape Navigator 2.0 in September 1995


• Java Applets, Java FX and other replacements


     • all failed miserably


• Nevertheless interest declined


• Ajax & JIT Compiler


     • Huge performance improvements




Copyright (c) 2011 match2blue, Inc.                          4
HTML5

• <video>, <audio>, and <canvas>


• SVG Images


• offline storage


• Geolocation access


• Initial release: 26 January 2000


• still a working draft




Copyright (c) 2011 match2blue, Inc.   5
All shiny and good?

• Successful native apps


     • Facebook, Twitter, Maps, Earth, Angry Birds, ...


• Successful HTML5 apps


     •?


•




Copyright (c) 2011 match2blue, Inc.                       6
What is wrong?

• Native look & feel (impossible per definition)


• Still missing functionality


     • record video, alarm clock, file access, push notification, ...


• Integration with existing apps


     • launch maps, mail, camera, youtube, gallery, ...


• Speed




Copyright (c) 2011 match2blue, Inc.                                     7
What is wrong? Part 2

• Different web engines & plugins


     • available <video> codecs


• Dev tool support


     • debugging?


• Handling different screen sizes and densities


     • either simple layout or different code-paths




Copyright (c) 2011 match2blue, Inc.                   8
Screen estate, resources




Copyright (c) 2011 match2blue, Inc.   9
Hybrid Apps

• Native App with parts of HTML


     • we do that already (Kurt Beck, MemberScout)


     • service agreement, group descriptions, help, <video>


• PhoneGap & Rhomobile


     • access to features like camera, gps, etc


     • for web-only devs


     • quality vs. quantity

Copyright (c) 2011 match2blue, Inc.                           10
Example: 70‘s Rock Trivia




Copyright (c) 2011 match2blue, Inc.   11
Example: 70‘s Rock Trivia




Copyright (c) 2011 match2blue, Inc.   12
Example: Medical App




Copyright (c) 2011 match2blue, Inc.   13
PhoneGap Examples

• Majority of apps is single-platform


     • only 1/10 is multi-platform


• Don‘t need to learn sth. new


• Often lack of quality




Copyright (c) 2011 match2blue, Inc.     14
Conclusion

• HTML5 will get more and more important


• You can always improve a web app with a native one


• In some cases, web might be „good enough“ or even better


     • custom UI design, show/edit data


     • parts of the app: documents, high-score, video-list


• Not yet ready for prime-time as a replacement




Copyright (c) 2011 match2blue, Inc.                          15

More Related Content

PPTX
React Native is Ready for Prime Time — Team × Technology (React Conf 2016)
PPTX
The Android Build Server
PDF
Android Build Server
PPTX
Html5 today
PPTX
INF104 - HCL Domino AppDev Pack – The Future of Domino App Dev Nobody Knows A...
PPTX
Going native - Taking desktop applications to mobile devices
PDF
2016 aapor (not presented) rahija mtui aapor
PDF
2016 aapor mari harris
React Native is Ready for Prime Time — Team × Technology (React Conf 2016)
The Android Build Server
Android Build Server
Html5 today
INF104 - HCL Domino AppDev Pack – The Future of Domino App Dev Nobody Knows A...
Going native - Taking desktop applications to mobile devices
2016 aapor (not presented) rahija mtui aapor
2016 aapor mari harris

Viewers also liked (20)

PDF
2016 aapor presentation virginia
PPSX
Dragones cuento
PPTX
La autoprotección en centros sociosanitarios jcvalero
PPTX
About kaz energogroup
PPSX
Pegasos cuento
PDF
2016 aapor michael wild
PDF
2016 aapor rti data quality_monitoring_presentation
PDF
2016 aapor gregory martin
PDF
Day 8: Dealing with Lists and ListViews
DOCX
Kewarganegaraan
PPT
Day 4: Android: Getting Active through Activities
PDF
Day 1 Android: Before Getting Started
PPTX
Client-Server
PPT
Day 5: Android User Interface [View Widgets]
PPTX
КЕЙС: Исследование проектов Social Fashion Hub
DOC
Day 4: Activity lifecycle
PPTX
Day 15: Working in Background
PPT
Day 4: Android: UI Widgets
PPTX
Introduction to Android Development: Before Getting Started
PPT
Android User Interface: Basic Form Widgets
2016 aapor presentation virginia
Dragones cuento
La autoprotección en centros sociosanitarios jcvalero
About kaz energogroup
Pegasos cuento
2016 aapor michael wild
2016 aapor rti data quality_monitoring_presentation
2016 aapor gregory martin
Day 8: Dealing with Lists and ListViews
Kewarganegaraan
Day 4: Android: Getting Active through Activities
Day 1 Android: Before Getting Started
Client-Server
Day 5: Android User Interface [View Widgets]
КЕЙС: Исследование проектов Social Fashion Hub
Day 4: Activity lifecycle
Day 15: Working in Background
Day 4: Android: UI Widgets
Introduction to Android Development: Before Getting Started
Android User Interface: Basic Form Widgets
Ad

Similar to Native vs web apps (20)

PDF
HTML5 or Android for Mobile Development?
KEY
Mobile ECM with JavaScript - JSE 2011
PDF
Native vs HTML
PPTX
2011 code camp
PPTX
What is cool with Domino V10, Proton and Node.JS, and why would I use it in ...
PDF
Architecture app
PDF
Post Windows Mobile: New Application Development Platforms
PPTX
HTML5 - Let’s make the WEB more powerful
PPTX
Native vs hybrid approach Mobile App Development
PPT
Current state of mobile development february 2013
PPTX
Appcelerator Titanium Intro
PPTX
Top 4 Cross Platform tools for Mobile App Development
PPT
Making the Mobile Web Native with PhoneGap
PPTX
PPTX
HTML5: Next Generation Web Development
KEY
Future of Mobile
PPTX
Phonegap - An Introduction
PDF
«I knew there had to be a better way to build mobile app»​
PPT
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
PDF
I knew there had to be a better way to build mobile apps
HTML5 or Android for Mobile Development?
Mobile ECM with JavaScript - JSE 2011
Native vs HTML
2011 code camp
What is cool with Domino V10, Proton and Node.JS, and why would I use it in ...
Architecture app
Post Windows Mobile: New Application Development Platforms
HTML5 - Let’s make the WEB more powerful
Native vs hybrid approach Mobile App Development
Current state of mobile development february 2013
Appcelerator Titanium Intro
Top 4 Cross Platform tools for Mobile App Development
Making the Mobile Web Native with PhoneGap
HTML5: Next Generation Web Development
Future of Mobile
Phonegap - An Introduction
«I knew there had to be a better way to build mobile app»​
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
I knew there had to be a better way to build mobile apps
Ad

Native vs web apps

  • 2. Why? • Android, BlackBerry, iPhone, Windows Mobile, ... • Hopefully: • Save time / no duplicate development • Only one source code for all plattforms • Web developers are a commodity • The Web has improved a lot Copyright (c) 2011 match2blue, Inc. 2
  • 3. Estimation • How much time can we save? • 3 platforms, |native dev| == |web dev|, no platform specific work • at most factor 3 • That‘s pretty good • But not too good • Very good vs. mediocre developer are at least factor 10 • (tenfinity factor, etc...) Copyright (c) 2011 match2blue, Inc. 3
  • 4. JavaScript resurrection • Introduced with Netscape Navigator 2.0 in September 1995 • Java Applets, Java FX and other replacements • all failed miserably • Nevertheless interest declined • Ajax & JIT Compiler • Huge performance improvements Copyright (c) 2011 match2blue, Inc. 4
  • 5. HTML5 • <video>, <audio>, and <canvas> • SVG Images • offline storage • Geolocation access • Initial release: 26 January 2000 • still a working draft Copyright (c) 2011 match2blue, Inc. 5
  • 6. All shiny and good? • Successful native apps • Facebook, Twitter, Maps, Earth, Angry Birds, ... • Successful HTML5 apps •? • Copyright (c) 2011 match2blue, Inc. 6
  • 7. What is wrong? • Native look & feel (impossible per definition) • Still missing functionality • record video, alarm clock, file access, push notification, ... • Integration with existing apps • launch maps, mail, camera, youtube, gallery, ... • Speed Copyright (c) 2011 match2blue, Inc. 7
  • 8. What is wrong? Part 2 • Different web engines & plugins • available <video> codecs • Dev tool support • debugging? • Handling different screen sizes and densities • either simple layout or different code-paths Copyright (c) 2011 match2blue, Inc. 8
  • 9. Screen estate, resources Copyright (c) 2011 match2blue, Inc. 9
  • 10. Hybrid Apps • Native App with parts of HTML • we do that already (Kurt Beck, MemberScout) • service agreement, group descriptions, help, <video> • PhoneGap & Rhomobile • access to features like camera, gps, etc • for web-only devs • quality vs. quantity Copyright (c) 2011 match2blue, Inc. 10
  • 11. Example: 70‘s Rock Trivia Copyright (c) 2011 match2blue, Inc. 11
  • 12. Example: 70‘s Rock Trivia Copyright (c) 2011 match2blue, Inc. 12
  • 13. Example: Medical App Copyright (c) 2011 match2blue, Inc. 13
  • 14. PhoneGap Examples • Majority of apps is single-platform • only 1/10 is multi-platform • Don‘t need to learn sth. new • Often lack of quality Copyright (c) 2011 match2blue, Inc. 14
  • 15. Conclusion • HTML5 will get more and more important • You can always improve a web app with a native one • In some cases, web might be „good enough“ or even better • custom UI design, show/edit data • parts of the app: documents, high-score, video-list • Not yet ready for prime-time as a replacement Copyright (c) 2011 match2blue, Inc. 15

Editor's Notes