Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

HTML5 / Mobile Web

1.104 visualizaciones

Publicado el

Discussion on the advantage and disadvantages of mobile web / HTML5

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

HTML5 / Mobile Web

  1. 1. Facebook Say NO To HTML5 Will You?Kony Mobile Retail 1
  2. 2. HTML5 – Overview  Based on Open Standards  Industry-Standard: cross-device, cross-platform, cross-browser strategy  Same HTML5 components can be used on any website or mobile web site  Leverages standards based tools for development & deployment  Key Components  HTML5, CSS 3.0, and JavaScript enhancements are changing the way web applications are built and interact with other systems.  “Develop Once Deploy Everywhere”  PC  Mobile  Home  Car Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 2 2
  3. 3. HTML5 – The Hype & The Promise  Development Advantages  Avoid rare specialized skillsets  Ease of maintaining one code base  Future backwards compatibility  Business Advantages  No need for App Store, Play Store,....  Connect to far reaching users  New business application designed with mobile in mind Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 3 3
  4. 4. HTML5 Capabilities  Canvas - broad support for fine-grained screen controls and animation  Graphics/Media - built-in support for a wide array of media types, including video  Offline Storage - the ability to store data locally, allowing offline capabilities  File/Hardware Access - Deeper integration with the Operating System Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 4 4
  5. 5. Mobile WebCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 5 5
  6. 6. Different Flavors of Mobile Web  Basic HTML  Application is all HTML, server side apps.  Hybrid App (Wrapper)  Hybrid apps run inside a native container, and leverage the device’s browser engine (but not the browser) to render the HTML and process the JavaScript locally.  Mixed Mode Application  Version of native application where some forms are rendered in the WebView while others are rendered using the native SDK.  SPA – Single Page Application  Native app experience in a browser.Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 6 6 6
  7. 7. HybridCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 7 7
  8. 8. So why you are participating today?“The biggest strategic mistake we made as a company was betting toomuch on HTML5 as opposed to native.” Mark Zuckerberg, facebook But is this true for you? Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 8
  9. 9. HTML5 Technical Challenges & Advantages Challenges Advantages• Less stable than native • Leverage effective web search• Pulls in data much more slowly than technology for discoverability native • Native mobile developers are• Browser fragmentation getting more expensive• No app store discoverability • More capable than HTML4• May take longer to generate • Multimedia support revenue • Cost efficient• Scarcity of mobile web developers • Cross-platform• Less offline capabilities • Less maintenance• Poor gaming capabilities • Multivariate testing• Not as UX rich as native • Faster time-to-market• Less device access capabilities • Smaller device footprint • Can be wrapped in hybrid format Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 9 9
  10. 10. Business Challenges with HTML5  Leverage existing resources  HTML Expertise  Leverage existing assets  Widgets, Components, and 3rd party libraries  Access to App Stores  How users find and download mobile application  Designing enterprise apps for all target channels  Includes mobile and desktop channelsCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 10 10
  11. 11. Market Challenges with HTML5  Low Adoption Rates for HTML5  Development Cost  Immature Features The Biggest Concern! *Courtesy of Kendo UI, “HTML5 Adoption Fact or Fiction”Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 11 11
  12. 12. Why are you considering HTML5?  What industry do you function in?  Is it driven by tech?  How much does content matter to your users?  Industry like publishing put content at a premium  How do your users access and consume content?  Mobile, Desktop, Other  How does mobile satisfy your business needs?  Revenue driven?  Does your business need to evolve as fast as technology?  Gaming vs PublishingCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 12
  13. 13. Do your research  What do your users want? B2C or B2E or Both?  What devices are your users on?  What are your operational and maintenance cost requirements?  What UX experience do your users require?  Are you looking to be in the app store?  How much and how often will your users be accessing content offline?  Will you be supporting HTML5 browsers only or others too?  Do you wish to leverage 3rd party libraries like jQuery or Sencha? Or code straight HTML/CSS/JS?  Is vendor lock a concern?  Are you considering a wrapper deployment?Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 13
  14. 14. HTML5 – May Be a Good Fit  Viable Solutions  Publishing, Magazines, and News Letters  Information/content-driven apps, forms-based apps, and mapping apps  Low Storage Requirement  Local storage limits for mobile web apps is 5M  Simple Graphics  Does not require a rich U/I or U/X  Large Amounts of Device Interaction is NOT Required  HTML5 has limited support for device API’sCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 14 14
  15. 15. HTML5 & Native App Development Options• Multiple Development Projects - Multiple projects, one mobile Web HTML5, one ( or more for each platform ) for native applications. • Leads to multiple versions of the code, increased effort to maintain functionality, support the application, and maintain against mobile chaos.• Hybrid Platform Approach - Leverages an HTML5 core placed inside a native wrapper. • Application can be deployed as mobile web or hybrid to access native functionality • Increased support and maintenance due to HTML5 to wrapper application efforts• KonyOne Platform Approach - The same application definition is used for both mobile and native applications while reducing development cost. Multiple Hybrid Platform KonyOne Platform Development Project Approach Approach Ease of Development / MaintainabilityCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 15 15
  16. 16. Eliminating the HTML5 Challenge with Kony KonyOne Platform HTML5Browser Kony handles the variances to Developer codes the variances toFragmentation support HTML5 across “All” browsers support HTML5 across browsersDevelopment Single platform for development and Additional code required to handleCost integration current variances and development required for server side componentsTesting Integrate test environment to test Apps must be tested on a range of applications on “ALL” target devices popular devices. Developers must standup test suite for each target devicePerformance Highly optimized code to maintain HTML5 may be designed to run on performance across varying hardware various devices, but no reliable way specifications to maintain performance across varying hardware specifications Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 16 16
  17. 17. HTML5 Fragmentation Example • HTML5 is a great technology, but is a work in progress. • Kony handles the HTML5 variations, and creates optimized sites for specific browsers so you can use the best of every browser. • Others use HTML5 to try a cross-platform shortcut. • Of course, Kony also lets you build hybrid, and fully native apps too!Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 17 17 17
  18. 18. KonyOne Platform & HTML5  Kony offers the world’s best tools for developing great, enterprise- grade applications for HTML5 and native technologies:  Graphical screen layout tools  HTML5 porting tools from native and mobile web apps  HTML5, mobile web, and native debugging tools  Graphical service integration configuration  Service simulation tools  Profiling tools  Dynamic skins and themes  Support for essentially any phone, tablet or browserCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 18 18
  19. 19. Kony & HTML5 HTML5 Approach KonyOne HTML5Development KonyOne Studio KonyOne Server IDE Capabilities JS APIs CSS Design Cross Browser HTML5 Designer Form Script Native App Deploy & Flow Controller Designer Editor Install Test Harness Offline Data Sync Multi-Device HTML5 Preview Service Data Server Side Alert Services Definition Mapper Web Client Runtime Development Utilities Device Detection Image Handling Client Sequencing Wrappers Code Generator Data (Chunk) Handling Multi-Protocol Data Mapping & Service Connectors Optimization Server Sequencing Emulators Integration (WS, HTML, Data Connect) Publish / Deploy Security & Session ManagementInfrastructure JSON Server Reporting Kony Cross Channel API Device Features Channel Specific API Foreign Function Interface Data Chunking & Optimization Data Sync Server Core API & Utility Functions Kony Widgets Payments API Analytics & Reporting Services BrokerDeployment Deployment 37% Global Devices Covered 98% Global Devices CoveredSmart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 19 19
  20. 20. Kony Studio Advantages in the Entire SDLC Business Analysis Most people consider only & Requirements coding and development Release & Architecture & when thinking about a Upgrades Design platform approach – not the entire SDLC. Support & Documentation Maintenance Promotion & Development & Deployment Integration Quality Assurance & TestingCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 20 20
  21. 21. Debunking the Myths 1. HTML5 is all I need to go mobile. a. HTML5 is a fantastic technology that provides significant browsing improvements. However, it will not reduce the need for companies to provide native applications as a part of their mobile channel mix. 2. I only need one skillset to build HTML5 Applications. a. HTML5 development required HTML, CSS3 and JavaScript expertise. If creating Hybrid mobile apps without Kony, expertise with targeted device API’s is required. 3. Browsers will eventually standardize HTML5. a. Non–standard browsers implementations are caused by competitive forces, competition won’t go away. Browsers wars will produce continued fragmentation. 4. Cost of developing an mobile app with HTML5 is less. a. Many technologists hope HTML5 will be the silver bullet to tame the mobile chaos. Ironically, HTML5 simply adds another mobile channel organizations must support.Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 21 21
  22. 22. Summary  Determine if HTML5 satisfies your business and user needs. It may be the right answer for your development efforts  Companies wanting to compete effectively in the mobile marketplace can’t rely on browser technology alone  With Kony, supporting new technologies like HTML5 becomes a business decision because we handle the mobile chaos for you.  There’s no need to gamble on the future of the mobile industryCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 22 22
  23. 23. Appendix 23 23
  24. 24. What’s the connection to Mobile?  One can approximate a native app experience  Wrap HTML in a native code “wrapper”  KonyOne, for example, can provide  Enclosed HTML and Lua/Javascript  Including access to native device’s hardware through Kony’s platform-specific APIs Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 24 24
  25. 25. What’s the connection to Mobile?  Wrapped-HTML5 approach allows enterprises to leverage power of the native mobile app package  But HTML5 does most of the heavy lifting  HTML5 widgets can be incorporated into a wrapped application  Yet, the application is sitting in an app store and is downloaded on the mobile device like any other app; to the consumer, it looks identical to any native app.  Same HTML5 components can be used on any website or portal site.  Industry-standard HTML5 -- cross-device, cross-platform, cross-browser strategy  Truly a "have your cake and eat it, too" strategy. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 25 25
  26. 26. Mobile Web - Overview  Smartphones cover 40% of all US mobile devices  Of this 40%, approximately half have browsers capable of some HTML5 features  1 in 5 are therefore able to view HTML5 content  For companies supporting both mobile web and native app channels, 50% of users come in via the mobile webCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 26
  27. 27. At-A-Glance: HTML5 By 2014, in new websites targeted to mobile devices, the use of wrapped HTML will have at least 10 times the growth rate of Adobe Flash and Microsoft Silverlight. By 2014, 30 of the most popular 100 Web applications will work online or off Through 2020, attempts to displace browser JavaScript with proprietary client-side Web programming languages will fail.Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 27 27
  28. 28. HTML5  Language for structuring & presenting content to the web  Core technology of the internet  5th revision of HTML standard  Main goals:  Improve the language to support multimedia  Keep it readable by web designers/developers  Keep it understood by browsers & parsersCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 28 28
  29. 29. HTML5 & Kony HTML5 applications provide the power and usability benefits of native apps without having to download from the app store or install plug-ins HTML5, CSS 3.0, and JavaScript enhancements are changing the way web applications are built and interact with other systems Kony offers the world’s best tools for developing great, enterprise- grade applications for HTML5 and native technologies:  Graphical screen layout tools  HTML5 porting tools from native and mobile web apps  HTML5, mobile web, and native debugging tools  Graphical service integration configuration  Service simulation tools  Profiling tools  Dynamic skins and themes  Support for essentially any phone, tablet or browser With Kony, supporting new technologies like HTML5 becomes a business decision because we handle the mobile chaos for you. There’s no need to gamble on the future of the mobile industry. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 29
  30. 30. HTML5  Not one cohesive spec/language  Collection of dozens of specifications in various stages of maturity and vendor support  Final specification in 2022  Aggregation of significant enhancements to HTML, CSS and HTTP.  HTML5 + CSS3 + Javascript - Not going awayCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 30 30
  31. 31. HTML5: Not A Silver Bullet BUT May Be Right For You Native is necessary to access innovative hardware until support is added into HTML5 and browsers begin implementing that support Non-standard browser implementations are caused by competitive forces – competition won’t go away, browsers will continue to fragment Companies wanting to compete effectively in the mobile marketplace can’t rely on browser technology alone Organizations must continue using native applications and other technologies in addition to browsers Many technologists hope HTML5 will be the silver bullet to tame the mobile chaos. Ironically, HTML5 simply adds another mobile channel organizations must support HTML5 is a fantastic technology that provides significant browsing improvements. However, it will not reduce the need for companies to provide native applications as a part of their mobile channel mix. Determine if HTML5 satisfies your business and user needs. It may be the right answer for you. But it is not the right or only answer for everyone. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 31

×