Ria Event Lisbon Jan 2010

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe Con!dential

RIAPT birthday party!!!

Enrique DuvósMgr, Flash Platform Evangelism EMEAJanuary 2010

1


Agenda...

2


Agenda...

RIAs dos and don’ts

2


Agenda...


What’s coming in the new Flash Platform runtimes

2


Agenda...



Building iPhone apps with Flash CS5

2


Agenda...




Model Driven Development

2


Agenda...




Model Driven Development

Some giveaways....

2


3


Best and Worst practices building RIAS

By James Ward ( Adobe Flex Evangelist ) and Josh Holmes ( MSFT UX Evangelist )

Presented at Web 2.0 2009 Expo

http://www.jamesward.com

http://www.joshholmes.com

http://www.slideshare.net/joshholmes/best-and-worst-practices-building-ria-with-adobe-and-microsoft

4












Best practices building RIAs...

5



1. Form follows function (MVC vs MVP)

5




2. Leverage Design Tenets

5





3. Use the right !delity level

5






4. What do your users and customers want?

5







5. Ease of use or power users? Both

5








6. Are you thinking about concurrency?

5









7. Balance the computing load

5










8. Security vs Usability

5











9. Maintenance and Versioning

5











9. Maintenance and Versioning

10. Contextual applications

5


Worst practices building RIAs...

6



1. Not a RIA application...don’t use RIA technology

6




2. Remember the environment...users REFRESH!!!

6





3. HTML CAN NOT DO THAT

6






4. Do you really have that much bandwidth?

6







5. Animation-sickness

6








6. Have you heard the word “framework”?

6









7. The wild developer (SC, TDD, CI)

6










8. Too many containers

6











9. Complex rendering

6











9. Complex rendering

10. Fanatic or Pragmatic?

6


RIA Problems you never expected ( by Kevin Hoyt )

Rendering performance o f virtual Lists

Creation Queuing of UI

Character Formats (XML, SOAP, JSON, Binary)

Handling Large Data Sets ( Implicit Paging )

RPC Spaghetti Code vs Data driven development

Data Synchronization

Operational Efficiency

Service Versioning

Service Security ( security a feature )

http://blog.kevinhoyt.org

http://tv.adobe.com

7



http://tv.adobe.com

http://tv.adobe.com

Flash Platform Runtimes update

8

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe Con!dential 9

MultiscreenContent and Applications

FLA

SH P

LATF

ORM

TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

9


Flex

Flash Builder

FlashCatalyst

FlashPro

Creative Suite


FLA

SH P

LATF

ORM TOOLS FRAMEWORK

CLIENTSSERVICESSERVERS

9


Flex

ColdFusion

Flash Media Server Family

LiveCycle Server

Flash Builder

FlashCatalyst

FlashPro

Creative Suite


FLA

SH P

LATF

ORM TOOLS FRAMEWORK

CLIENTSSERVICES

SERVERS

9


Flex

ColdFusion


LiveCycle Server

Flash PlatformServices

Flash Builder

FlashCatalyst

FlashPro

Creative Suite


FLA

SH P

LATF

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

9


Flex

ColdFusion


LiveCycle Server


Flash Builder

FlashCatalyst

FlashPro

Creative Suite


FLA

SH P

LATF

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

FLASH PLATFORM SERVICES

LC Collaboration

Distribution

Payment

Social

9


Flex

ColdFusion


LiveCycle Server


Flash Builder

FlashCatalyst

FlashPro

Creative Suite


Analytics &Optimization

FLA

SH P

LATF

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

9


Flex

ColdFusion


LiveCycle Server


AIR

Flash Player

Flash Builder

FlashCatalyst

FlashPro

Creative Suite


Analytics &Optimization

FLA

SH P

LATF

ORM TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

9

®


© 2009 Adobe Systems Incorporated. All Rights Reserved.

of Internet-enabled desktops in the world run Flash

of Web games built using Flash

of all video on the web

is Flash

