Module Conception et Architecture d’interface Homme Machine Sujet : Expérimenter les mashups : application aux bureaux personnalisés construits à partir de différentes sources du web

Deux sortes de bureaux virtuels en ligne Bureaux façon « portail web » But : rassembler sur une seule page tous les services en ligne de l'utilisateur : compte de messagerie, calendrier, bloc note, album photos, documents, fils d'informations, moteur de recherche, etc. Basés sur des mashups pour enrichir un bureau virtuel en deux ou trois clics Ex : iGoogle, Netvibes, pageflakes Bureaux façon « système d'exploitation » But : emporter données personnelles et environnement applicatif partout avec soi non customisables au niveau des services fournis il semblerait (car sans mashups ?) mais proposant une gestion de fichiers (stockage en ligne, édition, partage, etc) plus poussée par rapport à la première catégorie ? Ex : ajaxWindows, eyeOS, Desktoptwo, JetBee, OODesk, Goovy, YouOS

3 types de mashups différents en terme d'intégration Mashups de présentation Choisir des services et les positionner sur une page comme on veut Ex : Bureaux virtuels « portails » Mashups de données Mixer des données de sources différentes en un Ex : TuneGlue - surfer au travers des artistes de last.fm et acheter leur musique sur Amazon. http://audiomap.tuneglue.net/ Ex : Flickrvision - voir les photos de flickr et leur localisation sur une carte du monde. http://flickrvision.com/ Mashups logiques Intégrer des services dans un workflow Ex : Kayak récupérer les tarifs et réserver des vols à plusieurs agences de Voyage en ligne. http://www.kayak.fr/ Idem pour Wingmap http://www.wingmap.co.uk/

Catalogues d'éléments “mashables” Un élément mashable est une brique logicielle pouvant être intégré à d'autres éléments mashables pour former une mashup couvre un champ fonctionnel très large : suivi de colis UPS, affichage de cours de bourse, offres d'emploi, écoute de radios en ligne, etc peut prendre différentes formes et disposer ou non d'une IHM Gadgets ou widgets ou modules : offrent une IHM Flux RSS, services web et REST : n'offrent pas forcément d'IHM Exemple de quelques catalogues : http://www.programmableweb.com/ http://code.google.com/more/ http://www.widgetbox.com/ http://www.yourminis.com/ http://www.flickr.com/services/api/ http://www.youtube.com/dev

Éditeurs de mashups Plus ou moins utilisables par les utilisateurs finaux Offrant parfois des catalogues de widgets à intégrer aux mashups Popfly : http://www.popfly.com/ Google mashup editor : http://editor.googlemashups.com/ Yahoo Pipes : http://pipes.yahoo.com/pipes/ Intel Mash Maker : http://mashmaker.intel.com/web/ IBM Lotus Mashups : http://www- 01.ibm.com/software/lotus/products/mashups/ Dapper : http://www.dapper.net/

Groupes de travail Objectif général : mettre les mashups à la portée des utilisateurs non informaticiens (utilisateurs finaux) pour qu'ils puissent personnaliser leur bureau virtuel tous seuls Objectif “Modèle de l'utilisateur” : Analyser les besoins des utilisateurs finaux en terme de convivialité de l'IHM et de personnalisation des bureaux virtuels de type “portails” Objectif “Évaluation des outils existants” : Comparer la facilité d'utilisation des différents éditeurs de mashups - en fonction du type de mashups visé - par les utilisateurs finaux Objectif “Développement IHM non centré utilisateurs” Proposer une extra IHM permettant aux utilisateurs finaux de créer des mashups de tous types sans programmer

Ref bureaux façon « portail web » IGoogle : http://www.google.fr/ig portail Web personnalisable permettant d'agréger en une seule page des flux d'information continue (notamment des flux RSS), des jeux, des services personnalisés (Agenda, météo, Gmail...) et différents modules de type widget. On peut également décliner cette page unique en différentes pages en ajoutant jusqu'à 6 onglets eux aussi personnalisables. Netvibes : http://www.netvibes.com/ Netvibes est un service gratuit qui agrège vos sources et services favoris. Tout ce qui est important pour vous (blogs, informations, météo, vidéos, photos, réseaux sociaux, email, etc.) est automatiquement mis à jour à chacune de vos visites. Page flakes : http://www.pageflakes.com/

Ref bureaux façon « système d'exploitation » AjaxWindows : http://www.ajaxwindows.com/ intègre Google Document et Tableur, Zoho, GizmoProject uniquement des applications conçues par Ajax13 + un mashup de service Web tel que MP3Tunes, GMail ou Gizmoo Project qui sont liés à votre compte EyeOS : http://eyeos.org/fr/ librairie pour le développement de votre application et pour interagir avec le système Desktoptwo http://desktoptwo.com/ JetBee https://www.jetbee.com/ OODesk http://www.oodesk.com/home.php Goovy : http://www.goowy.com/ et http://goowymail.goowy.com/ racheté par AOL ... Seules les fonctions liées au mail semblent avoir été migrées ... YouOS https://www.youos.com/ N'existe plus !