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

26
RIA sous FLEX Mai 2010 Par Moez HANZOUTI

description

Le web est un milieu qui évolue rapidement on le sait. L’écosystème qu’il constitue change en fonctions des usages que l’on en fait ou des technologies utilisées. L’une des évolutions majeures qu’il va connaître sera sans aucun doute les applications dites "riches", RIA ou encore "Internet Riche". Avec Flex, le développement d'applications dites riches sont devenus plus accessibles, rapides et sécuritaires. Avec un environnement d'exécution qui existe dans 99% des ordinateurs connectés sur Internet...

Transcript of Présentation RIA avec Adobe Flex / RIA with Adobe Flex

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!