Adobe Salon Linux

2007 Adobe Systems Incorporated. All Rights Reserved.1

Adobe Flex 3 Solutions Open Source de

développement de RIA

Michaël

CHAIZE

[email protected]

Blog: CodeMoiUnMouton


Agenda

-Un point sur Flash

-Qu’est ce que Flex ?

-Des exemples

-Décomposition de l’offre

-Flex et l’Open Source

-Au-delà

du navigateur…


Evolution du format Flash: 11 ans

d’IHM

Un format d’animation vectoriel publié

Le Rich Media: son et vidéo

Introduction d’un langage de script

IHM et expérience utilisateur

Mobilité et embarqué

Le Flash Player est partout

L’explosion de la RIA: refonte de la machine virtuelle

Une communauté de designers et de développeurs


La révolution: le Flash Player 9, un socle applicatif

Performances

La VM a été réécrite intégralement avec un compilateur JIT

AS3 100% ECMA-262

Support total sur Windows, Mac et Linux

Nouvelle machine virtuelle : AVM2

Conçue pour être rapide tout en consommant un minimum de mémoire

Coexiste avec la AVM1

AVM2 est un projet openSource

Le nouveau Firefox utilisera notre moteur (projet Tamarin)

99


Démonstration: Performances du Flash Player 9

99

CHALLENGE:

Afficher un tableau de 10.000 lignes et effectuer un tri sur une colonne.

Contrainte: Dans un navigateur web.


Flex, c’est quoi ?

72005 Adobe Systems Incorporated. All Rights Reserved.

Qu’est

ce

que

Flex ?

Flex, c’est une façon de faire des fichiers Flash (swf).

Flex, c’est pour les développeurs.

Flex, c’est pour faire des applications…

Qui s’exécutent dans le navigateur web (Adobe Flash Player)…

…sur le bureau (Adobe AIR)…

… sur les mobiles.


Evolution des applications “Entreprise”

Client/ServerMainframe

Web Applications

Rea

ch

Local

Global

RichText UI Integrated media GUI

1992

1998

2005+

Rich Internet

Applications


Les atouts

des applications Flex

Data Visualization & Collaboration

Real Time Data Push & Alerting

Chat

Offline

Data Synchronization

& Conflict Resolution

Bi-Directional Audio & Video

Rich Data Entry

Menus & Navigation Controls

Resizable Views/Effects/

Transitions

Mapping, Geo-Coding,

Annotations & White boarding


Exemple

de réalisation

pour Wall Street


Design Led Innovationa permis la transformation des

données en information


De quoi ai-je besoin pour réaliser une application Flex ?


La ligne

Adobe Flex

Flex SDK 3

Flex/Ajax Bridge

FREE

FREE

Flash Player 9

FREEFlex Builder

with

Charting

Design ViewCode HintingDebugging, Refactoring, ProfilerComponent SkinningVersion Linux

Blaze DSRemoting

JavaFormat AMF pour échanger

les objetsMessaging HTTPOpen Source


MXML and ActionScript

Fonctionnement

et déploiement

Flex Builder IDEFlex Builder IDE

Flex SDKFlex SDK

MXMLMXML ActionScriptActionScript

Flex Class LibraryFlex Class Library

.swf

Compile

.swf


MXML and ActionScript

XML/HTTPREST

SOAP Web Services

XML/HTTPREST

SOAP Web Services

Fonctionnement

et déploiement

BrowserBrowser

J2EE Application ServerJ2EE Application Server

Blaze DS

Flash Player

Web ServerWeb Server

Existing Applications and InfrastructureExisting Applications and Infrastructure

Flex Builder IDEFlex Builder IDE

Flex SDKFlex SDK

MXMLMXML ActionScriptActionScript

Flex Class LibraryFlex Class Library

.swf

Compile

.swf

XML AMF

.swf


Flex et l’Open Source


Flex et l’Open

Source

Open Source Flex SDK

OutilsMXML Compiler

(mxmlc, compc)

AS3 Compiler

Flex Command Line Debugger (FDB)

View Source Utilities

Web Tier Compiler Modules

Automated Testing Framework (core infrastructure and component extensions)

Mozilla

Public License

Librairies

Flex Core Components

Flex AIR Components

Graphics Tags Libraries

Themes (e.g., Halo)

RPC Libraries (SOAP, HTTP, Client Remoting)

FABridge

Initiatives Adobe

Projets

Flex Unit

Cairngorm MVC

Flex Stressing Framework

FlexLib

Tamarin

Ajax Video player


Blaze DS (LGPL)

Blaze DS apporte le remoting et le messaging HTTP à la communauté Open Source avec le soutient d’Adobe

Objectif: Connecter une application Flecou Ajax à la logique métier du serveur

Amélioration des transferts de données pour des meilleurs temps de réponse

Data push temps réel sur le standard HTTP (Poll and Comet)

Messaging complet en publication et souscription

Gratuit et open source

Publication de l’ Action Message Format(AMF) binary data protocol specification

Builds certifiées, garanties entreprise et support pour les entreprises


La communauté

Open Source


Au-delà du navigateur…


2007-2008

RIA Technology Trends

Cross-

Platform

Rich Internet

Applications

Lightweight

Desktop Apps

Cross-

Phone/Device

2006

Adobe AIRDesktop

Flex Mobile

WindowsOnly

Web

Pages

NativeApplications

JIT DeploymentOS Integration

Offline Operation

JIT DeploymentRich Client

Robust App Model

JIT DeploymentDumb Client

Page-Based Model

Heavyweight InstallNative OS Integration

Offline Operation

Web BrowserHTML/JavaScriptAjax/Flash/Flex


Adobe AIR Application Stack

Cross-OS Application

Integrated

Rendering

Integrated DOMs

& Scripting

Flash

FlexActionScriptXMLAudioVideo

HTML

PDF

HTML

HTMLJavaScriptXMLCSS

Flash

PDF

Adobe AIR APIs

Mac, Windows, Linux & Device OS

File System

Access

File System

Access

Network

Detection

Network

Detection NotificationsNotifications Application

Update

Application

Update

Drag and

Drop

Drag and

Drop

Local

Database

Local

Database ......


Adobe AIR: Fonctionnalités

Ressources locales

Online/offline détection

Drag-and-drop

Accès au Clipboard

Background processing

Gestion multi-fenêtres

Custom window chrome

Transparent applications

More…

Gestion du HTML avec WebKit

Flash Player 9

Intégration HTML/Flash/PDF

Base de données SQLite


Liens


Pour aller

plus loin…

Tester les solutions Flex

Public beta downloads – http://labs.adobe.com/flex

Public roadmaps and specifications – http://flexwiki.adobe.com

Guides pour bien démarrer

Le portail Flex – http://www.flex.org

Des exemples en ligne – http://www.flex.org/showcase/

Slides

de cette présentation

Mon blog – http://codemoiunmouton.wordpress.com

Blog sur la RIA – http://www.riapedia.com

http://labs.adobe.com/flex

http://flexwiki.adobe.com/

http://www.flex.org/

http://www.flex.org/showcase/

http://codemoiunmouton.wordpress.com/

http://www.riapedia.com/


Q&A