RIA

Élaboré par : Ajroudi Salma

Saidani Amira

Fatnassi Bachaier

1Année Universitaire 2013-2014

Institut Supérieur des Etudes Technologiques RadèsM1-Master Professionnel en Développement des Applications Mobiles

• 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

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

• 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

• 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

• 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

• 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

• 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

Rich internet application

Rich internet application

Presentation logic

Presentation logic

App LogicApp

Logic

Data Acces

s Layer

Data Acces

s Layer

• 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

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

• Déploiement instantané

• Rapidité d'exécution

• Asynchrone

• Allégement du besoin en ressources serveur

• Profite des capacités du poste client

•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

• 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

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

• 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

• 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

• Multiplication des technologies sur le poste de travail !

• Perte de la portabilité !

• Quid de la sécurité ,quid de l'accessibilité et quid du

référencement.

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

• 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

• 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

• 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

• 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

Outils collaboratifs – Google DocsTraitement de texte et chiffrier en temps

réelJavaScript

Logiciel – Aviary Traitement d’images et de sons

Flash

24

« Personnalisateurs » –Mockup BuilderOutils de création de diagrammes en fil de ferSilverlight

Dashboard – Netvibes Tableau de bord personnalisé en veille stratégique sur le

WebHTML5/JavaScript

Dashboard – Netvibes Tableau de bord personnalisé en veille stratégique sur le Web

HTML5/JavaScript

25

• 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

• 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