SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
Facebook Say NO To HTML5

                Will You?

Kony Mobile Retail

                             1
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL                           2
                                                                             2
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL             3
                                                               3
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL       4
                                                         4
Mobile Web




Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL   5   5
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
Hybrid




Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL   7   7
So why you are participating today?




“The biggest strategic mistake we made as a company was betting too
much on HTML5 as opposed to native.”
                                            Mark Zuckerberg, facebook




                                  But is this true for you?
   Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL              8
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
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 channels


Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL     10 10
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
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 Publishing
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL           12
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
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’s


Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL                14
                                                                  14
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 / Maintainability
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL                                                          15 15
Eliminating the HTML5 Challenge with Kony

                                KonyOne Platform                       HTML5
Browser                         Kony handles the variances to          Developer codes the variances to
Fragmentation                   support HTML5 across “All” browsers    support HTML5 across browsers


Development                     Single platform for development and    Additional code required to handle
Cost                            integration                            current variances and development
                                                                       required for server side components

Testing                         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
                                                                       device
Performance                     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
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
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 browser




Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL                        18
                                                                          18
Kony & HTML5
        HTML5 Approach                                                                                      KonyOne HTML5
Development
                                                                                                 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 Management



Infrastructure
              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 Broker




Deployment                                                                             Deployment
 37% Global Devices Covered                                                             98% Global Devices Covered
Smart Phone – HTML5 Capable Browsers | Tablet                                          Smart Phone (All) | Feature Phone | Tablet | Desktop Web




 Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL                                                                                                                                           19 19
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
                                                                             & Testing




Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL                                                                20 20
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
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 industry




Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL                  22
                                                                    22
Appendix


           23
           23
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL                 24
                                                                   24
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL               25
                                                                 25
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 web



Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL   26
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
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 & parsers



Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL      28
                                                        28
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
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 away




Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL     30
                                                       30
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

Contenu connexe

Tendances

Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs mentoresd
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentDipesh Mukerji
 
Kony Development Cloud
Kony Development CloudKony Development Cloud
Kony Development CloudDipesh Mukerji
 
Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...LetsConnect
 
Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2gaborvodics
 
IBM Worklight - Technical Overview
IBM Worklight - Technical OverviewIBM Worklight - Technical Overview
IBM Worklight - Technical OverviewIIC_Barcelona
 
Enterprise Mobile Development Best Practices for 2015
Enterprise Mobile Development Best Practices for 2015Enterprise Mobile Development Best Practices for 2015
Enterprise Mobile Development Best Practices for 2015AnyPresence
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldEffectiveUI
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformAndrew Ferrier
 
Enterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformEnterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformInfosys
 
AnDevCon: Introduction to Darwino
AnDevCon: Introduction to DarwinoAnDevCon: Introduction to Darwino
AnDevCon: Introduction to DarwinoPhilippe Riand
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive SummaryGilad Khen
 
Objective View of MEAPs
Objective View of MEAPsObjective View of MEAPs
Objective View of MEAPsSimon Guest
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesGraham Churchill
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic Software
 
Neev capabilities in building video and live streaming apps
Neev capabilities in building video and live streaming appsNeev capabilities in building video and live streaming apps
Neev capabilities in building video and live streaming appsNeev Technologies
 
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...IBM Connections Developers
 

Tendances (20)

Maxime Thomas - eZBK
Maxime Thomas - eZBKMaxime Thomas - eZBK
Maxime Thomas - eZBK
 
Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
 
Kony Development Cloud
Kony Development CloudKony Development Cloud
Kony Development Cloud
 
Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...
 
Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2Worklight 5.0 Webinar 7 12 V2
Worklight 5.0 Webinar 7 12 V2
 
IBM Worklight - Technical Overview
IBM Worklight - Technical OverviewIBM Worklight - Technical Overview
IBM Worklight - Technical Overview
 
Enterprise Mobile Development Best Practices for 2015
Enterprise Mobile Development Best Practices for 2015Enterprise Mobile Development Best Practices for 2015
Enterprise Mobile Development Best Practices for 2015
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store World
 
Jax 2011 keynote
Jax 2011 keynoteJax 2011 keynote
Jax 2011 keynote
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst Platform
 
Enterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformEnterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired Platform
 
AnDevCon: Introduction to Darwino
AnDevCon: Introduction to DarwinoAnDevCon: Introduction to Darwino
AnDevCon: Introduction to Darwino
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive Summary
 
eBrochure Kit
eBrochure KiteBrochure Kit
eBrochure Kit
 
Objective View of MEAPs
Objective View of MEAPsObjective View of MEAPs
Objective View of MEAPs
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital Agencies
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013
 
Neev capabilities in building video and live streaming apps
Neev capabilities in building video and live streaming appsNeev capabilities in building video and live streaming apps
Neev capabilities in building video and live streaming apps
 
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...
Programmatic Access to and Extensibility of the IBM SmartCloud for Social Bus...
 

En vedette

Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5pescetti
 
Making Games for Gamers in HTML5
Making Games for Gamers in HTML5Making Games for Gamers in HTML5
Making Games for Gamers in HTML5Henric Suuronen
 
Making Core Games in HTML5
Making Core Games in HTML5Making Core Games in HTML5
Making Core Games in HTML5Henric Suuronen
 
차세대 웹 플랫폼과 HTML5 기술 동향
차세대 웹 플랫폼과 HTML5 기술 동향차세대 웹 플랫폼과 HTML5 기술 동향
차세대 웹 플랫폼과 HTML5 기술 동향Jonathan Jeon
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망Sang Seok Lim
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...Sang Seok Lim
 

En vedette (6)

Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5Cloud Apache OpenOffice based on HTML5
Cloud Apache OpenOffice based on HTML5
 
Making Games for Gamers in HTML5
Making Games for Gamers in HTML5Making Games for Gamers in HTML5
Making Games for Gamers in HTML5
 
Making Core Games in HTML5
Making Core Games in HTML5Making Core Games in HTML5
Making Core Games in HTML5
 
차세대 웹 플랫폼과 HTML5 기술 동향
차세대 웹 플랫폼과 HTML5 기술 동향차세대 웹 플랫폼과 HTML5 기술 동향
차세대 웹 플랫폼과 HTML5 기술 동향
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
 

Similaire à HTML5 / Mobile Web

What Mobile Development Approach Makes Sense
What Mobile Development Approach Makes SenseWhat Mobile Development Approach Makes Sense
What Mobile Development Approach Makes SenseDipesh Mukerji
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyDMI
 
Native vs HTML
Native vs HTMLNative vs HTML
Native vs HTMLludlola
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldEffectiveUI
 
appMobi HTML5 Gaming
appMobi HTML5 GamingappMobi HTML5 Gaming
appMobi HTML5 GamingAndrew Smith
 
Top 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App DevelopmentTop 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App Developmenttechugo
 
Hybrid App Development, Redefined
Hybrid App Development, RedefinedHybrid App Development, Redefined
Hybrid App Development, RedefinedIonic Framework
 
Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeswamileo1
 
Tw Technology Radar Qtb Sep11
Tw Technology Radar Qtb Sep11Tw Technology Radar Qtb Sep11
Tw Technology Radar Qtb Sep11Adrian Treacy
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting SmallAndrew Smith
 
HTML5 - The Future in a Flash
HTML5 - The Future in a FlashHTML5 - The Future in a Flash
HTML5 - The Future in a FlashRick Snailum
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application developmentKunjan Thakkar
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
Hybrid Mobile App Development Frameworks 2016
Hybrid Mobile App Development Frameworks 2016Hybrid Mobile App Development Frameworks 2016
Hybrid Mobile App Development Frameworks 2016PixelCrayons
 
Html5 today
Html5 todayHtml5 today
Html5 todayRoy Yu
 
Ionic vs flutter best platform for hybrid app development
Ionic vs flutter  best platform for hybrid app developmentIonic vs flutter  best platform for hybrid app development
Ionic vs flutter best platform for hybrid app developmentMarkovate
 

Similaire à HTML5 / Mobile Web (20)

What Mobile Development Approach Makes Sense
What Mobile Development Approach Makes SenseWhat Mobile Development Approach Makes Sense
What Mobile Development Approach Makes Sense
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
 
