The Flash to HTML5 Opportunity
Upcoming SlideShare
Loading in...5
×
 

The Flash to HTML5 Opportunity

on

  • 324 views

With the future of Flash/Flex uncertain and platform/device ubiquity lost, many companies now have a great opportunity to migrate their Flash applications to HTML5 architectures... without sacrificing ...

With the future of Flash/Flex uncertain and platform/device ubiquity lost, many companies now have a great opportunity to migrate their Flash applications to HTML5 architectures... without sacrificing their immersive experiences.

Statistics

Views

Total Views
324
Slideshare-icon Views on SlideShare
306
Embed Views
18

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 18

http://www.linkedin.com 18

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    The Flash to HTML5 Opportunity The Flash to HTML5 Opportunity Presentation Transcript

    • The Flash HTML5 Opportunity Thomas Burleson, Digital Solutions Architect August 2012Copyright 2012, Mindspace LLC http://www.gridlinked.info
    • SXM Internet Rad io1) A ong wrong ? Flash? Whats w ith W hats wr2) W hy do we care ?3) How do we respond ? B Why does we care ? C What are we going to do ?
    • SXM Internet Rad io1) W A wrong wrong ? Flash? hats Whats w ith2) W hy do we care ? o we respond ?3) How d Why does we care ? B C What are we going to do ?
    • The Shot Heard ‘Round the World April 2010Copyright 2012, Mindspace LLC
    • Ubiquity LostCopyright 2012, Mindspace LLC
    • SXM Internet Rad io A Whats wrong ? 1) W hat is wrong ? W hy do we care ? 2) B Why does we care ? 3) How do we respond ? C What are we going to do ?
    • Emergence [and viability] of HTML5Opportunity for ubiquity across browsers, OS, & hardware devices. Copyright 2012, Mindspace LLC
    • + Copyright 2012, Mindspace LLC
    • What is HTML5 ? • Drag n Drop • Offline • Expressive Tags • History Management • and more! Copyright 2012, Mindspace LLC
    • Semantic Tags & Multimedia PlaybackMicroformatsOffline Apps & 3D Graphics &Storage EffectsDevice & Data Performance &Access IntegrationConnectivity & Web Layout, Effects &Sockets Typography Copyright 2012, Mindspace LLC
    • Cross-Browser Copyright 2012, Mindspace LLC
    • Cross-Device Copyright 2012, Mindspace LLC
    • Progressive Enhancement Graceful Degradation Copyright 2012, Mindspace LLC
    • Progressive EnhancementA base page that is usable and readable even in the worst possible browser is progressively enhanced with features that are less widely supported.       Copyright 2012, Mindspace LLC
    • Responsive DesignResponsive Design leverages CSS media queries to define layouts based on media device. Copyright 2012, Mindspace LLC
    • Copyright 2012, Mindspace LLC
    • The JavaScript Renaissance Copyright 2012, Mindspace LLC
    • Flash vs HTML5Popularity based on GitHub Project Activity and StackOverflow Questions Copyright 2012, Mindspace LLC
    • Applications Copyright 2012, Mindspace LLC
    • Building HTML5 applications Pageless Immersive Apps SmartFrameworks Copyright 2012, Mindspace LLC
    • Javascript Frameworks Copyright 2012, Mindspace LLC
    • Iconic HTML5 SolutionsApps Copyright 2012, Mindspace LLC
    • Were those applications Flash or HTML5 ? Copyright 2012, Mindspace LLC
    • What we want ? ... consumer-facing applications • Performant (fast load and responsive) • Immersive (rich and engaging) • Pageless (background, on-demand processing) • Ubiquitous • Common CodeJavascript is now viable for graphics, charts, interactive experiences, and page-less solutions Copyright 2012, Mindspace LLC
    • Class: SXM Internet Rad io A Whats wrong ? 1) W hat is wrong ? 2) W hy do we care ? B Why does we care ? 3) How do we respond ? C What are we going to do ?
    • AppsOpportunity to consolidate product development to common-code base with better reach to larger market. Copyright 2012, Mindspace LLC
    • What about our Flash solution, man ?
    • • Lists All UI & user interactions • • Bios Album Info in JS/CSS3/HTML5 • Branded UI • etc. Desktop Mobile Browser DevicesReuse existing Flash Audio components Reuse PhoneGap for hardware and native-component access.• modified as self-contained, deployable Write native implementations of• manages security, dmca, etc. Audio component• embedded as hidden HTML element Write highly secure playback• driven by javascript layers(android and iPhone)• compensates for poor WebKit API• hides all complexities of playback Copyright 2012, Mindspace LLC
    • Copyright 2012, Mindspace LLC
    • Product Transition Path• Migrate as much Flash code to Javascript• Build Javascript library/API as facade bridge Flash libraries components (if appropriate) == hybrid solutions.• Or Develop native-implementations of components (as needed) Copyright 2012, Mindspace LLC
    • Product Considerations Path • Data services must be designed with API for thin, HTML5 clients • Product designs must anticipate both browser AND mobile... using responsive designs. • Branding for corporate & dashboard OEM • HTML5 embedding (ala Slideshare) • Server-push to synch across devices Copyright 2012, Mindspace LLC
    • Critical Aspects• Targeted product designs are critical...• Cloud-based middle-tier data services are critical...• Guerilla developers are critical... Copyright 2012, Mindspace LLC