Over 300 million AIRdownloads and growing

95% of Internet-enabled desktops worldwide have installed

Flash Player 10

95%

Flash Platform Advantage – Reach

98% 70% 75%

10

FLAS

H

1

FLAS

H 1

0

FLAS

H 9

FLAS

H 8

FLAS

H 7

FLAS

H 6

FLAS

H 5

FLAS

H 4

FLAS

H 3

FLAS

H 2

•Vector graphics animation

•Anti-aliased vectors

•Gradients

•Fonts

•Scriptable interactivity

•Variables

•Dynamic text

•Embedded sound

•SWF loading

•MovieClip

•Masking

•Transparency

•Browser communication

•SWF format published

•Symbols (graphics, buttons)

•Hyperlinks

•Color effects

•ActionScript 1

•XML / objects / arrays

•HTML text formatting

•Collision detection

•Printing

•Streamed video

•Runtime masking

•Compression

•Drawing API

•Accessibility

•WMode

•ActionScript 2

•Progressive video

•Cross-domain support

•Depth management

•Filters & blend modes

•Bitmap data & effects

•Text anti-aliasing

•Scale 9 component scaling

•On2 VP6 video codec

•ActionScript 3

•Fullscreen•Multi-core•Open Source

VM “Tamarin”

•Local caching

•Open AMF •H.264 HD

video•E4X

•3D Effects

•Pixel Bender

•Text layout framework

•Dynamic sound generation

•Hardware acceleration

•Dynamic streaming

•Enhanced drawing API

•Open RTMP

Flash Innovation Timeline

11

Flash Player 10.1Smartphone enabledMultitouch, accelerometer, screen orientationOptimized memory, power, hardware accelerationHTTP video streamingContent protectionPeer assisted networking

12


Flash Player 10.1 optimized for mobile and media

Double the number of operating systems reached

New options for media delivery and monetization

13

http://www.adobe.com/devnet/flashplayer/articles/mobile_demos_fp10.1.html

http://www.adobe.com/devnet/flashplayer/articles/mobile_demos_fp10.1.html


Increased software rendering performance on mobile over 87%

Reduced memory consumption on mobile by over 55%

Flash Player 10.1 is designed for mobility

Performance

Graphics hardware acceleration

Audio/video hardware decoding

Memory, battery & CPU optimizations

Optimized SWF Management

Sleep mode

Device integration

Multi-touch and gestures

Accelerometer

Screen orientation

Mobile text input (virtual keyboards)

Porting kit for OSP partners

14


15

Automatic Memory Reduction

15


15


Gamma Bros

Wall-E

FP10 Demo

Flex Photo Album

Yahoo Ad

Flex Data Grid0

0

0

0

0

0

32MB

13MB

69MB

57MB

47MB

40MB

Flash Player 10

15


15


17MB

4MB

25MB

23MB

26MB

15MBGamma Bros

Wall-E

FP10 Demo

Flex Photo Album

Yahoo Ad

Flex Data Grid0

0

0

0

0

0

32MB

13MB

69MB

57MB

47MB

40MB

Flash Player 10Flash Player 10.1

15


Battery Usage

16

Active State with Video3.4 hours

16


Battery Usage

16

Active State with Animation

6.5 hours


16


Battery Usage

16

Active State with Animation

6.5 hours

Low Powerwith Animation

14.5 hours


16


Optimized SWF Management

Player manages # of SWFs that load on a page at a time Based on SWF priority, visibility , and available system resources

New HTML parameter – HasPriority When page loads, player will load:

HasPriority SWFs Onscreen SWFs 0x0 and 1x1 SWFs (e.g. helper SWFs)

Other off-screen instances are started when scrolled into view If system resource limits reached, non-loaded & lower priority

instances revert to “click-to-play”

17


Multi-Touch and Gestures

New touch event APIs that expose to AS3 code: Raw touch events Native OS gestures

Player performs “hit test” on all incoming events

Maintains compatibility with mouse centric content Generate corresponding mouse events

