Scribd Logo
Carica

Benvenuto in Scribd!

  • HTML5 Next Generation

    Caricato da

    Christian
    51 visualizzazioni18 pagine
    About HTML5 Next Generation

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PPTX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    About HTML5 Next Generation

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    51 visualizzazioni18 pagine

    HTML5 Next Generation

    Caricato da

    Christian
    About HTML5 Next Generation

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 18

    HTML5: NextGen Web

    Development

    What is HTML?
    HyperText Markup

    Language(HTML) is the mainmarkup


    languagefor creatingweb pagesand
    other information that can be
    displayed in aweb browser.
    HTML is written in the form of

    elements consisting oftagsenclosed


    inangle brackets (like<html>), within
    the web page content.
    The purpose of a web browser is to

    read the HTML documents and


    compose them into visible or audible
    web pages. The browser does not
    display the HTML tags, but uses the
    tags to interpret the content of the
    page.

    What is HTML5?
    Enhances HTML with native
    support for latest
    multimedia and graphics
    Leverages standards-based
    tools
    Consumes HTML4, XHTML
    and DOM
    Compatible with JavaScript
    & CSS3
    Contains JS APIs for
    complex web applications
    Compatibl
    e

    Runs on smartphones and


    tablet browsers
    Produces cross-channel web
    apps

    FEATURES

    Canvas

    Graphics/M
    edia

    Offline
    Storage
    File/Hardw
    are Access

    Screen controls and animation

    Native media types


    (Including audio/video)

    Store data locally

    OS Integration

    HTML5 Flavors
    Basic HTML
    Application is all HTML,
    server side apps

    Hybrid (Wrapper)
    Run inside a native
    container, and leverage
    the device browser
    engine (but not the
    browser) to render the
    HTML and process the JS
    locally

    Mixed-Mode
    Version of native
    application where some
    forms are rendered in the
    web view while others
    are rendered using the
    native SDK

    SPA Single Page


    Application
    Native app experience in

    Road to HTML5
    JavaScript
    HTML
    1991

    CSS1

    CSS2

    1996

    1998

    Tableless
    Web Design

    2002

    2009

    1994
    HTML2

    1997
    HTML4

    2000
    XHTML1

    2005
    AJAX

    Growth of HTML5

    The Hype & The Promise


    Development Advantages

    No specialized skillset
    Single code base
    Backwards compatibility
    Easy to update / upgrade
    Cross channel and OS
    Faster time to market

    Business Advantages

    No commercial app stores


    Connect and reach more users
    Designed with mobile in mind
    Cost effective
    8

    HTML5 Has Its Own Challenges


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

    We have definitely shifted from HTML5 to native. The primary reason


    for that is, were seeing that more and more people are spending more
    time in the app, and the app is running out of memory. The second
    reason weve gone native is trying to get some of the animations, that
    smoothness, we felt like we needed native to really do that well.
    Kiran Prasad, Senior Director for Mobile Engineering - Linkedin

    Browser Fragmentation
    All major browsers
    dont equally support
    HTML5 across all
    platforms
    Compatibility testing
    must be done on all
    potential target
    browsers
    Not a uniform
    standard
    Varies from browserto-browser and
    browser version
    Must continuously
    optimize web app for
    multiple devices,
    browsers and
    platforms.

    HTML5 Development Approach


    Challenges
    Less stable than native
    Pulls in data much more
    slowly than native
    Browser fragmentation
    No app store discoverability
    May take longer to generate
    revenue
    Scarcity of mobile web
    developers
    Less offline capabilities
    Poor gaming capabilities
    Not as UI rich as native
    Less device access
    capabilities

    Advantages

    Leverage effective web


    search technology for
    discoverability
    Native mobile developers
    are getting more expensive
    More capable than HTML4
    Multimedia support
    Cost efficient
    Cross-platform
    Less maintenance
    Multivariate testing
    Faster time-to-market
    Smaller device footprint
    Easy to update / upgrade
    Can be wrapped in hybrid

    Kony Development Platform

    Next Generation HTML5


    Develop web apps with
    HTML5, JS and CSS3
    Reuse UI/UX and
    business logic with
    HTML5/4 SPA method

    Tools /
    Frameworks
    Outcomes

    API

    Integration

    HTML 5/4

    Hybrid

    Device Specific

    Mixed-Mode

    Channel Specific

    Kony mBaaS

    Incorporate native device


    capabilities into hybrid
    apps
    Same app definition used
    for web and native
    applications
    Deliver device specific
    browser-optimized
    HTML5/4 markup
    Import and reuse 3rdparty frameworks

    Kony & HTML5


    SPA utilized to separate UI/UX

    from business logic


    HTML5/4 browser variation

    handling
    Responsive and adaptive design
    Native device capabilities,

    including HTML5/4 with device


    detection for 10,000 device
    types
    Audio and video elements to

    support multimedia rendering


    without plugins
    Touch events and gestures
    CSS3 for 2D & 3D

    transformations, targeted media


    queries, gradients, rounded
    corners, shadows, and more
    Input elements to support a

    Eliminating HTML5 Challenge with Kony


    Kony
    Browser
    Kony handles the variances to
    Fragmenta support HTML5 across All
    tion
    browsers
    Cost

    Testing

    HTML5
    Developer codes the
    variances to support HTML5
    across browsers

    Single platform for


    development and integration

    Additional code required to


    handle current variances and
    development required for
    server side components

    Integrate test environment to


    test applications on ALL
    target devices

    Apps must be tested on a


    range of popular devices.
    Developers must standup
    test suite for each target
    device

    Highly optimized code to


    maintain performance across
    Performan
    varying hardware
    ce
    specifications

    HTML5 may be designed to


    run on various devices, but
    no reliable way to maintain
    performance across varying
    hardware specifications

    Where HTML5 is a Good Fit


    Viable Solutions

    Content driven industries without large


    user bases
    Publishing, magazines, newsletters,
    etc
    Information/content-driven, forms-based
    and mapping apps
    Low Storage Requirement
    Local storage limits for mobile web apps is
    50 MB
    Simple Graphics
    Does not require highest quality UI/UX
    Extensive Device Interaction IS NOT Required
    HTML5 has limited support for device APIs

    Debunking the Myths

    ?
    ?
    ?
    ?

    HTML5 is all I
    TH
    need
    MYto go
    mobile.
    I only need one
    skillset toH build
    MYT
    HTML5
    Applications.
    Browsers will
    eventually
    YTH
    M
    standardize
    HTML5.
    Cost of
    developing
    an
    TH
    Y
    mobileMapp with
    HTML5 is less.

    HTML5 is a fantastic technology that


    provides significant browsing
    improvements. However, it will not reduce
    the need for companies to provide native
    FACT applications as a part of their mobile
    channel mix.
    HTML5 development requires HTML, CSS3
    and JavaScript expertise. If creating hybrid
    mobile apps without Kony, expertise with
    FACT targeted device APIs is required.

    Nonstandard browsers implementations


    are caused by competitive forces,
    competition wont go away. Browsers wars
    FACT will produce continued fragmentation.

    Many technologists hope HTML5 will be the


    silver bullet to tame the mobile chaos.
    HTML5 simply adds another development
    FACT outcome organizations must support.

    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 cant rely on browser
    technology alone.
    With Kony, supporting new

    technologies like HTML5 becomes a


    business decision because we
    handle the mobile chaos for you.
    No need to gamble on the future of

    Potrebbero piacerti anche