SlideShare a Scribd company logo
Native
      vs.
    Web
      vs.
Platform Based
 Applications
Agenda
• Native
• Platform Based
 ▫ Flash
 ▫ JavaFX
• Web – HTML5
• Video anyone?
• Which one to choose?
Native
•   Android
•   iPhone
•   Symbian
•   Windows Mobile
•   Blackberry
HTML5
• Drafts by WHAT WG
  ▫ Web Hypertext Application Technologies
• Merging into W3C specifications
• “One of HTML5’s goals is to move the Web away from
  proprietary technologies such as Flash, Silverlight, and
  JavaFX, says Ian Hickson, co-editor of the HTML5
  specification.”
  —Paul Krill, reporting for InfoWorld, June 16, 2009
• Browser support
HTML 5 Features
 ▫   Client-side Database Storage
 ▫   Application Cache
 ▫   SQLite in browser
 ▫   2D Graphics
 ▫   Video/Audio
 ▫   Geo location
 ▫   Speed
 ▫   UI tools
Sun JavaFX
• JavaFX Script & Java
• JavaFX runtime integrated into JRE on first
  download.
• Desktops, Browsers, Mobiles and other machines
• JavaFX uses the Applet mechanism
• Also can be used with WebStart
• Not replacing SWING
• For web developers and designers
JavaFX Code Sample
Adobe Flex
•   Flash Player(FP) 10.1 - 13 years old
•   ActionScript 3 & MXML
•   Software Development approach
•   Running on the Flash Client or on AIR
•   Open source framework
•   Cross platform all major browsers and OS (-iPhone)
•   Now on the desktop with Adobe AIR
Flex Code Sample
Silverlight Code Sample
WHICH DEVELOPMENT METHOD
TO SELECT


No clear winner, depends on usage
HTML5 Applications
• Data Information centric applications
• Enterprise & CRM applications

• And….

• Bypass the AppStore
• Google Voice Sample
Platform Solution
• Cross platform => 2+ platforms
• PC + Mobile
• Heavy video & graphic usage
Native
• Single Platform
• Use of Device / Platform Specific functions
 ▫ Sensors
• Use of background processing
Video Support
HTML5 Video - Fragmented
• Just Support Theora (version of VP3)
 ▫   Old codec
 ▫   Low performance (BR/Quality ratio)
 ▫   Free no royalties
 ▫   Hardware support?
• Hemmm….Also H.264
 ▫ Much better quality per bitrate
 ▫ But it requires royalties….
• Soon Google opens VP8
 ▫ Good Quality
 ▫ No Royalties (?)
• So What is HTML5 Video Codec?
HTML5 Video Code
• Very Simple

• <videosrc="movie.ogg" controls="controls">If
  you can see this text, your browser does not
  support the HTML5 video tag.</video>

                                Source W3C School
Browser CODEC Support
 Browser             Ogg Theora   H.264/MPEG-4 AVC

 Internet Explorer      NO              9.0

 Mozilla Firefox        3.5             No

 Google Chrome          3.0             3.0

 Safari                 No              3.1

 Opera                 10.50
Flash Video - Evolving
• Sorenson Spark
 ▫ Old, low performance
 ▫ Phasing out
• On2 VP6
 ▫ Mid level
 ▫ Phasing out
• H.264
 ▫ Best performance
 ▫ Mainstream flash video codec
HTML5 vs Flash reasoning
• “Most of the debate and discussion over HTML5
  vs. Flash vs. Native Apps has little to do with
  what is the right technical approach, or whether
  something is open or closed; it has to do with the
  expressions of power and control that drive the
  businesses of the Internet’s dominant platform
  companies—Apple, Adobe, Google and
  Microsoft.”
  —Jeremy Allaire, founder and CEO of Brightcove
  Writing at TechCrunch, Feb. 5, 2010
  Italics added
Video Summary
• Flash video - over 75% worldwide according to
  ComScore – Video Metrix Report (August 2009)
• You Should support Flash in your video
  application or site or content will support as first
  video solution.