for the initial touch point Enables easy upgrade path for existing Flash

content

18


Globalization Support (GSLib)

New set of ActionScript APIs to provide locale specific: Date, time, currency and number formatting Currency and number parsing String comparison for sorting or searching

for text Upper/lower case conversions

Easily create applications that will display & process data appropriately for all major world markets

19


Web mobilization plan

Flex mobile framework Rapidly build rich applications across platforms & devices

Mobile UI components (List, Button, TextInput, Screens, etc.)

Core Flex framework capabilities optimized for mobile

Design principles and mechanism for creating adaptive UI

Proactive content enablement Target top tier Flash sites

Flash-enable mobile websites (“m.sites”)

Developer enablement

Technical engagement team

20


Expanding options for high quality media delivery

Robust content protection (DRM) solution with Flash Access File-based protection for PCs independent of transmission method –

Progressive, streaming, or download (AIR only). Various usage rules including Windows output protection

HTTP Streaming Deliver high-quality live and recorded media using standard HTTP

infrastructure Full DRM protection with Flash Access

Peer Assisted Networking Support for live and recorded media or application data Private groups support in RTMFP Enable lower cost real time interactive experiences

21


Enhanced Video Quality of Service(Requires FMS 3.5.3)

Dynamic Streaming Enhancements Faster bit rate transition times Users no longer need to wait for the buffer to play through

Smart Reconnect Play through buffered data to provide seamless playback of video in spotty network

conditions

Smart Seek Buffers data to provide faster forward/backwards seeking

22

AIR 2.0

23


Adobe AIR has achieved critical mass since the release in Feb 2008

17

AIR Runtime Installations300,000,000+

Developer Tools Downloads2,000,000+

Broad range of customer applications and adoption

As of September 2008

24


Adobe AIR 1.0 : Web applications outside the browser context

Noti!cation

Access native functionality Data management Efficient development

Branded experiences

25

http://www.tweedeck.com/

http://www.tweedeck.com/

http://www.mindomo.com/desktop




https://data.nasdaq.com/MR.aspx

https://data.nasdaq.com/MR.aspx

http://www.finetune.com/desktop




http://www.pizzahut.com/pizzahutshortcut/

http://www.pizzahut.com/pizzahutshortcut/


Adobe AIR 2.0

Contextual Apps and Desktop Integration

More peripheral support More $exible networking Improved native OS integration

Prepare for mobile Performance improvements Memory reductions New input methods for devices

(e.g. phones & netbooks)

26

http://www.demandbase.com/

http://www.demandbase.com/


AIR 2.0 new features

27



Mass Storage Detection

27



Mass Storage Detection Improved Socket Support

27




Invoke Native Applications

27





All FP 10.1 features

27





Mobile GroundworkAll FP 10.1 features

27




Invoke Native Applications Updated Webkit Engine

Mobile GroundworkAll FP 10.1 features

27




Invoke Native Applications Updated Webkit Engine

Mobile Groundwork Latest OS SupportAll FP 10.1 features

27


Key takeaways

Smartphones adds a new vector to the Flash Platform sustainable competitive advantage

With FP 10.1, consumers will immediately bene!t with access to content previously not available on smart phones.

Consistent runtimes provide a major productivity boost for developers – but there is still work to be done to deliver content optimized for the mobile context.

Adobe AIR 2 introduces fundamental new capabilities for RIA that enable contextual applications Access to peripherals and new network topologies

Performance improvements and mobile speci!c features

28

Packager for iPhone

29


Packager for iPhone

Features:

Package as iPhone app

AIR 2.0 (subset)

Ahead Of Time Compiler for AS3

Geolocation, Screen Orientation, Accelerometer APIs

Multi-Touch, Gesture APIs

Optional GPU support

Limitations:

No interpreter, so no remote SWFs

No H.264, RTMPE

PixelBender

30

Copyright 2008 Adobe Systems Incorporated. All rights reserved.

12

swf.exe.swf

assets

