1. Élaboré par : Ajroudi Salma
Saidani Amira
Fatnassi Bachaier
1
Année Universitaire 2013-2014
Institut Supérieur des Etudes Technologiques Radès
M1-Master Professionnel en Développement des Applications Mobiles
2. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
•Les technologies utilisées pour la RIA
• Exemple d’applications Internet riches
• Conclusion
2
3. • Applications Web traditionnelles ont de grandes limitations
concernant l’utilisation et l'interactivité des leurs interfaces
utilisateur.
3
Un nouveau type d'applications web est venu de
surmonter ces limitations c’ est le RIA.
4. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
• Les technologies utilisées pour la RIA
•Exemple d’applications Internet riches
• Conclusion
4
5. • Le terme Rich Internet Application a été introduit dans une
publication de Macromedia en mars 2002, mais le concept
existe depuis un certain nombre d'années plus tôt sous des
noms tels que:
• Remote Scripting (par Microsoft) vers 1998,
• X Internet ( par Forrester Research) en Octobre
2000,
• Riche (web) clients,
• Application web riche.
5
6. • RIA=Rich Internet Application => Application Internet
riche.
• « Riche » = richesse dans l’interaction avec l’utilisateur.
• Une application web qui offre des caractéristiques similaires
aux logiciels traditionnels installés sur un ordinateur .
La dimension interactive et la vitesse d'exécution sont
particulièrement soignées dans ces applications Web.
6
7. • L’interface utilisateur est « riche » et dynamique.
• Une RIA peut être :
• exécutée sur un navigateur Web. Aucune installation n'est
requise.
• exécutée localement dans un environnement sécurisé
appelé sandbox (bac à sable).
• Un serveur héberge et distribue l’application à ses utilisateurs.
7
8. • Les données ainsi que l’interface utilisateurs sont
généralement bien séparées.
• Une compatibilité avec plusieurs plate formes et systèmes
d’exploitation.
8
9. 9
Rich internet applicationRich internet application
Presentation
logic
Presentation
logic
App
Logic
App
Logic
Data
Access
Layer
Data
Access
Layer
10. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
•Les technologies utilisées pour la RIA
• Exemple d’applications Internet riches
• Conclusion
10
11. Les RIA permettent de proposer des applications modernes de
manière fiable et économique et offrent de réels avantages par
rapport aux sites web classiques développés en
(X)HTML/CSS :
• Interface très rapidement riche et agréable
• Composants riches prêt à l'emploi
• Interactivité accrue
• Animations
• Moteur graphique vectoriel
• Gestion des vidéos optimisée
• Possibilité de déporter sur le bureau
11
12. 12
• Déploiement instantané
• Rapidité d'exécution
• Asynchrone
• Allégement du besoin en ressources serveur
• Profite des capacités du poste client
13. •L'installation d'un plugin :
peut compliquer le déploiement en entreprise
•Temps de chargement des pages
•Le coût des licences des environnement de
développement
•Apprentissage éventuel d'un nouveau langage de
développement web (AS3, langages .NET, ...)
•Problème de référencement
13
14. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
•Les technologies utilisées pour la RIA
•Exemple d’applications Internet riches
• Conclusion
14
15. Deux déclinaisons des RIA : RWA vs RDA:
• RWA pour Rich Web Application
• Une évolution des applications web traditionnelles pour
intégrer les avantages des applications “desktop” (en
particulier expérience utilisateur),
• Proche des « clients légers ».
• RDA pour Rich Desktop Application
• Une évolution des applications “desktop” pour intégrer les
avantages des applications web (diffusion, maintenance)
• Proche des « clients lourds» .
15
16. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
•Les technologies utilisées pour la RIA
•Exemple d’applications Internet riches
• Conclusion
16
17. 17
• RIA = le meilleur du web et du "desktop"
• RIA & conception des interfaces
• Séparer présentation - logique – données
• Briques d'IHM réutilisables
• Nécessité d'installer « des choses en plus » dans le
navigateur et forte
concurrence sur les technologies
18. 18
•Java Runtime Engine
une simulation logicielle d'une véritable
machine. La principale tâche de la
machine virtuelle est de charger en
mémoire les fichiers exécutable et
d'exécuter le bytecode .
•Adobe Flash Player
(ou plus simplement Flash Player) est un
contrôle ActiveX, un plugin ou un lecteur
multimédia autonome utilisant
la technique Flash.
•Silverlight Runtime
20. • Choix difficile mais important
• Difficile de migrer vers une autre technologie (pas de
réutilisation).
• Quelques critères de sélection à prendre + ou – en
compte ...
• Variété des widgets et des effets visuels,
• Spécificité des fonctionnalités (DOM, événements, etc),
• Outillage associé et integration avec d'autres technologies,
• Importance de la communauté et qualité de la
documentation,
• …
20
21. • en fonction de vos besoins :
• Taille de l'application à réaliser et domaine applicatif,
• Durée du développement (prototype vs production),
• Compétences des développements.
21
22. • Points communs :
• Utilisation d'un langage à balises pour décrire la structure de
l'IHM,
• Séparation style / contenu de l'IHM,
• Langage additionnel pour la partie traitement.
22
23. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
• Les technologies utilisées pour la RIA
• Exemple d’applications Internet riches
• Conclusion
23
26. • Introduction
• Qu’est ce que la RIA?
•Avantages & Inconvénients
•Déclinaisons des RIA
• Les technologies utilisées pour la RIA
• Exemple d’applications Internet riches
• Conclusion
26
27. • Une application internet riche (RIA) permet d’implémenter
des applications web avec complexité de celle « desktop ».
• Amélioration de l’expérience utilisateur
• Meilleure ergonomie, performance, interactivité,
• Asynchrone: l ’utilisateur n’attend pas.
27
*Vue la limitation de Web classique (HTML) et l’architecture des légers RIA
**Architecture légers:
Ce type d' applications offre une série d'avantages , par exemple ils fournissent une interface graphique plus riche et plus efficace ressemblant applications de bureau . RIA sont des applications Web complexes basés sur l'architecture client lourd ,communication asynchrone , et une grande variété de widgets d'interface utilisateur . D'une part ,le client de gérer les données et les processus et, d'autre part, le trafic du réseau est réduite par laamélioration de la communication
Applications Internet Riches (RIA) sont des applications Web qui utilisent des données qui peuvent être traité à la fois par le serveur et le client. En outre, l'échange de données a lieu dans un moyen asynchrone de sorte que le client reste sensible tout en recalculant en continu ou pièces de mise à jour de l'interface utilisateur.
Sur le client, RIA fournir un look-and-feel similaire à celle des applications de bureau et le mot «riche» signifie en particulier la différence de la génération précédente des applications web.
Efficaciter de reseau : Le moteur de client peut entrer en interaction avec le serveur sans attendre que l'utilisateur d'effectuer une action d'interface tels que cliquer sur un bouton ou un lien . Cela permet à l' utilisateur de visualiser et d'interagir avec la Cette page asynchrone de la communication du client moteur avec le serveur . Cette option permet aux concepteurs de RIA déplacer des données entre le client et le serveur sans attendre l'utilisateur
Efficaciter de reseau : Le moteur de client peut entrer en interaction avec le serveur sans attendre que l'utilisateur d'effectuer une action d'interface tels que cliquer sur un bouton ou un lien . Cela permet à l' utilisateur de visualiser et d'interagir avec la Cette page asynchrone de la communication du client moteur avec le serveur . Cette option permet aux concepteurs de RIA déplacer des données entre le client et le serveur sans attendre l'utilisateur
Les applications riches peuvent être regroupées dans deux grandes catégories :
RIA : Rich Internet Applications
RDA : Rich Desktop Applications
Silverlight:
La technologie Silverlight permet de créer rapidement des applications s’exécutant à l‘intérieur d’un navigateur Web avec une interface graphique très évoluée, en permettant la création d’animations et la gestion de grands volumes de données.