More Related Content Similar to Ria2010 keynote développeurs (9) More from Michael Chaize (20) Ria2010 keynote développeurs1. RIA2010 - Retour d’Adobe MAX
Palais des congrès - le 30 Novembre 2010
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
2. Les orateurs du jour sont...
@ davidderaedt @mchaize @ychevalier
dehats.com RIAgora.com baao.com
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
3. Méfiez vous de ychevalier
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
4. Les tendances de fin d’année
Consumer
Electronics
Mobile
Phones
Personal
Computers
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
5. Une prolifération de terminaux
11
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
6. 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
7. Quatre grands thèmes
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
8. <WEB>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
9. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
10. Adobe contribue à Webkit
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
11. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
12. Les packs HTML5 Dreamweaver CS5 et Illustrator CS5
Dreamweaver CS5: multiscreen panel et auto-completion
Illustrator CS5 HTML5 pack: support SVG / multiscreen, export CSS
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5
13. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
14. L’animation CSS3 et JS avec Edge (prototype)
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
15. 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 »
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
16. 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
…
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
17. <WEB>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
18. <VIDEO>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
19. 1
Back from MAX 2010
Back from MAX 2010 © copyrights BaaO 2010
2
Video Flash en 2010...
et au delà
Back from MAX 2010 © copyrights BaaO 2010
20. 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
Back from MAX 2010 © copyrights BaaO 2010
4
Back from MAX 2010 © copyrights BaaO 2010
21. 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
Back from MAX 2010 © copyrights BaaO 2010
6
Back from MAX 2010 © copyrights BaaO 2010
22. Playback with
Packager
H.264 files
.f4m. f4x, .f4f .
Apache server
With plug-in
7
Back from MAX 2010 © copyrights BaaO 2010
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
Back from MAX 2010 © copyrights BaaO 2010
23. 9
http://www.osmf.org/configurator/fmp/
Back from MAX 2010 © copyrights BaaO 2010
10
Démo
Transformation d’un
fichier pour du HTTP
Streaming
Test de ce fichier avec
FMP
Back from MAX 2010 © copyrights BaaO 2010
24. La performance vidéo flash
Stage Video: une accélération matérielle totale
Support du fullscreen sur moniteurs multiples + API de détection
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
25. Flash et le Digital Home
Une experience « leanback »
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12
26. Adobe AIR for TV
AIR 2.5 pour TV & BlueRay Samsung
Marketplace spécifique
StageVideo supporté
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13
27. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
28. <VIDEO>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
29. <ENTREPRISE>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15
30. Applications natives
Native Native Native Native Native Native
App App App App App App
iOS
© 2010 Adobe Systems Incorporated. All Rights Reserved.
31. Une couche d’abstraction
Flex 4.5 framework
AIR 2.5 Flash Player 10.1
iOS
© 2010 Adobe Systems Incorporated. All Rights Reserved.
32. Open Screen Project
Technologic partners Content providers
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
33. Flash Player 10.1
Flash Player 10.1
Google TV
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
34. Adobe AIR 2.5 = native applications = multiple screens
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
35. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved.
36. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved.
37. 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)
© 2010 Adobe Systems Incorporated. All Rights Reserved.
40. Mobile Applications dans "Hero"
s:Application s:MobileApplication s:TabbedMobileApplication
© 2010 Adobe Systems Incorporated. All Rights Reserved. 26
41. 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
42. AIR for BlackBerry PlayBook
WIN A PLAYBOOK !!!
http://us.blackberry.com/developers/tablet/devresources.jsp
© 2010 Adobe Systems Incorporated. All Rights Reserved.
43. 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
Back from MAX 2010 © copyrights BaaO 2010
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 profil
mobile)
.. Petite modification et hop ! on fait aussi du Flex :-)
Back from MAX 2010 © copyrights BaaO 2010
44. 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
Back from MAX 2010 © copyrights BaaO 2010
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
Back from MAX 2010 © copyrights BaaO 2010
45. 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
Back from MAX 2010 © copyrights BaaO 2010
18
HTML et Webkit
Support de la classe AIR StageWebView
Classe d’extension custom QNXStageWebView
Implemente StageWebView
Renforce la communication entre ActionScript et JavaScript
Back from MAX 2010 © copyrights BaaO 2010
46. 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
Back from MAX 2010 © copyrights BaaO 2010
20
Exemple des boutons
qnx.ui.buttons.Button
qnx.ui.buttons.LabelButton
qnx.ui.buttons.RadioButton
qnx.ui.buttons.CheckBox
qnx.ui.buttons.SegmentedControl
Back from MAX 2010 © copyrights BaaO 2010
47. 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)
Back from MAX 2010 © copyrights BaaO 2010
22
Liens
http://groups.adobe.com/group/504
http://vimeo.com/user2014727/videos (elopsys)
Back from MAX 2010 © copyrights BaaO 2010
49. LiveCycle Data Services aujourd’hui
Flex Client Flex Client Flex Client
LCDS
Java Classes
Thing1.class
Thing2.class
Thing3.class
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
50. 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
??.???
Thing2.class Thing2.dll
??.???
Thing3.class Thing3.dll
??.???
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
51. 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
??.???
Thing2.class Thing2.dll
??.???
Thing3.class Thing3.dll
??.???
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
52. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35
53. Tomorrow’s LiveCycle Data Services
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
??.???
Thing2.class Thing2.dll
??.???
Thing3.class Thing3.dll
??.???
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36
54. 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.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37
58. Tomorrow’s LiveCycle Data Services
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
??.???
Thing2.class Thing2.dll
??.???
Thing3.class Thing3.dll
??.???
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 41
59. 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.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 42
60. 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.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43
62. LCCS SDK Offers 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
63. Les fonctionnalités
§ VoIP audio
§ Broadcast Webcam video
§ Real-time text chat
§ Whiteboards
§ Real-time shared objects
§ Screen sharing
§ Record & Playback
§ HTML client
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
65. Flash Catalyst 1.5 « Panini »
Support des contraintes de redimensionnement
Skin de composants personnalisés
Interactions globales
Panneau d’alignement
Nouveautés timeline/animation
…
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
66. <ENTREPRISE>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 48
67. <JEU>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 49
68. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18
69. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
70. <CONCLUSION>
WEB VIDEO ENTREPRISE JEU
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 51
74. 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
© 2010 Adobe Systems Incorporated. All Rights Reserved.
75. Si vous souhaitez nous contacter:
@tontonraoul
@ davidderaedt @mchaize yac@baao.com
dehats.com RIAgora.com baao.com
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 56