RIAs Rich Internet Applications LO 18 Web 2

RIAs Rich Internet Applications

LO 18 Web 2. 0 ▌ Notions et présentations du web 2. 0 2

LO 18 RIA & web 2. 0 ▌ Les RIAs sont un élément du web 2. 0 (notion de service) ▌ Le terme à été créé lors de la publication d’un livre blanc par Macromedia en mars 2002 – Anciennes appellations • • Remote scripting X internet Rich (web)clients Rich web application 3 ▌ Un Ria est une application web qui a les caractéristiques et les fonctionnalités d’une application traditionnel (client lourd nécessitant une installation sur l’ordinateur)

LO 18 RIA & web 2. 0 ▌ Un RIA ne nécéssite pas : – D’installation sur le poste de travail – Fonctionne localement dans un environnement sécurisé appelé « sandbox » . ▌ Un RIA peut être consulté en tout point géographique ▌ On prévoit pour les prochaines générations d’applications un fonctionnement « déconnecté » avec synchronisation à la reconnexion 4

LO 18 ▌ Contrairement a une application web traditionnel nécessitant un client-léger pour executer les tâches, dans le cadre d’un RIA, le client léger est présent afin d’afficher les données « statiques » (documents *. html) ▌ L’évolution rapide ne permet pas d’établir clairementce qui est RIA ou non, mais des ils ont tous comme caractéristiques : – Introduction d’une couche de code appellé « client engine » – Ce « moteur » est bien souvent chargé au démarrage de l’application et completé par d’autres éléments au fur et à mesure de l’utilisation de l’application. 5

LO 18 ▌ Les possibilités offertes par les RIAs ne sont limité que par les performances du poste qui l’execute. ▌ Parce que les RIA utilisent les ressources du processeur du client, elles offrent aux applications web des possibilités d'interfaces utilisateur en temps réels qui seraient impossibles avec des balises HTML standards 6

LO 18 Avantages ▌ Expérience plus riche, ils permettent des comportements au niveau de l’interface impossible à obtenir avec des pages html. – Insertion de comportement tel que le « drag & drop » , insertion de fenêtre d’aide, feuilles de calculs etc … ▌ Interface plus réactif qu’une application web standard (pas besoin d’interagir avec le serveur en permanence) ▌ La charge moins importante supporté par le serveur permet d’augmenté le nombres de clients simultanément connecté au serveur. 7

LO 18 Avantages ▌ La communication asynchrone serveur/client permet une plus grande interaction (Certaines applications sont programmés pour anticipés certaines requêtes de la part de l’utilisateur. Ex : google maps) ▌ Performance réseau accrues, le « moteur » pouvant choisir quelles seront les données à télécharger ou non Le niveau de qualité des RIAs les plus aboutis se rapprochent d’une application « bureautique » . 8

Limites & restrictions LO 18 ▌ ▌ Désactivation des scripts (javascripts, flash…) Vitesse de traitement du client Temps de téléchargement des scripts Perte de l’intégrité des standards (xhtml) et possibilité de plantage du navigateur ▌ Visibilité limité par les moteurs de recherche 9

Limites & restrictions gestion LO 18 ▌ Un Ria n’est plus une succession de page *. html, leurs réalisations en tout point de vue (design, utilisation, évaluation, support) est donc plus complexe. ▌ Développement plus difficile : débuguage plus complexe, le fonctionnement du RIA dépendant du poste client. 10

LO 18 Limites & restrictions ▌ C’est un secteur en pleine maturation qui possède encore de nombreuses exigences et restrictions : – Un navigateur récent est requis, javascript ne doit pas être désactivé, XMLHTTPRequest, DOM ou encore la gestion des CSS doivent être présents dans le navigateur. – Accessibilité et approche technique du RIA – Outils de développement : certaines plates-formes de proposent un environnement nécéssaire a la création d’applications 11

LO 18 ▌ Le déploiement de RIAs et ce malgré les limitations se justifient face au développement d’une application bureautique : – Aucune installation lourde requise – Mise à jour du produit automatique – L’utilisateur a accès à ses applications dès lors qu’il dispose d’une connexion internet. – Applications moins sujettes au virus et autres infections – L’utilisateur souhaite plus utiliser une application alternative via internet, que d’installer un logiciel sur son poste. 12

LO 18 ▌ Les RIAs vont certainement entrainer une mutation profonde dans le fonctionnement de l’internet : – Le navigateur est en phase de devenir le centre du système d’exploitation (des projets comme Mozilla 3. 0 tendent à le prouver) – Grâce aux connexions via RSS ou ATOM les applications deviennent planetaire – Les DLL (bibliothèque de liens dynamiques) vont se voir remplacer par des fils RSS. – Les URL n’appellent plus des pages statiques, mais des fichiers XML mise en forme et réutilisés par le RIA. 13

