Ria2010 keynote développeurs

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

RIA2010 - Retour d’Adobe MAXPalais des congrès - le 30 Novembre 2010


Les orateurs du jour sont...

2

@mchaize

RIAgora.com

@ davidderaedt

dehats.com baao.com

@ychevalier


Méfiez vous de ychevalier

3


Les tendances de fin d’année

4

Consumer Electronics

Personal Computers

Mobile Phones

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Une prolifération de terminaux

11

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Une prolifération de technologies

12

Operating System Share: 6 Months Recent AcquirersSmartphone Subscribers, National, US

Android OSApple iPhone OSSymbian OSLinux

RIM BlackBerry OSPalm OSMicrosoft Windows Mobile

Q2’09 (n=3029) Q3’09 (n=3824) Q4’09 (n=3701) Q1’10 (n=4312) Q2’10 (n=4148)

45%

39%

33%

23%34%

23%

4%6%

27%

20% 13%

11%

Source: The Nielsen Company


Quatre grands thèmes

7

WEB VIDEO ENTREPRISE JEU


<WEB>

8


© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Adobe et les futurs standards du web

  Les standards du web évoluent enfin!

  Mais leur adoption est très progressive et fragmentée

  Adobe s’implique dans la progression de ces futurs standards

2


Adobe contribue à Webkit

3


La complémentarité entre HTML et Flash

  Flash n’a jamais voulu remplacer le HTML, il l’augmente.

  Flash aura toujours une longueur d’avance

  Les domaines d’utilisation vont évoluer, mais c’est aux utilisateurs de faire leur choix

  Le rôle d’Adobe n’est pas de dicter quelle techno utiliser mais de proposer les meilleurs solutions pour ses clients

4

HTML +


Les packs HTML5 Dreamweaver CS5 et Illustrator CS5

  Dreamweaver CS5: multiscreen panel et auto-completion

  Illustrator CS5 HTML5 pack: support SVG / multiscreen, export CSS

5


La collaboration avec jQuery

  Les frameworks JS sont indispensables, jQuery est le plus utilisé

  Intégration actuelle et à venir dans Dreamweaver (jQuery mobile intégré dans Dreamweaver next)

  Utilisation de jQuery pour les futurs outils, création de framework of top of jQuery

6


L’animation CSS3 et JS avec Edge (prototype)

7


L’animation CSS et JS avec Flash Pro (sneak peek)

  Il existe un prototype d’outil d’export de FLA vers HTML/JS

  Ne pas s’attendre à une « solution miracle »

8


L’orientation multiscreen avec Flash Pro Next

  Nouveau système de Projets, orienté multi-screen: partage d’assets

  Scaling automatique du stage

  Export as bitmap

  Compilation incrémentale

  … 9


<WEB>

10



<VIDEO>

11


© copyrights BaaO 2010Back from MAX 2010

Back from MAX 2010

1


Video Flash en 2010...et au delà

2


Contenu

3

Video en entreprise

La partie serveur

HTTP Streaming

Flash Media Playback (FMP) et Strobe Media Playback (SMP)

OpenSource Media Framework (OSMF)

Flash Video et HTML 5


4


5

Diffuser des vidéos!

Progressive download

Streaming

rtmp / Flash Media Server (FMS)

HTTP Streaming

avantages du streaming sans les inconvénients

note : Peer 2 Peer pour les événements live


6


H.264 filesPackager

.f4m. f4x, .f4f .

Apache server With plug-in

Playback with


8

FMP & SMP

Player video déjà cablé et très configurable

FMP : hébergé chez Adobe (swz)

SMP : hébergé chez vous (Intranet)

Configuration et c’est OK

Basé sur OSMF

OSMF est la bibliothèque (en AS3) pour construire des player custom


9

http://www.osmf.org/configurator/fmp/


10

Démo

Transformation d’un fichier pour du HTTP Streaming

Test de ce fichier avec FMP


La performance vidéo flash

  Stage Video: une accélération matérielle totale

  Support du fullscreen sur moniteurs multiples + API de détection

11


Flash et le Digital Home

12

Une experience « leanback »


Adobe AIR for TV

  AIR 2.5 pour TV & BlueRay Samsung

  Marketplace spécifique   StageVideo supporté

13


Flash Player pour Google TV

  Support de Flash 10.1 dans le navigateur Google TV

  StageVideo est déjà supporté

  AIR pour Google TV prévu dans un futur proche 14


<VIDEO>

14



<ENTREPRISE>

15


© 2010 Adobe Systems Incorporated. All Rights Reserved.

Applications natives

iOS

NativeApp

NativeApp

NativeApp

NativeApp

NativeApp

NativeApp


Une couche d’abstraction

iOS

Flex 4.5 framework

