• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Flash and HTML5 Compared
 

Flash and HTML5 Compared

on

  • 3,911 views

In this presentation I cover the major features of both HTML5 and Flash while showcasing the best examples of those technologies. ...

In this presentation I cover the major features of both HTML5 and Flash while showcasing the best examples of those technologies.

Takeaway: Be technology agnostic and serve up what's best for the project and the client.

Statistics

Views

Total Views
3,911
Views on SlideShare
3,787
Embed Views
124

Actions

Likes
8
Downloads
108
Comments
2

8 Embeds 124

http://paper.li 80
http://selectedmultimedia.com 27
http://www.upstartnation.biz 6
http://www.verious.com 4
http://twitter.com 3
http://us-w1.rockmelt.com 2
http://localhost 1
http://www.sascha-tausend.de 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • CSS3\nAdobe recently proposed a CSS3 regions module to the W3C CSS Working Group. Also, because of the diversity of Adobe's customer base, mobile authoring is critical to nearly all of them these days. This has become a significant outlet for them and it's growing at a tremendous rate (with smartphones and tablets). For example, Adobe's tool set is used by publishers to build magazines (using InDesign), and we will give them a way to export content using standards and to display it on mobile devices. It's all part of creating tools that answer the needs of our users—but tools that are based on stable standards.\nWhen working with CSS regions Adobe realized that you could use it to do interesting layouts, but even more interesting things when combined with JavaScript.\n\nWebKit\nAdobe is using WebKit in our tools and contributing our bug fixes back to the WebKit engine. Again, the intent is to make HTML5 tools useful to our users in many ways. As an example of our efforts, in a mid-August summary of WebKit submissions, Adobe's Alexandru Chiculita was recognized for "... adding a new performance test for float element lookup which landed an optimization which yields a performance improvement of about 150% for looking up a floated element." \nSVG\nSimilarly, with the support of SVG in all major browsers, we've noticed that our users are now asking Adobe to refresh the support for creating SVG in Adobe Illustrator that has existed for years. They also want more support for SVG in all of our products. Additionally, Wallaby, a tool from Adobe Labs, can export HTML from Flash and leverages SVG as well.\nAdobe Edge\nAs part of this drive there is a need to create animations using HTML and CSS, we're working on tools that take HTML5 features supported in browsers but for which tools are lacking. We know we can provide great tools—look at Adobe Edge to see a recent example from Adobe.\n\n
  • \n
  • \n
  • \n
  • MPEG 4, usually with an .mp4 or .m4v extension. The MPEG 4 container is based on Apple’s older QuickTime container(.mov). Movie trailers on Apple’s website still use the older QuickTime container, but movies that you rent from iTunes are delivered in an MPEG 4 container.\nOgg, usually with an .ogv extension. Ogg is an open standard, open source–friendly, and unencumbered by any known patents. Firefox 3.5, Chrome 4, and Opera 10.5 support — natively, without platform-specific plugins — the Ogg container format, Ogg video (called “Theora”), and Ogg audio (called “Vorbis”). On the desktop, Ogg is supported out-of-the-box by all major Linux distributions, and you can use it on Mac and Windows by installing the QuickTime components orDirectShow filters, respectively. It is also playable with the excellent VLC on all platforms.\nWebM is a new container format. It is technically similar to another format, called Matroska. WebM was announced in May, 2010. It is designed to be used exclusively with the VP8 video codec and Vorbis audio codec. (More on these in a minute.) It is supported natively, without platform-specific plugins, in the latest versions of Chromium, Google Chrome, Mozilla Firefox, and Opera. Adobe has also announced that a future version of Flash will support WebM video.\n\n
  • Flash is an animation engine. \n Will always perform better than Canvas.\n Molehill brings real hardwareaccelerated 3D\n HTML5 games are okay\n \n\n
  • \n
  • \n
  • \n
  • \n New rendering architecture inside of Flash Player\n Enables high end 3D GPU based rendering in Flash Player\n Exposed via a new set of low level 3D APIs\n Hardware accelerated with software fallback\n
  • \n
  • \n
  • \n
  • Performance key area\n\nVideo decode 10.1\n\nMore than decode - compositing and rendering\n\nVideo goes back to Flash for rendering\n
  • Performance key area\n\nVideo decode 10.1\n\nMore than decode - compositing and rendering\n\nVideo goes back to Flash for rendering\n
  • Stage Video completes pipeline\n\nHW acceleration for decoding and rendering.\nFrom GPU direct to frame buffer.\nCPU down by 85%\n\nDesktops shipped, mobile soon\n
  • \n
  • \n
  • Driven by a Cycle\nSometimes we watch – VIDEO\nSometimes you tell -- SOUND. \nAcoustic Echo Cancelation most requested\nConferences like this – Jim Corbett in da house\nFlashCo drives \n
  • Driven by a Cycle\nSometimes we watch – VIDEO\nSometimes you tell -- SOUND. \nAcoustic Echo Cancelation most requested\nConferences like this – Jim Corbett in da house\nFlashCo drives \n
  • Flash adds quickly, it’s an enabler \nBrowsers not as quick\nStart out in Flash, migrate to HTML\nThis is a good thing\nAnimated menus\n
  • Flash adds quickly, it’s an enabler \nBrowsers not as quick\nStart out in Flash, migrate to HTML\nThis is a good thing\nAnimated menus\n
  • Flash adds quickly, it’s an enabler \nBrowsers not as quick\nStart out in Flash, migrate to HTML\nThis is a good thing\nAnimated menus\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • FlashCo Innovation History\n\nThe role of Flash is expandng the capabilities\n vector animation, Interactivity \n Audio, Video\nFlashCo then changed the web\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Another exciting aspect of the mobile device explosion is that Creative Pros are using mobile devices themselves, adopting tablets. 1 in 3 CPros is considering a tablet purchase. With that, Adobe is responding by enabling these Creative Pros to extend their workflow beyond the desktop. to iterate, and create\n\n(click) We have some mobile apps already in market that allows mobile creativity. \na) The Adobe® Ideas mobile sketching software app is your ideal companion for Adobe Illustrator® and Adobe Photoshop®. (over 2 M downloads)\nb) The second is Adobe Photoshop Express – It is a simple and intuitive photo editor that allows users to edit and adjust exposure, saturation, contract and sharpness. 20+ million users\n\n(click) Now, let’s talk about what is new…..\n \nWe are introducing Adobe Story for the iPhone – Adobe Story is a collaborative tool for writing scripts and now allows you to review and comment on your iPhone\n Big move is that Adobe is also shipping an SDK \n inviting developers to connect Photoshop CS5 to their mobile applications and devices. \n Over 10,000 plugins for Photoshop on the desktop. \n This SDK can be used for Android, BlackBerry and iOS. \n Use the tablet for fun, interactive environment but allow Photoshop to pick up when it comes to precision.\n\nWe’d like to show you examples of how we leveraged the Photoshop SDK and created these initial new apps today. \n \n Adobe Eazel for Photoshop: Adobe Eazel lets you use your iPad and your fingertips to create beautiful paintings and instantly access them in Photoshop CS5.\n Adobe Color Lava for Photoshop: With this companion app, you can use your fingertips to mix colors on your iPad and create custom swatches and color themes. \n Adobe Nav for Photoshop: Adobe Nav lets you use your iPad to activate Photoshop tools and select documents. \n\nThese are just a starting points from Adobe. \n\n \n-------\nBack-up:\nMultimedia & Entertainment (which includes photo editing and sketching apps) is currently the second largest segment within mobile applications, and is forecasted to grow to a $6B+ worldwide opportunity by 2015 †  \nPurchase intention is fairly high in the U.S., as more than 1 in 3 CPros is considering a tablet purchase, with similar interest from all CPro segments. ‡\n\n1 in 3 U.S. Education users is considering a tablet purchase. ‡\n\n\nSome Data Points on Photoshop Express:\nFirst ship\n iOS version: October 9, 2009 (17 months in market)\n Android version: November 6, 2009 (16 months in market)\n Free app, high brand recognition because of Photoshop name\n20+ million users as of March 1, 2011\n 15.9 million on iOS\n 4.1 million on Android\nHigh active use\n Definition: # of customers that log in at least 1x per month,# of customers that update to newer versions\n 40% active use on iOS (6.1m active users)\n 60% active use on Android (2.2m active users)\n\n\n\n‡ Marketing Insights & Operations (MIO), "2010 Hardware Profile Survey (US) Creative Pros and Education," Aug. 2010 \n \n† Mobile App Stores Business Models, Strategies & Market Segmentation 2010-2015, June 2010\n
  • Updates to the Flash Platform remove the requirement to create multiple disparate applications for every mobile platform. \n\nNow developers can utilize a single code base to deliver applications multiple mobile platforms, web and desktop.\n\nThe same developers can now build apps for the leading mobile platforms.\n\nThe payoff? Faster time to market, with less resources.\n
  • Updates to the Flash Platform remove the requirement to create multiple disparate applications for every mobile platform. \n\nNow developers can utilize a single code base to deliver applications multiple mobile platforms, web and desktop.\n\nThe same developers can now build apps for the leading mobile platforms.\n\nThe payoff? Faster time to market, with less resources.\n
  • Updates to the Flash Platform remove the requirement to create multiple disparate applications for every mobile platform. \n\nNow developers can utilize a single code base to deliver applications multiple mobile platforms, web and desktop.\n\nThe same developers can now build apps for the leading mobile platforms.\n\nThe payoff? Faster time to market, with less resources.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Another exciting aspect of the mobile device explosion is that Creative Pros are using mobile devices themselves, adopting tablets. 1 in 3 CPros is considering a tablet purchase. With that, Adobe is responding by enabling these Creative Pros to extend their workflow beyond the desktop. to iterate, and create\n\n(click) We have some mobile apps already in market that allows mobile creativity. \na) The Adobe® Ideas mobile sketching software app is your ideal companion for Adobe Illustrator® and Adobe Photoshop®. (over 2 M downloads)\nb) The second is Adobe Photoshop Express – It is a simple and intuitive photo editor that allows users to edit and adjust exposure, saturation, contract and sharpness. 20+ million users\n\n(click) Now, let’s talk about what is new…..\n \nWe are introducing Adobe Story for the iPhone – Adobe Story is a collaborative tool for writing scripts and now allows you to review and comment on your iPhone\n Big move is that Adobe is also shipping an SDK \n inviting developers to connect Photoshop CS5 to their mobile applications and devices. \n Over 10,000 plugins for Photoshop on the desktop. \n This SDK can be used for Android, BlackBerry and iOS. \n Use the tablet for fun, interactive environment but allow Photoshop to pick up when it comes to precision.\n\nWe’d like to show you examples of how we leveraged the Photoshop SDK and created these initial new apps today. \n \n Adobe Eazel for Photoshop: Adobe Eazel lets you use your iPad and your fingertips to create beautiful paintings and instantly access them in Photoshop CS5.\n Adobe Color Lava for Photoshop: With this companion app, you can use your fingertips to mix colors on your iPad and create custom swatches and color themes. \n Adobe Nav for Photoshop: Adobe Nav lets you use your iPad to activate Photoshop tools and select documents. \n\nThese are just a starting points from Adobe. \n\n \n-------\nBack-up:\nMultimedia & Entertainment (which includes photo editing and sketching apps) is currently the second largest segment within mobile applications, and is forecasted to grow to a $6B+ worldwide opportunity by 2015 †  \nPurchase intention is fairly high in the U.S., as more than 1 in 3 CPros is considering a tablet purchase, with similar interest from all CPro segments. ‡\n\n1 in 3 U.S. Education users is considering a tablet purchase. ‡\n\n\nSome Data Points on Photoshop Express:\nFirst ship\n iOS version: October 9, 2009 (17 months in market)\n Android version: November 6, 2009 (16 months in market)\n Free app, high brand recognition because of Photoshop name\n20+ million users as of March 1, 2011\n 15.9 million on iOS\n 4.1 million on Android\nHigh active use\n Definition: # of customers that log in at least 1x per month,# of customers that update to newer versions\n 40% active use on iOS (6.1m active users)\n 60% active use on Android (2.2m active users)\n\n\n\n‡ Marketing Insights & Operations (MIO), "2010 Hardware Profile Survey (US) Creative Pros and Education," Aug. 2010 \n \n† Mobile App Stores Business Models, Strategies & Market Segmentation 2010-2015, June 2010\n

