ria event lisbon jan 2010

RIAPT birthday party!!!

Enrique DuvósMgr, Flash Platform Evangelism EMEAJanuary 2010

Agenda...

RIAs dos and don’ts

Agenda...

What’s coming in the new Flash Platform runtimes

Agenda...

Building iPhone apps with Flash CS5

Agenda...

Model Driven Development

Agenda...

Some giveaways....

Agenda...

Some giveaways....

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

Best practices building RIAs...

1. Form follows function (MVC vs MVP)

2. Leverage Design Tenets

3. Use the right !delity level

4. What do your users and customers want?

5. Ease of use or power users? Both

6. Are you thinking about concurrency?

7. Balance the computing load

8. Security vs Usability

9. Maintenance and Versioning

10. Contextual applications

Worst practices building RIAs...

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

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

3. HTML CAN NOT DO THAT

4. Do you really have that much bandwidth?

5. Animation-sickness

6. Have you heard the word “framework”?

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

8. Too many containers

9. Complex rendering

10. Fanatic or Pragmatic?

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

Flash Platform Runtimes update

MultiscreenContent and Applications

TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

ORM TOOLS FRAMEWORK

CLIENTSSERVICESSERVERS

ColdFusion

Flash Media Server Family

LiveCycle Server

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

ORM TOOLS FRAMEWORK

CLIENTSSERVICES

SERVERS

ColdFusion

LiveCycle Server

Flash PlatformServices

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

ColdFusion

LiveCycle Server

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

FLASH PLATFORM SERVICES

LC Collaboration

Distribution

Payment

Social

ColdFusion

LiveCycle Server

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

Analytics &Optimization

ORM TOOLS FRAMEWORK

CLIENTS

SERVICESSERVERS

ColdFusion

LiveCycle Server

Flash Player

Flash Builder

FlashCatalyst

FlashPro

Creative Suite

Analytics &Optimization

ORM TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

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

Flash Platform Advantage – Reach

98% 70% 75%

•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

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

Flash Player 10.1 optimized for mobile and media

Double the number of operating systems reached

New options for media delivery and monetization

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

Automatic Memory Reduction

Gamma Bros

Wall-E

FP10 Demo

Flex Photo Album

Yahoo Ad

Flex Data Grid0

Flash Player 10

15MBGamma Bros

Wall-E

FP10 Demo

Flex Photo Album

Yahoo Ad

Flex Data Grid0

Flash Player 10Flash Player 10.1

Battery Usage

Active State with Video3.4 hours

Battery Usage

Active State with Animation

6.5 hours

Battery Usage

Active State with Animation

6.5 hours

Low Powerwith Animation

14.5 hours

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”

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

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

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

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

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

AIR 2.0

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

AIR Runtime Installations300,000,000+

Developer Tools Downloads2,000,000+

Broad range of customer applications and adoption

As of September 2008

Adobe AIR 1.0 : Web applications outside the browser context

Noti!cation

Access native functionality Data management Efficient development

Branded experiences

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)

AIR 2.0 new features

Mass Storage Detection

Mass Storage Detection Improved Socket Support

Invoke Native Applications

All FP 10.1 features

Mobile GroundworkAll FP 10.1 features

Invoke Native Applications Updated Webkit Engine

Mobile GroundworkAll FP 10.1 features

Invoke Native Applications Updated Webkit Engine

Mobile Groundwork Latest OS SupportAll FP 10.1 features

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

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

swf.exe.swf

assets

timeline

ABC1 SHA1

ABC2 SHA1

assets

timeline

assets

timeline

AOT – Ahead of Time ActionScript Compilation

.swfFlash Pro CS5

Flash runtime library

ABC compiler

LLVM bitcode

LLVM code gen

AOT tool

AIR package vs. iPhone .app

.swf Flash assets

app:/ assets

app.xml

.swf Flash assetsARM exe

runtime

library

app:/ assets

Info.plist

Packager for iPhone: Work$ow

.AIR (swf, jpg, mp3)

Packager for iPhone: Work$ow

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

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

• inc. App.xml

• AS3 - > ARM

• Asset embedding

• .ipa creation

• icons embedded

ADT+LLVM

Certi!cate

• inc. App.xml

• AS3 - > ARM

• Asset embedding

• .ipa creation

• icons embedded

.ipaADT+LLVM

Certi!cate

• inc. App.xml

• AS3 - > ARM

• Asset embedding

• .ipa creation

• icons embedded

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

Model Driven Development withAdobe® LiveCycle Data Services 3.0

LiveCycle Data Services 3.0

Long Polling

NIO Streaming RTMPNIO Polling

PollingAMF

MessagingProxy

NIO LongPolling

Streaming

Producer ConsumerRemoteObject Dataservice

Remoting Data Mgmt

Piggyback

Change Tracking

Data Sync

Pub/Sub

Real Time Push PDF

Security

Hibernate ColdFusionSQL

SpringWSRP

JMS Java

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

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

Tools Runtime Code Gen

XML-‐based modeling language

Model-Driven Development

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.

RIAPT birthday party!!!

Enrique DuvósMgr, Flash Platform Evangelism EMEAJanuary 2010

ria event lisbon jan 2010

enrique duvs

arm icons

donts whats

work ow adl

practices

internals

app stub creation

side code

Technology

15th ebes conference - lisbon conference program ebes...

cmk in 2008 - uhasselt...linda boelanders, greet clerx,...

lisbon story

traffic lisbon

lisbon foot & ankle lisbon - peetornozelo.pt · lisbon foot...

sommelier lisbon

common lab research infrastructure for the arts and...

lisbon, portugal hotel market snapshot lisbon … ·...

cape lisbon

fluorogenic assay for molecular typing of the leishmania...

welcome to lisbon - intercontinental lisbon hotel ·...

lisbon 2011

lisbon novo

lisbon anne

lisbon connectivism

lisbon, portugal

lisbon | lisboa

southwest lisbon

lisbon 2010

lisbon region