RIA sous FLEX




   Par Moez HANZOUTI
     Mai 2010
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...
Introduction
   Web Classique (HTML) et l’architecture des clients légers.


                           Requête
              Client
                                          Serveur
                            Réponse



Le traitement se fait au niveau du serveur à chaque sollicitation
                            par le client
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.
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.
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.
Technologies utilisées
   Machines virtuelles

Java Runtime Engine
Silverlight Runtime

Adobe Flash Player
Technologies utilisées
     Frameworks RIA
   JavaFX

   Microsoft .Net Framework

   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.
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.
Exemples de codes
• Exemple 1: ComboBox
Exemples de codes
• Exemple 2: Drag and drop
Flex, les technologies et infrastructures tierces
Quelques exemples en production
Sumo Paint!        http://www.sumopaint.com/
Quelques exemples en production
FlashMoto.com      http://www.flashmoto.com/
Exemples de Cloud Computing




          Cliquez-ici
Exemples de Cloud Computing




          Cliquez-ici
Des Chiffres et des Stats
Statistiques des navigateurs utilisant les MV RIA




                                                Source: http:// riastats.com/
Des Chiffres et des Stats
Nombre des PCs connectés utilisant des MVs RIA




                                 Statistiques de Millward Brown, en Mars 2010
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.
Actualités
Flex 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
Actualités
iPhone/ 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.
Actualités
La synérgie entre Android et Adobe
Désormais Android intègre les technologies Adobe suivante:

• Adobe Flash 10.1

• Adobe PDF

• Adobe Air
Actualités
La 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.
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=e
n_us
Merci pour votre participation!

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

  • 1.
    RIA sous FLEX Par Moez HANZOUTI Mai 2010
  • 2.
    Plan • Introduction • Qu’estce 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...
  • 3.
    Introduction Web Classique (HTML) et l’architecture des clients légers. Requête Client Serveur Réponse Le traitement se fait au niveau du serveur à chaque sollicitation par le client
  • 4.
    Introduction LaRIA 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.
  • 5.
    Qu’est ce queLa 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.
  • 6.
    Avantages • Pas besoind’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.
  • 7.
    Technologies utilisées Machines virtuelles Java Runtime Engine Silverlight Runtime Adobe Flash Player
  • 8.
    Technologies utilisées Frameworks RIA JavaFX Microsoft .Net Framework Adobe Flex
  • 9.
    Qu’est ce queFlex? • 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.
  • 10.
    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.
  • 11.
    Exemples de codes •Exemple 1: ComboBox
  • 12.
    Exemples de codes •Exemple 2: Drag and drop
  • 13.
    Flex, les technologieset infrastructures tierces
  • 14.
    Quelques exemples enproduction Sumo Paint! http://www.sumopaint.com/
  • 15.
    Quelques exemples enproduction FlashMoto.com http://www.flashmoto.com/
  • 16.
    Exemples de CloudComputing Cliquez-ici
  • 17.
    Exemples de CloudComputing Cliquez-ici
  • 18.
    Des Chiffres etdes Stats Statistiques des navigateurs utilisant les MV RIA Source: http:// riastats.com/
  • 19.
    Des Chiffres etdes Stats Nombre des PCs connectés utilisant des MVs RIA Statistiques de Millward Brown, en Mars 2010
  • 20.
    Des Chiffres etdes 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.
  • 21.
    Actualités Flex 4 (Mars2010) •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
  • 22.
    Actualités iPhone/ iPod Touchvs 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.
  • 23.
    Actualités La synérgie entreAndroid et Adobe Désormais Android intègre les technologies Adobe suivante: • Adobe Flash 10.1 • Adobe PDF • Adobe Air
  • 24.
    Actualités La Menace HTML5! •LeWorld 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.
  • 25.
    Références • Définition dela 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=e n_us
  • 26.
    Merci pour votreparticipation!