Ria2010 keynote développeurs

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

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

Les orateurs du jour sont...

@ davidderaedt @mchaize @ychevalier

dehats.com RIAgora.com baao.com

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

Méfiez vous de ychevalier


Les tendances de fin d’année

Consumer
Electronics
Mobile
Phones

Personal
Computers


Une prolifération de terminaux

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

Une prolifération de technologies

Operating System Share: 6 Months Recent Acquirers
Smartphone Subscribers, National, US

45%
39%

33%
34%
23% 27%
23%

20% 13%

11%

6%
4%

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

Android OS RIM BlackBerry OS
Apple iPhone OS Palm OS
Symbian OS Microsoft Windows Mobile
Linux
Source: The Nielsen Company

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

Quatre grands thèmes

WEB VIDEO ENTREPRISE JEU


<WEB>



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


Adobe contribue à Webkit


La complémentarité entre HTML et Flash

+ HTML
  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


Les packs HTML5 Dreamweaver CS5 et Illustrator CS5

  Dreamweaver CS5: multiscreen panel et auto-completion
  Illustrator CS5 HTML5 pack: support SVG / multiscreen, export CSS


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


L’animation CSS3 et JS avec Edge (prototype)


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 »


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
  …

<WEB>



<VIDEO>



1

Back from MAX 2010

Back from MAX 2010 © copyrights BaaO 2010

2

Video Flash en 2010...
et au delà


3

Contenu

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


Playback with
Packager
H.264 files

.f4m. f4x, .f4f .

Apache server
With plug-in

7

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

Flash et le Digital Home

Une experience « leanback »

Adobe AIR for TV

  AIR 2.5 pour TV & BlueRay Samsung
  Marketplace spécifique
  StageVideo supporté

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

<VIDEO>



Applications natives

Native Native Native Native Native Native
App App App App App App

iOS

© 2010 Adobe Systems Incorporated. All Rights Reserved.

Une couche d’abstraction

Flex 4.5 framework

AIR 2.5 Flash Player 10.1

iOS


Open Screen Project

Technologic partners 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

‣ Expérience plus riche en Geo-Location
dehors du navigateur SQLite
Application Update Framework
Application Lifecycle
‣ Possibilité de déployer ses .AIR File format for multi-screen applications
Enhanced Application Security model
applications dans les Marketplace Distribution
market places Mobile Hardware Softkey Support
File-System Access (if allowed)
MediaLibrary API
‣ Reprise des applications Native Extensibility
AIR existantes

‣ Partager le code entre les
ActionScript3 Support
applications Flash et les Memory, battery & CPU optimizations
applications AIR Audio/Video hardware decoding
Optimized SWF management
Multi-touch and Gestures
Hardware Acceleration
Mobile Text input

Déployer des applications AIR pour mobiles

§ 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

Chroma Circuit.air Chroma Circuit.apk 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 “Hero”


Mobile Applications dans "Hero"

s:Application s:MobileApplication s:TabbedMobileApplication

© 2010 Adobe Systems Incorporated. All Rights Reserved. 26

Cycle de vie des vues <s:Views>

View Destroyed
View becomes User navigates
active back to view
Another view
becomes active
View
Created View Recreated

data

§ Alternative option: destructionPolicy=“none”

© 2010 Adobe Systems Incorporated. All Rights Reserved. 27 3B

AIR for BlackBerry PlayBook

WIN A PLAYBOOK !!!

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


13

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


14

Développement en AS3
Adobe 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 proﬁl
mobile)

.. Petite modiﬁcation et hop ! on fait aussi du Flex :-)


15

Camera
Support 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


16

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


17

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


18

HTML et Webkit

Support de la classe AIR StageWebView

Classe d’extension custom QNXStageWebView

Implemente StageWebView

Renforce la communication entre ActionScript et JavaScript


19

Composants UI en AS3
Lib 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


20

Exemple des boutons

qnx.ui.buttons.Button

qnx.ui.buttons.LabelButton

qnx.ui.buttons.RadioButton

qnx.ui.buttons.CheckBox

qnx.ui.buttons.SegmentedControl


21

Démo

ASDocs des composants

Lancement du PlayBook Simulator (machine virtuelle)

Création d’un projet BlackBerry

Ajout de comps

Test (dans le simulator)


22

Liens

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

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


LiveCycle Data Services

LCDS NEXT

JavaScript
iOS <HTML>
Devices & Clients / AJAX

preview in January 2011

LiveCycle Data Services aujourd’hui

Flex Client Flex Client Flex Client

LCDS

Java Classes

Thing1.class
Thing2.class
Thing3.class


LiveCycle Data Services demain

HTML5/JS Client Java Client Flex Client Flex Client Flex Client Android Client ObjC Client

.NET Adapter
Remoting
Messaging
Data Mgmt IIS Plugin
.NET Remoting

.NET Adapter
LCDS Messaging
MSMQ Messaging

NET
Java Classes .NET C# Classes

Thing1.class Thing1.dll
??.???
??.???
??.???


LiveCycle Data Services demain


.NET Adapter
Remoting
Messaging
.NET Remoting

.NET Adapter
LCDS Messaging
MSMQ Messaging

NET

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


Native Java Client

§ Java calling of remoting and messaging
destinations
§ Full Java implementations of:
§ RemoteObject
§ Producer
§ Consumer
§ Channel implementations, etc.

§ Includes support for native Android applications


Tomorrow’s LiveCycle Data Services


.NET Adapter
Remoting
Messaging
.NET Remoting

.NET Adapter
LCDS Messaging
MSMQ Messaging

NET

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


HTML5/JavaScript Client

§ JavaScript calling of remoting and messaging
destinations without using Flash
§ Utilizes HTML5 WebSockets
§ Full JavaScript implementations of:
§ RemoteObject
§ Producer
§ Consumer
§ Channel implementations, etc.


Remoting Example


Tomorrow’s LiveCycle Data Services


.NET Adapter
Remoting
Messaging
.NET Remoting

.NET Adapter
LCDS Messaging
MSMQ Messaging

NET

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


Native Objective C Client

§ Objective C calling of remoting and messaging
destinations
§ 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

§ Apple push notifications are used by iPhone, iPad
and 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.


IN-CONTEXT COLLABORATION

LiveCycle Collaboration Service

LCCS SDK Oﬀers Both High-Level Components and Foundation
Classes

Pods
High-level
Components Roster WhiteBoard Chat FileShare Note WebCam

RTC UI Components

Webcam Pub / Sub File Pub / Sub Audio Pub / Sub Shared Cursors
Foundation Classes

Shared Managers Shared Model

Shared Property UserQueue
Users AV Streams
Shared Collection Baton
Files Room
Pub / Sub Messaging + Permissions

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

2010 Adobe Systems Incorporated. All Rights Reserved. 45

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
  …


<JEU>



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


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


labs.adobe.com
Download Flash Builder “Burrito” and Flex “Hero”

Get the source code of
Tour de Mobile Flex

Check the Flex “Hero” tutorials on
developer.adobe.com

Orange, SalesForce.com, BV,Google, Adobe

Les ateliers


Les ateliers vers 18h00

Découverte de l’Adobe Flash Platform
avec 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:

@tontonraoul
@ davidderaedt @mchaize yac@baao.com

dehats.com RIAgora.com baao.com


Ria2010 keynote développeurs

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (12)

Similar to Ria2010 keynote développeurs

Similar to Ria2010 keynote développeurs (9)

More from Michael Chaize

More from Michael Chaize (20)

Ria2010 keynote développeurs