Flash & HTML5“Es Muy caliente por favor!”

@PaulTrani

Evangelista, Adobe Systems

The Flash Platform“Es muy buena!”

@PaulTrani

Scripted Interactivity

Vector Graphics & Animation

Movieclip

Symbols

Actionscript 1

Video Streaming

Actionscript 2 Filters & Blend Modes

Actionscript 3

3d Effects

FontsAnti-aliased Vectors

Gradients

Hyperlinks

Color Effects

Masking

Transparency

Browser Communication

Variables

Dynamic Text

Embedded Sound

Swf Loading Xml / Objects / Arrays

HTML Text Formatting

Collision Detection

Printing

Runtime Masking

Compression

Drawing Api

Wmode

Accessibility

Progressive Video

Cross-domain Support

Depth Mgmt

Bitmap Data & Effects

Text Anti-aliasing

Scale 9 Component Scaling

Transparent Video

Fullscreen

Multi-core

Local Caching

Hd/H.264

E4x

Text Layout Framework

Pixel Bender

Hardware Acceleration

Dynamic Sound Generation

Enhanced Drawing API

Dynamic Streaming

1 2 3 4 5 6 7 8 9 10 10.1

Mp3 Playback Text-based Sockets

Webcam & Microphone

Binary Sockets

Smartphones

Peer To Peer

Http Video Streaming

Content Protection

FLASH INNOVATION TIMELINE

@PaulTrani

iOS, Android, & PlayBook Apps

http://machinarium.net/demo/

@PaulTrani

Mulitouch Accelerometer

Orientation Microphone Keyboard Geolocation Camera GPS

AIR on Mobile

@PaulTrani

The Flash Platform

Additional OS’s

AIR

@PaulTrani

AIR 3.0

Native Extensionswww.adobe.com/devnet/air

Captive Runtimes(no AIR required)

@PaulTrani

Native Extensions

{ContactsGyroscopeVibrationNotificationsiAD on iOSAndroid License VerificationMaps on iOSIn-app purchaseSMS with bodyMMSBluetooth controlCompass/magnetometerCustom cameraNFC supportBattery information/management

@PaulTrani

Flash Professional CS5.5

{Snippets HUD Feature & 20 new snippets Scale Content with Stage Export as Bitmap TLF Tab Ruler & TLF Optimization Debug movie on device via USB Project Panel & Shared Assets AIR for Android & iOS Support Convert to Bitmap TLF Support for StyleSheets Auto Recover and Auto Save Incremental Compilation New Library Conflict Resolution Dialog New Publish Settings Dialog Visible Property Copy and Paste Layers Integrated Controller with Loop Range IK Pinning

@PaulTrani

What’s Next?

Standardize

Innovate

HTML5“Your new best friend.”

“The future is here, it’s just not widely distributed yet.”

Unknown

@PaulTrani

• HTML5• CSS3• JAVASCRIPT• JQUERY {

@PaulTrani

{• RGBa & HSLa• Gradients• Rounded Corners• Box Shadow• Multiple Backgrounds• @font-face• Media Queries• Visual Effects and

Animation

Letter Heads

@PaulTrani

HTML5

@PaulTrani

Video

@PaulTrani

• The <canvas> tag is equivalent to the BitmapData API

• Performance currently inferior to ActionScript

Canvas

http://beta.theexpressiveweb.com/

Dreamweaver CS5.5“Web developers can now be app developers.”

@PaulTrani

Dreamweaver CS5.5

{HTML5 SupportCSS3 EnhancementsBrowserLabWebkit Built InNative VideoJQuery Code HintsCMS IntegrationJQuery Mobile PhoneGap

Web Content and Apps

Web Developement

@PaulTrani

Typekit

@PaulTrani

Dreamweaver CS5.5

{Fireworks CSS3 Mobile Pack: http://labs.adobe.com

Extract CSS propertiesCreate jQuery Mobile themes

CSS Regions

CSS Shaders

@PaulTrani

Adobe Proto Touch App

@PaulTrani

Adobe Proto Touch App

Adobe ♥ Flash

Adobe ♥ Flash ♥ HTML5

What’s next(Yes. There’s more.)

@PaulTrani

Project Edge