Module Conception et Architecture d

1
Module Conception et Architecture dinterface
Homme Machine

• Sujet
• Expérimenter les mashups application aux
  bureaux personnalisés construits à partir de
  différentes sources du web

2
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
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/

4
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

5
É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/

6
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

7
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/

8
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 !