SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
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!

Contenu connexe

Tendances

Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneChristophe Lauer
 
Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4Microsoft
 
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKitConstruire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKituncatcrea
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidBosco Basabana
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?Philippe Dumont
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapBenjamin LUPU
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoftwyggio
 
Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5wyggio
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologiewyggio
 
PhoneGap VS Appcelerator
PhoneGap VS AppceleratorPhoneGap VS Appcelerator
PhoneGap VS AppceleratorTiyab K.
 
20140130 mug lyon - post-mortem d'une application métier
20140130   mug lyon - post-mortem d'une application métier20140130   mug lyon - post-mortem d'une application métier
20140130 mug lyon - post-mortem d'une application métierMatthieu DUFOURNEAUD
 
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisiteCMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisiteSmile I.T is open
 

Tendances (20)

Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligne
 
Workshop Lightning Web Components
Workshop Lightning Web ComponentsWorkshop Lightning Web Components
Workshop Lightning Web Components
 
Silverlight 4
Silverlight 4Silverlight 4
Silverlight 4
 
Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4Quoi de neuf dans ASP.NET MVC 4
Quoi de neuf dans ASP.NET MVC 4
 
Silverlight
SilverlightSilverlight
Silverlight
 
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKitConstruire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
 
Java Fx
Java FxJava Fx
Java Fx
 
Java Fx Rapport
Java Fx RapportJava Fx Rapport
Java Fx Rapport
 
Apache Cordova 3.3 de zéro
Apache Cordova 3.3 de zéroApache Cordova 3.3 de zéro
Apache Cordova 3.3 de zéro
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 
Silverlight
SilverlightSilverlight
Silverlight
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoft
 
Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5Wygday 2011 - Introduction à HTML5
Wygday 2011 - Introduction à HTML5
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
PhoneGap VS Appcelerator
PhoneGap VS AppceleratorPhoneGap VS Appcelerator
PhoneGap VS Appcelerator
 
20140130 mug lyon - post-mortem d'une application métier
20140130   mug lyon - post-mortem d'une application métier20140130   mug lyon - post-mortem d'une application métier
20140130 mug lyon - post-mortem d'une application métier
 
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisiteCMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
 

En vedette

Flex vs. HTML5 for RIAS
Flex vs. HTML5 for RIASFlex vs. HTML5 for RIAS
Flex vs. HTML5 for RIASPamela Fox
 
Immunofluorescence technique
Immunofluorescence techniqueImmunofluorescence technique
Immunofluorescence techniqueRajpal Choudhary
 
Immunofluorescence
ImmunofluorescenceImmunofluorescence
ImmunofluorescenceFarhan ali
 
Immunofluorescence: A Brief Discussion
Immunofluorescence: A Brief DiscussionImmunofluorescence: A Brief Discussion
Immunofluorescence: A Brief DiscussionGreg Aquino
 
Immunofluorescence PPT
Immunofluorescence PPTImmunofluorescence PPT
Immunofluorescence PPTali7070
 
Réaction antigène-anticorps appliquée en techniques immunologiques
Réaction antigène-anticorps appliquée en techniques immunologiquesRéaction antigène-anticorps appliquée en techniques immunologiques
Réaction antigène-anticorps appliquée en techniques immunologiquesAsmae LGUENSAT
 

En vedette (10)

Flex vs. HTML5 for RIAS
Flex vs. HTML5 for RIASFlex vs. HTML5 for RIAS
Flex vs. HTML5 for RIAS
 
Immunofluorescence technique
Immunofluorescence techniqueImmunofluorescence technique
Immunofluorescence technique
 
Immunofluorescence
ImmunofluorescenceImmunofluorescence
Immunofluorescence
 
Immunofluorescence
ImmunofluorescenceImmunofluorescence
Immunofluorescence
 
Immunofluorescence: A Brief Discussion
Immunofluorescence: A Brief DiscussionImmunofluorescence: A Brief Discussion
Immunofluorescence: A Brief Discussion
 
Immunofluorescence PPT
Immunofluorescence PPTImmunofluorescence PPT
Immunofluorescence PPT
 
Bilharziose
BilharzioseBilharziose
Bilharziose
 
Le diagnostic : méthodes
Le diagnostic : méthodesLe diagnostic : méthodes
Le diagnostic : méthodes
 
De l'antigène à l'anticorps
De l'antigène à l'anticorpsDe l'antigène à l'anticorps
De l'antigène à l'anticorps
 
Réaction antigène-anticorps appliquée en techniques immunologiques
Réaction antigène-anticorps appliquée en techniques immunologiquesRéaction antigène-anticorps appliquée en techniques immunologiques
Réaction antigène-anticorps appliquée en techniques immunologiques
 

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

memoire sur la technologie de RIA
memoire sur la technologie de RIAmemoire sur la technologie de RIA
memoire sur la technologie de RIAifis
 
