Download - Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Transcript
Page 1: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

RIA sous FLEX

Mai 2010Par Moez HANZOUTI

Page 2: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Plan• Introduction

• Qu’est ce que la RIA?– Définition de la RIA

– Les technologies utilisées pour la RIA

• Qu’est ce que Flex?– Définition de Flex

– Exemple de code

– Exemples d’applications

– Quelques Statistiques

• L’actualité– Flex 4

– Autres...

Page 3: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Introduction

Web Classique (HTML) et l’architecture des clients légers.

Le traitement se fait au niveau du serveur à chaque sollicitation par le client

ClientServeur

Requête

Réponse

Page 4: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Introduction

La RIA permet de rapatrier ce traitement au niveau du client.

1. Rapidité de temps de réponse.

2. Intégré plus de fonctionnalités.

3. Mettre à niveau l’expérience interactive de l’utilisateur.

Page 5: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Qu’est ce que La RIA?

• R.I.A. acronyme Rich Internet Applications ou Applications Internet Riches.

• Des applications web ont les mêmes caractéristiques que les logiciels installés sur les ordinateurs.

• L’interactivité.

• La vitesse d’exécution.

Page 6: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Avantages

• Pas besoin d’installation.

• L’utilisateur peut utiliser son application depuis n’importe quel ordinateur avec connexion internet.

• Symbiose se créé entre le Web et les solutions logiciels. Exemple: Google Docs et le travail collaboratif.

Page 7: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Technologies utiliséesMachines virtuelles

Java Runtime Engine

Silverlight Runtime

Adobe Flash Player

Page 8: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Technologies utiliséesFrameworks RIA

JavaFX

Microsoft .Net Framework

Adobe Flex

Page 9: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Qu’est ce que Flex?

• Une solution de développement Open Source et gratuite.

• Modèle programmation basé sur MXML et ActionScript 3 (standard ECMA International).

• Produit final est un fichier .SWF (lisible par Adobe Flash player) intégré dans une page HTML.

Page 10: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Historique des versions

• Flex Server 1.0 et 1.5(Octobre 2004): ciblé pour les applications entreprises.

• Flex 2.0 (Juin 2006): un SDK plus élaboré et gratuit.

• Flex 3.0 (Février 2008): intégrant ActionScript 3 qui devient un langage métier.

Page 11: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Exemples de codes• Exemple 1: ComboBox

Page 12: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Exemples de codes• Exemple 2: Drag and drop

Page 13: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Flex, les technologies et infrastructures tierces

Page 14: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Quelques exemples en productionSumo Paint! http://www.sumopaint.com/

Page 15: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Quelques exemples en productionFlashMoto.com http://www.flashmoto.com/

Page 16: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Exemples de Cloud Computing

Cliquez-ici

Page 18: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Des Chiffres et des StatsStatistiques des navigateurs utilisant les MV RIA

Source: http:// riastats.com/

Page 19: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Des Chiffres et des StatsNombre des PCs connectés utilisant des MVs RIA

Statistiques de Millward Brown, en Mars 2010

Page 20: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Des Chiffres et des Stats•D’après une étude de Scene7, 90% des marketers déclarent vouloir intégrer les technologies riches sur leur site pour améliorer l’expérience utilisateur.

•D’après Gartner Group, 48% des banques auront déployé des clients riches.

•D’après Forrester, 70% des utilisateurs plébiscitent l’ergonomie de ces nouvelles interfaces.

Page 21: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

ActualitésFlex 4 (Mars 2010)

•Meilleur intégration du flux de production designer/développeur.

•Contribution massive entre développeurs et designers pour de nouvelles composantes.

•Facilement intégrable avec Adobe Flash Catalyst: outils d’intégration de design graphique

Page 22: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

ActualitésiPhone/ iPod Touch vs Flash Platform

• Adobe Flash CS5 (sorti en Mars 2010) intègre une fonctionnalité de déploiement de fichier flash en application iphone.

• Avril 2010 Steve Jobs annonce une nouvelle close pour le déploiement d’application iTunes, limitant les développeurs à créer des applications qu’avec Objective-C.

• Bataille juridique entre Adobe et Apple pour abus de position dominante.

Page 23: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

ActualitésLa synérgie entre Android et Adobe

Désormais Android intègre les technologies Adobe suivante:

• Adobe Flash 10.1

• Adobe PDF

• Adobe Air

Page 24: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

ActualitésLa Menace HTML5!

•Le World Wide Web Consortium (W3C) a déployé la dernière version d’HTML

• Elle comporte de nouvelle fonctionnalité ciblé pour la RIA.

• La navigateurs les plus connus y sont compatible

• Apple encourage a développé des applications iPhone avec HTML5

• Youtube commence a convertir ces videos avec les nouvelles balises vidéo d’HTML5

• Les spécialistes préconisent sa pénétration devient remarquables dans 4 à 5 ans.

Page 25: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Références

• Définition de la RIA: http://fr.wikipedia.org/wiki/Rich_Internet_Application•Adobe Flex: http://www.adobe.com/products/flex/•Adobe Flex Developer Center: http://www.adobe.com/devnet/flex/•Flex Open Source Community: http://flex.org/•Coding Technics librairies: http://www.adobe.com/devnet/flex/tourdeflex/•Adobe TV (section Flex): http://tv.adobe.com/#se+Flex•Adobe eSeminaires: http://www.adobe.com/cfusion/event/index.cfm?event=list&type=eseminar&loc=en_us

Page 26: Présentation RIA avec Adobe Flex / RIA with Adobe Flex

Merci pour votre participation!