AIR 2.5 Flash Player 10.1


Technologic partners

Open Screen Project

Content providers


Flash Player 10.1

Flash Player 10.1

Google TV


Adobe AIR 2.5 = native applications = multiple screens


AIR étend les fonctionnalités de Flash sur mobile

Geo-LocationSQLite

Application Update FrameworkApplication Lifecycle

.AIR File format for multi-screen applicationsEnhanced Application Security model

Marketplace DistributionMobile Hardware Softkey Support

File-System Access (if allowed)MediaLibrary API

Native Extensibility

‣Expérience plus riche en dehors du navigateur

‣Possibilité de déployer ses applications dans les market places

‣Reprise des applications AIR existantes

‣Partager le code entre les applications Flash et les applications AIR

ActionScript3 SupportMemory, battery & CPU optimizations

Audio/Video hardware decodingOptimized SWF management

Multi-touch and GesturesHardware Acceleration

Mobile Text input


Déployer des applications AIR pour mobiles

Chroma Circuit.apkChroma Circuit.air

§ Les Applications AIR sont packagées en fichiers .APK§ Seront distribuées sur l’Android Market place ou d’autres catalogues§ Mécanisme de mise à jour par l’Android Market Place

§ AIR Runtime: distribué sur le market place comme une librairie partagée§ Les utilisateurs le télécharge la première fois§ Mise à jour par le market place

Android Market Android Device


AIR pour iOS

§ Export SWF vers IPK

§ Cross-Compiles AIR Runtime and App to native Objective-C Bytecode

§ Utilise LLVM

§ Beaucoup d’APIs AIR sont déjà implémentées

§ Quelques APIs sont impossibles (Loader.loadBytes)

Flex sur mobile ?


Flex “Hero”


Mobile Applications dans "Hero"

26

s:TabbedMobileApplication s:MobileApplications:Application


Cycle de vie des vues <s:Views>

§ Alternative option: destructionPolicy=“none”

27

View becomes active

ViewCreated

Another view becomes active

View DestroyedUser navigates back to view

View Recreated

data

3B


AIR for BlackBerry PlayBook

http://us.blackberry.com/developers/tablet/devresources.jsp

WIN A PLAYBOOK !!!


BlackBerry PlayBook

processeur Dual-Core 1GhZ / 1GB RAM

1024x600 de résolution / 167 DPI

Multitouch

Support des gestes

Camera avant de 3MP

Camera arrière de 5MP

Enregistrement de vidéo en 1080p

13


Développement en AS3Adobe AIR 2.5 Mobile (entre autre)

BlackBerry Tablet SDK for AIR 2.5

Installation pour Flash Builder 4.0.1

BlackBerry Simulator (machine virtuelle)

Composants écrits en AS3 et toutes les API AIR standards (du profil mobile)

.. Petite modification et hop ! on fait aussi du Flex :-)

14


CameraSupport de la classe Camera

Choix de la camera avant ou Arrière

Classe CameraUI

Possibilité de lancer la caméra et de prendre des photo ou des vidéos

Classe CameraRoll

Sélection d’une image du Camera Roll

Ajout d’images au Camera Roll

15


Capteurs

Support de l’accéléromètre standard de AIR

Support de la géolocalisation standard de AIR

Classe Device donnant les informations de la tablette

16


Touch et gestes

Multi touch standard de AIR (4 points max)

Les gestes standards de AIR reconnus

Swipe

Rotate

Pinch and Zoom

Pan

Press and Tap

17


HTML et Webkit

Support de la classe AIR StageWebView

Classe d’extension custom QNXStageWebView

Implemente StageWebView

Renforce la communication entre ActionScript et JavaScript

18


Composants UI en AS3Lib qnx-screen.swc

Tous les composants ont un skin light et dark

Tous les composants sont dans le package qnx.ui

Buttons

Lists

Pickers

DropDown

Slider

19


Exemple des boutons

qnx.ui.buttons.Button

qnx.ui.buttons.LabelButton

qnx.ui.buttons.RadioButton

qnx.ui.buttons.CheckBox

qnx.ui.buttons.SegmentedControl

20


Démo

ASDocs des composants

Lancement du PlayBook Simulator (machine virtuelle)

Création d’un projet BlackBerry

Ajout de comps

Test (dans le simulator)

21


Liens

http://groups.adobe.com/group/504

http://vimeo.com/user2014727/videos (elopsys)

22

LCDS NEXT

LiveCycle Data Services

Devices & Clients <HTML>JavaScript / AJAXiOS

preview in January 2011


LiveCycle Data Services aujourd’hui

32

Flex Client Flex Client Flex Client

LCDS

Java Classes

Thing1.classThing2.classThing3.class


LiveCycle Data Services demain

33

LCDS

NET

??.?????.?????.???