Ppt 2 a jeanpierre-yle-cleach-hec-05022015_sent2hec
Ppt 2   a jeanpierre-yle-cleach-hec-05022015_sent2hecPpt 2   a jeanpierre-yle-cleach-hec-05022015_sent2hec
Ppt 2 a jeanpierre-yle-cleach-hec-05022015_sent2hecYves LE CLEACH
 
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction Meetup
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction MeetupIBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction Meetup
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction MeetupIBM France Lab
 
IBM Bluemix Paris meetup #23 - 20170425
IBM Bluemix Paris meetup #23 - 20170425IBM Bluemix Paris meetup #23 - 20170425
IBM Bluemix Paris meetup #23 - 20170425IBM France Lab
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileXavier Lacot
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Microsoft
 
Jdruais bluemix meetup rennes- 20160622 - introduction à bluemix
Jdruais  bluemix meetup rennes- 20160622 - introduction à bluemixJdruais  bluemix meetup rennes- 20160622 - introduction à bluemix
Jdruais bluemix meetup rennes- 20160622 - introduction à bluemixJérôme Druais
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - AlloyMeetup Mobile Montpellier
 
Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07Jean-François Ruiz
 
Déploiement d’applications
Déploiement d’applicationsDéploiement d’applications
Déploiement d’applicationsMohammed Jaafar
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 
Lancement Flex AIR / Paris
Lancement Flex AIR / ParisLancement Flex AIR / Paris
Lancement Flex AIR / ParisMichael Chaize
 
Conférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG MontpellierConférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG MontpellierDamien Laureaux
 
Wygday2010 - silverlight 4 & wpf 4
Wygday2010 -  silverlight 4 & wpf 4Wygday2010 -  silverlight 4 & wpf 4
Wygday2010 - silverlight 4 & wpf 4Wygwam
 

Similaire à Présentation RIA avec Adobe Flex / RIA with Adobe Flex (20)

RIA
RIARIA
RIA
 
memoire sur la technologie de RIA
memoire sur la technologie de RIAmemoire sur la technologie de RIA
memoire sur la technologie de RIA
 
Ppt 2 a jeanpierre-yle-cleach-hec-05022015_sent2hec
Ppt 2   a jeanpierre-yle-cleach-hec-05022015_sent2hecPpt 2   a jeanpierre-yle-cleach-hec-05022015_sent2hec
Ppt 2 a jeanpierre-yle-cleach-hec-05022015_sent2hec
 
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction Meetup
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction MeetupIBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction Meetup
IBM Bluemix Paris Meetup #14 - Le Village by CA - 20160413 - Introduction Meetup
 
IBM Bluemix Paris meetup #23 - 20170425
IBM Bluemix Paris meetup #23 - 20170425IBM Bluemix Paris meetup #23 - 20170425
IBM Bluemix Paris meetup #23 - 20170425
 
2011 paug-presentation-de-titanium-mobile
2011 paug-presentation-de-titanium-mobile2011 paug-presentation-de-titanium-mobile
2011 paug-presentation-de-titanium-mobile
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium Mobile
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
 
IBM Bluemix : La plate-forme d’innovation numérique
IBM Bluemix : La plate-forme d’innovation numérique IBM Bluemix : La plate-forme d’innovation numérique
IBM Bluemix : La plate-forme d’innovation numérique
 
Jdruais bluemix meetup rennes- 20160622 - introduction à bluemix
Jdruais  bluemix meetup rennes- 20160622 - introduction à bluemixJdruais  bluemix meetup rennes- 20160622 - introduction à bluemix
Jdruais bluemix meetup rennes- 20160622 - introduction à bluemix
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07
 
Apple - WWDC 2018
Apple - WWDC 2018Apple - WWDC 2018
Apple - WWDC 2018
 
Déploiement d’applications
Déploiement d’applicationsDéploiement d’applications
Déploiement d’applications
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
Lancement Flex AIR / Paris
Lancement Flex AIR / ParisLancement Flex AIR / Paris
Lancement Flex AIR / Paris
 
Flex et Php Afup
Flex et Php AfupFlex et Php Afup
Flex et Php Afup
 
Conférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG MontpellierConférence Titanium + Alloy au JUG Montpellier
Conférence Titanium + Alloy au JUG Montpellier
 
IBM Bluemix
IBM BluemixIBM Bluemix
IBM Bluemix
 
Wygday2010 - silverlight 4 & wpf 4
Wygday2010 -  silverlight 4 & wpf 4Wygday2010 -  silverlight 4 & wpf 4
Wygday2010 - silverlight 4 & wpf 4
 

Plus de Cynapsys It Hotspot

Présentation data warehouse etl et olap
Présentation data warehouse etl et olapPrésentation data warehouse etl et olap
Présentation data warehouse etl et olapCynapsys It Hotspot
 