Flash and HTML5 Compared Flash and HTML5 Compared Presentation Transcript

  • Flash & HTML5 ShowdownPaul Trani, Developer Evangelist, Adobe @paultrani @PaulTrani
  • Designer or Developer? @PaulTrani
  • Paul Trani@paultrani ptrani@adobe.com• 15 years experience• 4 year old at heart @PaulTrani
  • Flash vs HTML5 @PaulTrani
  • HTML5THE NEW HOTNESS @PaulTrani
  • HTML5THE NEW HOTNESS @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • { • HTML5 • CSS3 • JAVASCRIPT • JQUERY @PaulTrani
  • { • HTML5 • CSS3Web Standards • JAVASCRIPT • JQUERY @PaulTrani
  • @PaulTrani
  • HTML5• New semantic tags• Audio and video• Canvas• Drag-and-drop• Geolocation• Local SQL database @PaulTrani
  • HTML5 @PaulTrani
  • Video @PaulTrani
  • Canvas • The <canvas> tag is roughly equivalent to the BitmapData API in ActionScript 3. • Performance currently inferior to ActionScript, but close • Canvas tag makes things flexible @PaulTrani
  • FlashTHE GROUNDBREAKER @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • @PaulTrani
  • Video• Live and on-demand streaming• Content protection (DRM)• HTTP video streaming• Alpha channel video over other content• Much easier to build custom players• Huge increase in performance with StageVideo @PaulTrani
  • Video• Deliver Flash video with an HTML5 fallback• For mobile, simply link to an MP4 @PaulTrani
  • Adopt @PaulTrani
  • Innovate Adopt @PaulTrani
  • InnovateInspire Adopt @PaulTrani
  • InnovateInspire Adopt @PaulTrani
  • Innovate StandardizeInspire Adopt @PaulTrani
  • Innovate StandardizeInspire Adopt @PaulTrani
  • FLASH INNOVATION TIMELINE @PaulTrani
  • WB Mobile Hd/H.264 Hardware Acceleration Accessibility Bitmap Data & Effects Binary Sockets Http Video Streami Collision Detection Video Streaming Scale 9 Component Scaling Actionscript 3 Dynamic Sound Generation Masking Dynamic Text HTML Text Formatting Webcam & Microphone Text Anti-aliasing Fullscreen Pixel Bender Content Protection Hyperlinks Movieclip Transparency Swf Loading Xml / Objects / Arrays Compression Wmode Depth Mgmt Transparent Video Text Layout Framework Gradients Symbols Color Effects Browser Communication Scripted Interactivity Runtime Masking Actionscript 2 Filters & Blend Modes Enhanced Drawing API Anti-aliased Vectors Fonts Mp3 Playback Embedded Sound Text-based Sockets Cross-domain Support Multi-core E4xDynamic Streaming SmartphonesVector Graphics & Animation Variables Actionscript 1 Printing Drawing Api Progressive Video Local Caching 3d Effects Peer To Peer 1 2 3 4 5 6 7 8 9 10 10.1 FLASH INNOVATION TIMELINE @PaulTrani
  • Differences• The browser was made for semantic mark-up• Flash locks site content in a layer of abstraction• Abstraction allows for generalization, ubiquity, and re-use• Specificity allows for customization, perfection, and speed - an experience highly-tailored for each specific medium @PaulTrani
  • Adobe > Flash @PaulTrani
  • Adobe > HTML5 @PaulTrani
  • Adobe HTML5 Flash @PaulTrani
  • AdobeEmpowering You @PaulTrani
  • ToolingCreate, Deliver & Monetize on Any Device @PaulTrani
  • Print Designers = Device Publishers ePub and Apps using theDigital Publishing solution @PaulTrani
  • Print Designers = Device Publishers ePub and Apps using theDigital Publishing solution @PaulTrani
  • Web DevelopersWeb Content and Apps @PaulTrani
  • Web DevelopersWeb Content and Apps @PaulTrani
  • Web Developers AIR Additional (or captive runtime) OS’s @PaulTrani
  • @PaulTrani
  • Adobe fonts via TypeKit HTML5 support in the Open Source Media FrameworkWebKit in CS5 apps EDGE Contributing to WebKit HTML5 slideshows on Photoshop.com HTML5 content in digital Contributing to JQuery Mobile publications support for Firebug, Safari 5, and more to BrowserLab WALLABY HTML5-tagged (non-Flash) video in MUSE DreamweaverHTML5 video publishing to the Scene7 hosted service @PaulTrani
  • What’s Next @PaulTrani
  • Project Edge @PaulTrani
  • Muse @PaulTrani
  • AIR 3.0Captive Runtimes Native Extensions @PaulTrani
  • Which side are you on? @PaulTrani
  • There is No Fight Sorry Guys @PaulTrani
  • Technology Agnostic @PaulTrani
  • We don’t care what technology you choose. Let us just empower you with the tools. @PaulTrani
  • Thank You @PaulTrani