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

19. 19

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

24. 24

25. 25

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

28. 28