LO 18 Techniques ▌ Javascript – Permet l’exécution des comportement côté client, il est à la base du fonctionnement d’AJAX (asynchronous javascript and XML) ▌ Flash – La technologie Adobe est une autre méthode pour créer des RIAs (son taux de pénétration sur les postes clients étant un puissant avantage) ▌ WPF (windows Presentation Foundation) – Il s’agit du socle de développement qui avec. Net 3. 0 donnera la possibilité de créer des application ayant des similarités avec celles utilisant XAML et des langages tel que C# et visual basic 14

LO 18 Techniques ▌ Contôles Active X – Puissant outils de développement d’application pour Internet Explorer, particulièrement exposé aux attaques et autres malveillances. ▌ Java. FX – Plate-forme développé par Sun Microsystems destinéaussi bien aux postes de travails qu’aux appareils mobiles. ▌ Applets Java – Ils s’executent généralement automatiquement à l’ouverture de leurs pages (html) ▌ Applications Java 15 – L’utlisation de RIAs basé sur la technologie Jave nécéssite java web start, il profite de la pleine puissance de la plate-forme Java (graphique 2 d& 3 d, fonctionnalité en mode « hors-ligne » … – De nombreux RIA fonctionne sous Java

LO 18 Techniques ▌ Open. ID – Système d’authentifications décentralisé permettant aux utilisateurs de ne s’identifier qu’une seules fois auprès de différents services. – Il permet à un utilisateur de s’authentifier auprès de plusieurs sites (devant supporter la technologie) sans avoir à retenir un identifiant pour chacun d’eux mais en utilisant à chaque fois un unique identifiant Open. ID. Le modèle Open. ID se base sur des liens de confiance préalablement établis entre les fournisseurs de services (sites web utilisant Open. ID par exemple) et les fournisseurs d’identité (Open. ID providers). 16 • De nombreux éditeurs du Web 2. 0 ont déjà intégré Open. ID et Wikipédia, Yahoo, Microsoft, AOL (63 millions d’utilisateurs AIM) et Mozilla ont annoncé soutenir le projet.

Plate-forme de développement LO 18 ▌ Les principaux outils de développement se basent sur les technologies DHTML/AJAX ou sur le format flash ▌ Les plates-formes utilisent la structuration de données via XML et ses dérivées (MXML, XAML, XUl) 17

LO 18 Backbase ▌ Exemples – – – Explorer Personnal manager Voyages Portail Lecteur RSS 18

LO 18 silverlight ▌ Exemples – Catalogue FNAC – 20 th century fox – Future navigation microsoft 19

LO 18 FLEX 2 ▌ Exemples – – – http: //elk-x. de/sae/accom. Finder/ http: //flexderby. ntara. com/ http: //www. asfusion. com/apps/homelocator/ http: //www. onyx-vj. com/demo/ http: //d-p. com/Internet-Development-Services/ria/amazon. cfm 20

LO 18 Laszlo 4. 0 ▌ Exemples – – http: //www. laszlosystems. com/ http: //www. openlaszlo. org/lps 4/demos/lzpix/app. lzx? lzr=swf 7&lzt=html http: //www. laszlosystems. com/calendar. html http: //www. openlaszlo. org/lps 4/demos/amazon. lzx? lzt=html&lzr =swf 7 – http: //www. ishares. com/tools/index_tracker. jhtml – http: //www 03. ibm. com/innovation/us/adv/special/index. shtml? P_Campaign=106 A W 02 W&P_Site=S 191&P_Creative=U 1 IH 00 L 0 21

LO 18 Exemples ▌ Les RIAs se développent et les outils en lignes se diversifient : bureau virtuels, gestionnaires de clienteles, agendas, éditeurs de texte, tableurs, montage vidéo… 22

LO 18 ERP/CRM ▌ CRM (Customer Relationship Management) « Gestion de la Relation Client» ▌ ERP (Enterprise Resource Planning) « Progiciels de Gestion Intégrés » . – applications dont le but est de coordonner l'ensemble des activités d'une entreprise (activités dites verticales telles que la production, l'approvisionnement ou bien horizontales comme le marketing, les forces de vente, la gestion des ressources humaines, etc. ) autour d'un même système d'information – Exemple : www. 24 Seven. Office. com 23

LO 18 Bureaux mobile ▌ Il permet d’accéder à toutes les données de travails de l’utilisateur. – – Tweam 37 signals Yaziba zimbra 24

Application bureautique LO 18 ▌ Editeur de texte, tableur, client mail – Google docs , Google mail – Zoho suite ▌ Photos – Flickr – Picasa Album Web ▌ Cartographie – Google maps – geoportail 25

LO 18 Montage video ▌ Application permettant le montage de séquence vidéo au travers de l’interface web. – FORscene – Jumpcut 26

LO 18 Enseignement – Recherche de formation Edufrance 27