• It is recommended to include HTML5 for non-
  flash supporting platform (iPhoners)

More Related Content

PDF
Taking HTML5 video a step further
PPT
JavaFX vs AJAX vs Flex
PDF
Html5 Open Video Tutorial
PPT
Html5 vs Flash video
PDF
State of Media Accessibility in HTML5
PDF
JS Days Mobile Meow
PDF
Html5video
PDF
HTML5 Multimedia: where we are, where we're going
Taking HTML5 video a step further
JavaFX vs AJAX vs Flex
Html5 Open Video Tutorial
Html5 vs Flash video
State of Media Accessibility in HTML5
JS Days Mobile Meow
Html5video
HTML5 Multimedia: where we are, where we're going

What's hot (20)

PPTX
Video js zagreb
PDF
Developer Training for 23 Video
PPTX
Krakow video
PPTX
Warsawclouddays video
PPTX
Corkgdg video
PPTX
Vilnius py video
PPTX
Portogdg video
PPT
Html5 Video Vs Flash Video presentation
PPTX
Gdg lublin video
PPTX
Rija js video
PPTX
Armadajs video
PDF
OSDC 2008 talk: An open source "YouTube"
PPT
Veronica V
PDF
Movies On Custom Web Sites 2
PDF
Take home your very own free Vagrant CFML Dev Environment - Presented at dev....
PPTX
Responsive browser-based video recording and playback
PPTX
Visual Regression Testing: In search of an Ember solution
PDF
Composer - The missing package manager for PHP
PDF
Realtime with-websockets-2015
PDF
Html5 - audio and video tags
Video js zagreb
Developer Training for 23 Video
Krakow video
Warsawclouddays video
Corkgdg video
Vilnius py video
Portogdg video
Html5 Video Vs Flash Video presentation
Gdg lublin video
Rija js video
Armadajs video
OSDC 2008 talk: An open source "YouTube"
Veronica V
Movies On Custom Web Sites 2
Take home your very own free Vagrant CFML Dev Environment - Presented at dev....
Responsive browser-based video recording and playback
Visual Regression Testing: In search of an Ember solution
Composer - The missing package manager for PHP
Realtime with-websockets-2015
Html5 - audio and video tags
Ad

Viewers also liked (16)

PDF
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
PDF
Trivadis TechEvent 2016 State of the Private Cloud - Oracle Edition by Bernha...
PDF
Performance myths in android
PPTX
Connected & Disconnected Apps with Azure Mobile Apps
PDF
FXML for Structure, CSS for Styling and JavaFX as Standard GUI Library
PDF
Continuous Cross Platform Mobile App Development using Jenkins Build Server
PDF
The Big Easy: Native Mobile App Development with Appcelerator Titanium and Ja...
PDF
5 Steps for Developing Successful Business Apps
PDF
HTML5 or Android for Mobile Development?
PDF
Java Swing Custom GUI MVC Component Tutorial
PPTX
El patrimonio y los resultados
PPTX
Mobile app development project lifecycle
PDF
Mobile App Development- Project Management Process
PPTX
Starting Mobile Development
PPTX
Business Plan - Mobile Application Development
KEY
Agile Program and Portfolio Management
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Trivadis TechEvent 2016 State of the Private Cloud - Oracle Edition by Bernha...
Performance myths in android
Connected & Disconnected Apps with Azure Mobile Apps
FXML for Structure, CSS for Styling and JavaFX as Standard GUI Library
Continuous Cross Platform Mobile App Development using Jenkins Build Server
The Big Easy: Native Mobile App Development with Appcelerator Titanium and Ja...
5 Steps for Developing Successful Business Apps
HTML5 or Android for Mobile Development?
Java Swing Custom GUI MVC Component Tutorial
El patrimonio y los resultados
Mobile app development project lifecycle
Mobile App Development- Project Management Process
Starting Mobile Development
Business Plan - Mobile Application Development
Agile Program and Portfolio Management
Ad

Similar to Html5, Native and Platform based Mobile Applications (20)