Native vs HTML
Native vs HTMLNative vs HTML
Native vs HTML
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store World
 
appMobi HTML5 Gaming
appMobi HTML5 GamingappMobi HTML5 Gaming
appMobi HTML5 Gaming
 
Top 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App DevelopmentTop 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App Development
 
Mobile Apps Develpment - A Comparison
Mobile Apps Develpment - A ComparisonMobile Apps Develpment - A Comparison
Mobile Apps Develpment - A Comparison
 
Hybrid App Development, Redefined
Hybrid App Development, RedefinedHybrid App Development, Redefined
Hybrid App Development, Redefined
 
IBM Worklight
IBM WorklightIBM Worklight
IBM Worklight
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and native
 
Tw Technology Radar Qtb Sep11
Tw Technology Radar Qtb Sep11Tw Technology Radar Qtb Sep11
Tw Technology Radar Qtb Sep11
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
HTML5 - The Future in a Flash
HTML5 - The Future in a FlashHTML5 - The Future in a Flash
HTML5 - The Future in a Flash
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Hybrid Mobile App Development Frameworks 2016
Hybrid Mobile App Development Frameworks 2016Hybrid Mobile App Development Frameworks 2016
Hybrid Mobile App Development Frameworks 2016
 
Dealing with-the-dilemma-mob-app-dev-approaches
Dealing with-the-dilemma-mob-app-dev-approachesDealing with-the-dilemma-mob-app-dev-approaches
Dealing with-the-dilemma-mob-app-dev-approaches
 
Html5 today
Html5 todayHtml5 today
Html5 today
 
Ionic vs flutter best platform for hybrid app development
Ionic vs flutter  best platform for hybrid app developmentIonic vs flutter  best platform for hybrid app development
Ionic vs flutter best platform for hybrid app development
 

Plus de Dipesh Mukerji

Developing For The Business
Developing For The BusinessDeveloping For The Business
Developing For The BusinessDipesh Mukerji
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentDipesh Mukerji
 
Kony - End-to-End Proof of Technology
Kony - End-to-End Proof of TechnologyKony - End-to-End Proof of Technology
Kony - End-to-End Proof of TechnologyDipesh Mukerji
 
Mobile App Development: Off the-Shelf vs Platform
Mobile App Development: Off the-Shelf vs PlatformMobile App Development: Off the-Shelf vs Platform
Mobile App Development: Off the-Shelf vs PlatformDipesh Mukerji
 
Enterprise mobility in the Cloud vs On-Prem
Enterprise mobility in the Cloud vs On-PremEnterprise mobility in the Cloud vs On-Prem
Enterprise mobility in the Cloud vs On-PremDipesh Mukerji
 
8 Steps to a Long-Term Mobile Strategy
8 Steps to a Long-Term Mobile Strategy8 Steps to a Long-Term Mobile Strategy
8 Steps to a Long-Term Mobile StrategyDipesh Mukerji
 
Multi-Channel App Approach & The Future of Multi-Channel
Multi-Channel App Approach & The Future of Multi-ChannelMulti-Channel App Approach & The Future of Multi-Channel
Multi-Channel App Approach & The Future of Multi-ChannelDipesh Mukerji
 
Multi channel advantage
Multi channel advantageMulti channel advantage
Multi channel advantageDipesh Mukerji
 
Kony Mobile Management
Kony Mobile ManagementKony Mobile Management
Kony Mobile ManagementDipesh Mukerji
 

Plus de Dipesh Mukerji (10)

Developing For The Business
Developing For The BusinessDeveloping For The Business
Developing For The Business
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App Development
 
Kony - End-to-End Proof of Technology
Kony - End-to-End Proof of TechnologyKony - End-to-End Proof of Technology
Kony - End-to-End Proof of Technology
 
Mobile App Development: Off the-Shelf vs Platform
Mobile App Development: Off the-Shelf vs PlatformMobile App Development: Off the-Shelf vs Platform
Mobile App Development: Off the-Shelf vs Platform
 
Enterprise mobility in the Cloud vs On-Prem
Enterprise mobility in the Cloud vs On-PremEnterprise mobility in the Cloud vs On-Prem
Enterprise mobility in the Cloud vs On-Prem
 