Java Classes


.NET C# Classes

Thing1.dllThing2.dllThing3.dll

IIS Plugin.NET RemotingMessagingMSMQ Messaging

.NET AdapterRemotingMessagingData Mgmt

.NET

Ada

pter

Flex Client Flex Client Flex ClientJava Client Android ClientHTML5/JS Client ObjC Client


LiveCycle Data Services demain

34

LCDS

NET

??.?????.?????.???

Java Classes


.NET C# Classes




.NET

Ada

pter



Native Java Client

35

§ Java calling of remoting and messagingdestinations

§ Full Java implementations of:

§ RemoteObject

§ Producer

§ Consumer

§ Channel implementations, etc.

§ Includes support for native Android applications


Tomorrow’s LiveCycle Data Services

36

LCDS

NET

??.?????.?????.???

Java Classes


.NET C# Classes




.NET

Ada

pter



HTML5/JavaScript Client

§ JavaScript calling of remoting and messagingdestinations without using Flash

§ Utilizes HTML5 WebSockets

§ Full JavaScript implementations of:

§ RemoteObject

§ Producer

§ Consumer

§ Channel implementations, etc.

37



38



39

Remoting Example



40

Remoting Example


Tomorrow’s LiveCycle Data Services

41

LCDS

NET

??.?????.?????.???

Java Classes


.NET C# Classes




.NET

Ada

pter



Native Objective C Client

42

§ Objective C calling of remoting and messagingdestinations

§ MacOSX and iOS client support

§ Full Objective C implementations of:

§ RemoteObject

§ Producer

§ Consumer

§ Channel implementations – at least one polling and one real-time.


iOS APN Push Notifications and Multitasking

43

§ Apple push notifications are used by iPhone, iPadand iPod Touch (iOS 3.x and higher)

§ LCDS/Server-generated notifications to iOS applications

§ Notifications: Badges, sounds and custom text alerts

§ Respectful of Apple’s rules about message size, type, frequency, etc.

§ iSO Multitasking support (iOS 4.x and higher):

§ Convenience client-side functions are provided to handle various multitasking-related events such as when iOS shuts down an app. Functions handle clean disconnects, server notification of disconnect, etc.

LiveCycle Collaboration Service

IN-CONTEXT COLLABORATION

2010 Adobe Systems Incorporated. All Rights Reserved. 45

LCCS SDK Offers Both High-Level Components and Foundation Classes

High-level Components

Foundation Classes

Pods

RTC UI Components

Shared Managers Shared Model

Session(Connection, Authentication, Reconnect/Failover, RMI Routing)

Audio Pub / SubWebcam Pub / Sub File Pub / Sub Shared Cursors

Users AV Streams

Files RoomPub / Sub Messaging + Permissions

Shared Collection Baton

Shared Property UserQueue

Roster WhiteBoard Chat FileShare Note WebCam


Les fonctionnalités

§ VoIP audio§ Broadcast Webcam video§ Real-time text chat§ Whiteboards§ Real-time shared objects§ Screen sharing§ Record & Playback§ HTML client


Flash Catalyst “Panini”


Flash Catalyst 1.5 « Panini »

  Support des contraintes de redimensionnement

  Skin de composants personnalisés

  Interactions globales

  Panneau d’alignement

  Nouveautés timeline/animation

  …

16


<ENTREPRISE>

48



<JEU>

49



L’importance de Flash pour les jeux vidéos

  75% des jeux online tournent sous flash player

  Flash a déjà une longueur d’avance vis-à-vis de Canvas/JS

  Sans doute l’usage de flash le plus approprié sur mobile

18


MoleHill: La 3D accélérée au sein du Flash Player

  Une API 3D bas niveau accélérée GPU, avec fallback CPU

  Concernera aussi les autres devices (mobile, télé) si GPU

  La plupart d’entre nous utiliserons des moteurs de plus haut niveau

  Compatibilité possible avec la plupart des outils

  Support HID également prévu

19


<CONCLUSION>

51


labs.adobe.comDownload Flash Builder “Burrito” and Flex “Hero”

Get the source code ofTour de Mobile Flex

Check the Flex “Hero” tutorials ondeveloper.adobe.com

Orange, SalesForce.com, BV,Google, Adobe


Les ateliers


Les ateliers vers 18h00

Découverte de l’Adobe Flash Platformavec Yann Chevalier

Flex “Hero” et Flash Builder “Burrito”avec Michaël Chaize

Flash Player 3D, Flash Catalyst, HTML5, Flash CS NEXT

avec David Deraedt


Si vous souhaitez nous contacter:

56

@mchaize

RIAgora.com

@ davidderaedt

dehats.com baao.com

[email protected]

@tontonraoul

Technology

Ria2010 keynote développeurs