PPTX
HTML5 - The Future in a Flash
PPT
HTML5 video & Amazon elastic transcoder - FCIP August 2014
PDF
JS Days HTML5 Flash and the Battle for Faster Cat Videos
PDF
GDD HTML5, Flash, and the Battle for Faster Cat Videos
PPTX
2019 VizEx View HTML5 Workshop
PPTX
Developing Windows Phone 8 apps using PhoneGap
KEY
Screw HTML5, make cool shit with AIR
PPTX
2011 code camp
PPTX
Kaltura Inspire Webinar: API Driven Video Platform - The Key to Scalability a...
PPTX
Html 5 Features And Benefits
PDF
HTML5, Flash, and the Battle For Faster Cat Videos
PPTX
PPTX
PPTX
HTML5: Next Generation Web Development
PPT
State of jQuery - AspDotNetStorefront Conference
KEY
Looking into HTML5 + CSS3
PPTX
Firefox os
PDF
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
PDF
HTML5 in IE9
PDF
Development Workshop on ET1, Android and Motorola RhoElements
HTML5 - The Future in a Flash
HTML5 video & Amazon elastic transcoder - FCIP August 2014
JS Days HTML5 Flash and the Battle for Faster Cat Videos
GDD HTML5, Flash, and the Battle for Faster Cat Videos
2019 VizEx View HTML5 Workshop
Developing Windows Phone 8 apps using PhoneGap
Screw HTML5, make cool shit with AIR
2011 code camp
Kaltura Inspire Webinar: API Driven Video Platform - The Key to Scalability a...
Html 5 Features And Benefits
HTML5, Flash, and the Battle For Faster Cat Videos
HTML5: Next Generation Web Development
State of jQuery - AspDotNetStorefront Conference
Looking into HTML5 + CSS3
Firefox os
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
HTML5 in IE9
Development Workshop on ET1, Android and Motorola RhoElements

More from Yoss Cohen (20)

PPTX
Underwater robotics simulation with isaac sim
PPTX
Infrared simulation and processing on Nvidia platforms
PPTX
open platform for swarm training
PDF
Deep Learning - system view
PDF
Dspip deep learning syllabus
PPT
IoT consideration selection
PPT
IoT evolution
DOC
Nvidia jetson nano bringup
PPT
Autonomous car teleportation architecture
PPT
Motion estimation overview
PPT
Computer Vision - Image Filters
PPT
Intro to machine learning with scikit learn
PPT
DASH and HTTP2.0
PPT
HEVC Definitions and high-level syntax
PPT
Introduction to HEVC
PPT
FFMPEG on android
PDF
Hands-on Video Course - "RAW Video"
PDF
Video quality testing
PPT
HEVC / H265 Hands-On course
PPT
Web video standards
Underwater robotics simulation with isaac sim
Infrared simulation and processing on Nvidia platforms
open platform for swarm training
Deep Learning - system view
Dspip deep learning syllabus
IoT consideration selection
IoT evolution
Nvidia jetson nano bringup
Autonomous car teleportation architecture
Motion estimation overview
Computer Vision - Image Filters
Intro to machine learning with scikit learn
DASH and HTTP2.0
HEVC Definitions and high-level syntax
Introduction to HEVC
FFMPEG on android
Hands-on Video Course - "RAW Video"
Video quality testing
HEVC / H265 Hands-On course
Web video standards

Recently uploaded (20)

PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Cloud computing and distributed systems.
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Modernizing your data center with Dell and AMD
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Per capita expenditure prediction using model stacking based on satellite ima...
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Review of recent advances in non-invasive hemoglobin estimation
Spectral efficient network and resource selection model in 5G networks
Reach Out and Touch Someone: Haptics and Empathic Computing
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Machine learning based COVID-19 study performance prediction
Encapsulation_ Review paper, used for researhc scholars
Empathic Computing: Creating Shared Understanding
Understanding_Digital_Forensics_Presentation.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Cloud computing and distributed systems.
Network Security Unit 5.pdf for BCA BBA.
Building Integrated photovoltaic BIPV_UPV.pdf
Modernizing your data center with Dell and AMD
NewMind AI Monthly Chronicles - July 2025
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...

