RIA

28
É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

description

 

Transcript of RIA

Page 1: 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

Page 2: 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

2

Page 3: RIA

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

Page 4: 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

Page 5: RIA

• 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

Page 6: RIA

• 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

Page 7: RIA

• 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

Page 8: RIA

• 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

Page 9: RIA

9

Rich internet application

Rich internet application

Presentation logic

Presentation logic

App LogicApp

Logic

Data Acces

s Layer

Data Acces

s Layer

Page 10: 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

10

Page 11: RIA

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

Page 12: RIA

12

• Déploiement instantané

• Rapidité d'exécution

• Asynchrone

• Allégement du besoin en ressources serveur

• Profite des capacités du poste client

Page 13: RIA

•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

Page 14: 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

14

Page 15: RIA

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

Page 16: 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

16

Page 17: RIA

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.

Page 18: RIA

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

Page 19: RIA

19

Page 20: RIA

• 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

Page 21: RIA

• 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

Page 22: RIA

• 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

Page 23: 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

23

Page 24: RIA

Outils collaboratifs – Google DocsTraitement de texte et chiffrier en temps

réelJavaScript

Logiciel – Aviary Traitement d’images et de sons

Flash

24

Page 25: RIA

« 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

Page 26: 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

26

Page 27: RIA

• 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

Page 28: RIA

28