Introduction à la Business Intelligence
Introduction à la Business Intelligence Introduction à la Business Intelligence
Introduction à la Business Intelligence Cynapsys It Hotspot
 
Catalogue pfe cynapsys_2016_2017
Catalogue pfe cynapsys_2016_2017Catalogue pfe cynapsys_2016_2017
Catalogue pfe cynapsys_2016_2017Cynapsys It Hotspot
 
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...Cynapsys It Hotspot
 
Comment manager une équipe de 100 ingénieurs
Comment manager une équipe de 100 ingénieurs Comment manager une équipe de 100 ingénieurs
Comment manager une équipe de 100 ingénieurs Cynapsys It Hotspot
 
Automotive : Domaine & applications
Automotive : Domaine & applicationsAutomotive : Domaine & applications
Automotive : Domaine & applicationsCynapsys It Hotspot
 
Presentaion fpga µc µp quelles est la solution
Presentaion  fpga µc µp quelles est la solutionPresentaion  fpga µc µp quelles est la solution
Presentaion fpga µc µp quelles est la solutionCynapsys It Hotspot
 

Plus de Cynapsys It Hotspot (20)

Présentation data warehouse etl et olap
Présentation data warehouse etl et olapPrésentation data warehouse etl et olap
Présentation data warehouse etl et olap
 
Présentation Angular 2
Présentation Angular 2 Présentation Angular 2
Présentation Angular 2
 
Introduction à la Business Intelligence
Introduction à la Business Intelligence Introduction à la Business Intelligence
Introduction à la Business Intelligence
 
Catalogue pfe cynapsys_2016_2017
Catalogue pfe cynapsys_2016_2017Catalogue pfe cynapsys_2016_2017
Catalogue pfe cynapsys_2016_2017
 
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...
Présentation noura baccar " Innovation on Indoor GeoLocalization Applications...
 
Comment manager une équipe de 100 ingénieurs
Comment manager une équipe de 100 ingénieurs Comment manager une équipe de 100 ingénieurs
Comment manager une équipe de 100 ingénieurs
 
Exposé 1 brevet med truki (1)
Exposé 1  brevet  med truki (1)Exposé 1  brevet  med truki (1)
Exposé 1 brevet med truki (1)
 
Exposé 2 brevet med truki (2)
Exposé 2  brevet  med truki (2)Exposé 2  brevet  med truki (2)
Exposé 2 brevet med truki (2)
 
Présentation nouveauté java7
Présentation nouveauté java7Présentation nouveauté java7
Présentation nouveauté java7
 
Cloud presentation
Cloud  presentationCloud  presentation
Cloud presentation
 
Présentation cloud computing
Présentation cloud computingPrésentation cloud computing
Présentation cloud computing
 
Présentation banc_ test
Présentation banc_ testPrésentation banc_ test
Présentation banc_ test
 
Automotive : Domaine & applications
Automotive : Domaine & applicationsAutomotive : Domaine & applications
Automotive : Domaine & applications
 
PRESENTATION CYN APSYS/MANTIS
PRESENTATION CYN APSYS/MANTISPRESENTATION CYN APSYS/MANTIS
PRESENTATION CYN APSYS/MANTIS
 
Formation traitement d_images
Formation traitement d_imagesFormation traitement d_images
Formation traitement d_images
 
Informatique Quantique
Informatique QuantiqueInformatique Quantique
Informatique Quantique
 
Informatique Quantique
Informatique QuantiqueInformatique Quantique
Informatique Quantique
 
Présentation Cryptographie
Présentation CryptographiePrésentation Cryptographie
Présentation Cryptographie
 
Presentaion fpga µc µp quelles est la solution
Presentaion  fpga µc µp quelles est la solutionPresentaion  fpga µc µp quelles est la solution
Presentaion fpga µc µp quelles est la solution
 
Comminucation v&nv
Comminucation v&nvComminucation v&nv
Comminucation v&nv
 

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

  • 1. RIA sous FLEX Par Moez HANZOUTI Mai 2010
  • 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. 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 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. 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. 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. 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 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. 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 technologies et infrastructures tierces
  • 14. Quelques exemples en production Sumo Paint! http://www.sumopaint.com/
  • 15. Quelques exemples en production FlashMoto.com http://www.flashmoto.com/
  • 16. Exemples de Cloud Computing Cliquez-ici
  • 17. Exemples de Cloud Computing Cliquez-ici
  • 18. Des Chiffres et des Stats Statistiques des navigateurs utilisant les MV RIA Source: http:// riastats.com/
  • 19. Des Chiffres et des Stats Nombre des PCs connectés utilisant des MVs RIA Statistiques de Millward Brown, en Mars 2010
  • 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. 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. 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. 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. 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. 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. Merci pour votre participation!