Html5, Native and Platform based Mobile Applications

  • 1. Native vs. Web vs. Platform Based Applications
  • 2. Agenda • Native • Platform Based ▫ Flash ▫ JavaFX • Web – HTML5 • Video anyone? • Which one to choose?
  • 3. Native • Android • iPhone • Symbian • Windows Mobile • Blackberry
  • 4. HTML5 • Drafts by WHAT WG ▫ Web Hypertext Application Technologies • Merging into W3C specifications • “One of HTML5’s goals is to move the Web away from proprietary technologies such as Flash, Silverlight, and JavaFX, says Ian Hickson, co-editor of the HTML5 specification.” —Paul Krill, reporting for InfoWorld, June 16, 2009 • Browser support
  • 5. HTML 5 Features ▫ Client-side Database Storage ▫ Application Cache ▫ SQLite in browser ▫ 2D Graphics ▫ Video/Audio ▫ Geo location ▫ Speed ▫ UI tools
  • 6. Sun JavaFX • JavaFX Script & Java • JavaFX runtime integrated into JRE on first download. • Desktops, Browsers, Mobiles and other machines • JavaFX uses the Applet mechanism • Also can be used with WebStart • Not replacing SWING • For web developers and designers
  • 8. Adobe Flex • Flash Player(FP) 10.1 - 13 years old • ActionScript 3 & MXML • Software Development approach • Running on the Flash Client or on AIR • Open source framework • Cross platform all major browsers and OS (-iPhone) • Now on the desktop with Adobe AIR
  • 11. WHICH DEVELOPMENT METHOD TO SELECT No clear winner, depends on usage
  • 12. HTML5 Applications • Data Information centric applications • Enterprise & CRM applications • And…. • Bypass the AppStore • Google Voice Sample
  • 13. Platform Solution • Cross platform => 2+ platforms • PC + Mobile • Heavy video & graphic usage
  • 14. Native • Single Platform • Use of Device / Platform Specific functions ▫ Sensors • Use of background processing
  • 16. HTML5 Video - Fragmented • Just Support Theora (version of VP3) ▫ Old codec ▫ Low performance (BR/Quality ratio) ▫ Free no royalties ▫ Hardware support? • Hemmm….Also H.264 ▫ Much better quality per bitrate ▫ But it requires royalties…. • Soon Google opens VP8 ▫ Good Quality ▫ No Royalties (?) • So What is HTML5 Video Codec?
  • 17. HTML5 Video Code • Very Simple • <videosrc="movie.ogg" controls="controls">If you can see this text, your browser does not support the HTML5 video tag.</video> Source W3C School
  • 18. Browser CODEC Support Browser Ogg Theora H.264/MPEG-4 AVC Internet Explorer NO 9.0 Mozilla Firefox 3.5 No Google Chrome 3.0 3.0 Safari No 3.1 Opera 10.50
  • 19. Flash Video - Evolving • Sorenson Spark ▫ Old, low performance ▫ Phasing out • On2 VP6 ▫ Mid level ▫ Phasing out • H.264 ▫ Best performance ▫ Mainstream flash video codec
  • 20. HTML5 vs Flash reasoning • “Most of the debate and discussion over HTML5 vs. Flash vs. Native Apps has little to do with what is the right technical approach, or whether something is open or closed; it has to do with the expressions of power and control that drive the businesses of the Internet’s dominant platform companies—Apple, Adobe, Google and Microsoft.” —Jeremy Allaire, founder and CEO of Brightcove Writing at TechCrunch, Feb. 5, 2010 Italics added
  • 21. Video Summary • Flash video - over 75% worldwide according to ComScore – Video Metrix Report (August 2009) • You Should support Flash in your video application or site or content will support as first video solution. • It is recommended to include HTML5 for non- flash supporting platform (iPhoners)