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

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


                           Requête
          ...
Introduction
  La RIA permet de rapatrier ce traitement au niveau du client.
1. Rapidité de temps de réponse.
2. Intégré p...
Qu’est ce que La RIA?
• R.I.A. acronyme Rich Internet Applications ou
  Applications Internet Riches.
• Des applications w...
Avantages
• Pas besoin d’installation.
• L’utilisateur peut utiliser son application
  depuis n’importe quel ordinateur av...
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
  A...
Historique des versions
• Flex Server 1.0 et 1.5(Octobre 2004): ciblé
  pour les applications entreprises.
• Flex 2.0 (Jui...
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




                                          ...
Des Chiffres et des Stats
Nombre des PCs connectés utilisant des MVs RIA




                                 Statistiques...
Des Chiffres et des Stats
•D’après une étude de Scene7, 90% des
marketers déclarent vouloir intégrer les technologies rich...
Actualités
Flex 4 (Mars 2010)
•Meilleur intégration du flux de production designer/développeur.

•Contribution massive ent...
Actualités
iPhone/ iPod Touch vs Flash Platform
• Adobe Flash CS5 (sorti en Mars 2010) intègre une fonctionnalité de déplo...
Actualités
La synérgie entre Android et Adobe
Désormais Android intègre les technologies Adobe suivante:

• Adobe Flash 10...
Actualités
La Menace HTML5!
•Le World Wide Web Consortium (W3C) a déployé la dernière version d’HTML

• Elle comporte de n...
Références
• Définition de la RIA: http://fr.wikipedia.org/wiki/Rich_Internet_Application
•Adobe Flex: http://www.adobe.co...
Merci pour votre participation!
Prochain SlideShare
Chargement dans…5
×

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

2 956 vues

Publié le

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...

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 956
Sur SlideShare
0
Issues des intégrations
0
Intégrations
60
Actions
Partages
0
Téléchargements
131
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. RIA sous FLEX Par Moez HANZOUTI Mai 2010
  2. 2. 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...
  3. 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. 4. 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.
  5. 5. 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.
  6. 6. 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.
  7. 7. Technologies utilisées Machines virtuelles Java Runtime Engine Silverlight Runtime Adobe Flash Player
  8. 8. Technologies utilisées Frameworks RIA JavaFX Microsoft .Net Framework Adobe Flex
  9. 9. 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.
  10. 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. 11. Exemples de codes • Exemple 1: ComboBox
  12. 12. Exemples de codes • Exemple 2: Drag and drop
  13. 13. Flex, les technologies et infrastructures tierces
  14. 14. Quelques exemples en production Sumo Paint! http://www.sumopaint.com/
  15. 15. Quelques exemples en production FlashMoto.com http://www.flashmoto.com/
  16. 16. Exemples de Cloud Computing Cliquez-ici
  17. 17. Exemples de Cloud Computing Cliquez-ici
  18. 18. Des Chiffres et des Stats Statistiques des navigateurs utilisant les MV RIA Source: http:// riastats.com/
  19. 19. Des Chiffres et des Stats Nombre des PCs connectés utilisant des MVs RIA Statistiques de Millward Brown, en Mars 2010
  20. 20. 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.
  21. 21. 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
  22. 22. 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.
  23. 23. 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
  24. 24. 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.
  25. 25. 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
  26. 26. Merci pour votre participation!

×