timeline

ABC1 SHA1

ABC2 SHA1

assets

timeline

ABC1

ABC2

assets

timeline

AS3

AS3

SWC

AOT – Ahead of Time ActionScript Compilation

.swfFlash Pro CS5

Flash runtime library

ARM

Flash runtime library

ABC compiler

LLVM bitcode

LLVM code gen

AOT tool

31

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 32

AIR package vs. iPhone .app

9

.air

.swf Flash assets

app:/ assets

app.xml

code

.app

.swf Flash assetsARM exe

runtime

library

app:/ assets

Info.plist

32


Packager for iPhone: Work$ow

.AIR (swf, jpg, mp3)

ADL

33


Packager for iPhone: Work$ow

.ipa


ADL

33


Packager for iPhone: Internals


• temp.air package

• inc. bundle seed ID

• inc. App.xml

• .app stub creation

• AS3 - > ARM

• Asset embedding

• Linked against SDK

• .ipa creation

• icons embedded

• certificate signed

34



ADT+LLVM.AIR (swf, jpg, mp3)



• inc. App.xml


• AS3 - > ARM

• Asset embedding


• .ipa creation

• icons embedded


34



ADT+LLVM

Certi!cate




• inc. App.xml


• AS3 - > ARM

• Asset embedding


• .ipa creation

• icons embedded


34



.ipaADT+LLVM

Certi!cate




• inc. App.xml


• AS3 - > ARM

• Asset embedding


• .ipa creation

• icons embedded


34


Packager for iPhone: Notes

Same applications can run on Flash Player 10.1

Optimization of code is key to success in mobile

Test and re-test core functionality on device

Target the masses, 2nd Gen iPod Touch and iPhone 3G

GPU usage may reduce rendering quality (e.g text

http://2009.max.adobe.com/online/session/402

35



Model Driven Development withAdobe® LiveCycle Data Services 3.0

36


LiveCycle Data Services 3.0

Serv

ices

Adap

ters

Chan

nels

Long Polling

NIO Streaming RTMPNIO Polling

PollingAMF

HTTP

MessagingProxy

NIO LongPolling

Streaming

Producer ConsumerRemoteObject Dataservice

Remoting Data Mgmt

Piggyback

Change Tracking

Data Sync

RPC

AMF

Pub/Sub

Real Time Push PDF

Security

Hibernate ColdFusionSQL

SpringWSRP

JMS Java

37


Code •UI controls / formatters / styles• Calculated !elds• Validation Rules• Variants (conditional properties)• Localization• Security• Data Retrieval Logic (paging, lazy loading)• Data Synchronization Logic

Code-Driven Development

Model •Basic Data Description

Model Server-side code Client-side code

38


Code• Ad-hoc customization• View composition• External business/validation logic

Modeling: LCDS Model-Driven Development

Model • Rich data model (data and behaviors)• Calculated !elds• Validation Rules• Variants (conditional properties)• Localization• Security• UI hints/defaults: controls, formatters, styles

Model includes enough information to derive data retrieval, persistence, and synchronization logic

Model Server-side code Client-side code

39


Model

Tools Runtime Code Gen

XML-‐based modeling language

Model-Driven Development

40


LCDS Model Driven Development Bene!ts

Productivity: Less code to write

No persistence code or data sync code

Value objects and service stubs are automatically generated

Maintainability: Less code to maintain

Changes to the model are automatically propagated

Consistency

Between client and server (for example, constraints and validation rules are de!ned in the model, not duplicated using different languages in the client and the server)

Across views (for example, UI controls, styles, and validation rules are de!ned in the model, not duplicated across different views)

Approachability

No code to write to implement complex capabilities such as persistence, synchronization, paging, lazy loading, offline, etc.

41

®


RIAPT birthday party!!!

Enrique DuvósMgr, Flash Platform Evangelism EMEAJanuary 2010

42

Ria Event Lisbon Jan 2010

Technology

Transcript of Ria Event Lisbon Jan 2010