8 Steps to a Long-Term Mobile Strategy
8 Steps to a Long-Term Mobile Strategy8 Steps to a Long-Term Mobile Strategy
8 Steps to a Long-Term Mobile Strategy
 
Multi-Channel App Approach & The Future of Multi-Channel
Multi-Channel App Approach & The Future of Multi-ChannelMulti-Channel App Approach & The Future of Multi-Channel
Multi-Channel App Approach & The Future of Multi-Channel
 
Multi channel advantage
Multi channel advantageMulti channel advantage
Multi channel advantage
 
Win 8 webinar
Win 8 webinarWin 8 webinar
Win 8 webinar
 
Kony Mobile Management
Kony Mobile ManagementKony Mobile Management
Kony Mobile Management
 

Dernier

UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 

Dernier (20)

UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 

HTML5 / Mobile Web

  • 1. Facebook Say NO To HTML5 Will You? Kony Mobile Retail 1
  • 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. CONFIDENTIAL Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 2 2
  • 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. CONFIDENTIAL Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 3 3
  • 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. CONFIDENTIAL Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 4 4
  • 5. Mobile Web Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 5 5
  • 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. Hybrid Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 7 7
  • 8. So why you are participating today? “The biggest strategic mistake we made as a company was betting too much on HTML5 as opposed to native.” Mark Zuckerberg, facebook But is this true for you? Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 8
  • 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. 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 channels Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 10 10
  • 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. 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 Publishing Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 12
  • 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. 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’s Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 14 14
  • 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 / Maintainability Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 15 15
  • 16. Eliminating the HTML5 Challenge with Kony KonyOne Platform HTML5 Browser Kony handles the variances to Developer codes the variances to Fragmentation support HTML5 across “All” browsers support HTML5 across browsers Development Single platform for development and Additional code required to handle Cost integration current variances and development required for server side components Testing 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 device Performance 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. 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. 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 browser Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 18 18
  • 19. Kony & HTML5 HTML5 Approach KonyOne HTML5 Development 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 Management Infrastructure 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 Broker Deployment Deployment 37% Global Devices Covered 98% Global Devices Covered Smart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 19 19
  • 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 & Testing Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 20 20
  • 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. 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 industry Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 22 22
  • 23. Appendix 23 23
  • 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. CONFIDENTIAL Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 24 24
  • 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. CONFIDENTIAL Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 25 25
  • 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 web Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 26
  • 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. 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 & parsers Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 28 28
  • 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. 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 away Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 30 30
  • 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

Notes de l'éditeur

  1. Hybrid apps commonly use HTML5 code for the screen and basic description but have an additional envelope of code that gives the app features that HTML5 cannot do: take a GPS reading, read input from a barcode, have and manage a database, etc.
  2. Conclusion - drive net new revenue with new services by delivering a greater user experience (via access to native OS APIs).
  3. Sites like http://caniuse.com and http://html5test.com exist because of the massive fragmentation among HTML5 browsers. Also refer to html5rocks.comKony doesn’t use HTML5 as a shortcut to cross-platform support, instead:Kony generates HTML5 specific to each browser so your customers get the best out of their browser and aren’t affected by the limitations of other browsers.
  4. ----- Meeting Notes (12/6/11 14:49) Aaron Kaufman -----Build 1: In order to leverage HTML5 in your organization is it an advanced assembly effort of multiple components. To highlight a few of them - today you will not find a comprehensive package of JavaScript APIs, multi-device preview, multi-device layout manager and especially assembled infrastructual components, such as a services broker, JSON Server and device optimization capabilities.Build 2: Oh, and by the way, by doing the above you only capture 37% of the global devices in your efforts. This is because there are only a few devices that have HTML5 capable browsers.Build 3: The KonyOne HTML5 Platform is a fully integrated development and deployment system. We have full HTML5 capabilities with all the expectations of the enterprise. Build 4: With the same code base in developing the HTML5 output, you also get mobile web, HTML5, in a device specific deployment determined by our device specific database rendering capabilities. This allows you to reach 98% of the devices in the market: All Smart Phones, feature phones, tablets, and traditional desktop web!