https://nichub.github.io/microclub/tags/mashup/ Recent content in Mashup on MICRoCLUB Hugo -- gohugo.io fr-CH © 2026 Microclub Fri, 09 Oct 2026 17:59:59 +0200 https://nichub.github.io/microclub/2008/05/26/tag-galaxy/ Mon, 26 May 2008 19:36:07 +0200 https://nichub.github.io/microclub/2008/05/26/tag-galaxy/ <p><a href="http://taggalaxy.de/" target="_blank" rel="noreferrer">Tag Galaxy</a> affiche dans une page web des photos tirées de flickr correspondant à certains mots-clés ou « tags ». L’interface utilisateur 3D a un look « astronomique » : les tags sont des planètes, et en cliquant dessus les photos sont affichées sur une sphère que l’on peut faire tourner à la souris.</p> <p><a href="https://nichub.github.io/microclub/media/2008/05/taggalaxy1.png" ><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="https://nichub.github.io/microclub/media/2008/05/taggalaxy1.png" ></figure> </a></p> <p><a href="http://web200x.files.wordpress.com/2008/05/taggalay2.png" target="_blank" rel="noreferrer"><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="https://nichub.github.io/microclub/media/2008/05/taggalax2.png" ></figure> </a></p> <p><a href="https://nichub.github.io/microclub/media/2008/05/taggalaxy3.png" ><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="https://nichub.github.io/microclub/media/2008/05/taggalaxy3.png" ></figure> </a></p> <p>En cliquant sur une image, elle apparait agrandie, hélas pas en haute résolution comme avec PicLens, mais on peut facilement ouvrir la page flickr correspondant à l’image:</p> https://nichub.github.io/microclub/2008/05/17/twitter-spectrum/ Sat, 17 May 2008 15:37:58 +0200 https://nichub.github.io/microclub/2008/05/17/twitter-spectrum/ <p><a href="http://www.neoformix.com/Projects/TwitterSpectrum/TwitterSpectrum.html" target="_blank" rel="noreferrer">Twitter Spectrum</a> visualise sous forme de tags les mots associés dans twitter à deux mots quelconques. C’est parfois surprenant, mais très joli et bien fait. Voilà par exemple le spectre de Switzerland/France du jour :</p> <p><a href="https://nichub.github.io/microclub/media/2008/05/tws.png" ><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="https://nichub.github.io/microclub/media/2008/05/tws.png" ></figure> </a></p> <h2 class="relative group"> <a class="heading-self-link" href="#commentaires">Commentaires <!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --></a> <div id="commentaires" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#commentaires" aria-label="Ancre">#</a> </span> </h2> https://nichub.github.io/microclub/2008/05/08/chronologies-webifiees/ Thu, 08 May 2008 14:03:20 +0200 https://nichub.github.io/microclub/2008/05/08/chronologies-webifiees/ <p>Quelques sites permettent d’éditer et de partager des « timelines », listes d’événements chronologiques permettant de retracer l’Histoire de manière conviviale.</p> <ul> <li> <p><a href="http://mnemograph.com/" target="_blank" rel="noreferrer">Mnemograph</a> est probablement le plus beau. <a href="http://mnemograph.com/app/viewer.php?uid=wright_brothers" target="_blank" rel="noreferrer">Leur exemple sur les frères Wright</a> est très attrayant, mais hélas je n’ai pas réussi à m’abonner au site (encore en bersion beta) pour essayer par moi-même</p> </li> <li> <p><a href="http://www.xtimeline.com" target="_blank" rel="noreferrer">xTimeline</a> est multilingue, mais la visualisation est un peu « brut de forme »</p> </li> <li> <p><a href="http://www.viygo.com/" target="_blank" rel="noreferrer">Viygo</a> semble plutôt destiné à visualiser des flux Twitter ou RSS sous une forme chorlonologique</p> </li> <li> <p>Complet et facile d’emploi, j’ai chosi <a href="http://www.dipity.com/" target="_blank" rel="noreferrer">Dipity</a> pour créer en quelques minutes cette <a href="http://www.dipity.com/user/goulu/timeline/history_of_3D_hardware_Software" target="_blank" rel="noreferrer">histoire du hardware 3D</a> en prévision d’une prochaine conférence au Microclub. Ca se présente comme ça:</p> <p><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="https://nichub.github.io/microclub/media/2008/05/dipitysample.png?w=300" ></figure> </p> <p>Outre des images, on peut ajouter des liens à chaque événement, et même de informations géographiques permettant de visualiser une carte Google Maps de l’endroit associé en 2 clicks.</p> <p>Quelques détails me semblent améliorables:</p> </li> </ul> https://nichub.github.io/microclub/2008/04/27/swisstrainsch/ Sun, 27 Apr 2008 10:10:21 +0200 https://nichub.github.io/microclub/2008/04/27/swisstrainsch/ <p><a href="http://swisstrains.ch" target="_blank" rel="noreferrer">swisstrains.ch</a> est un mashup spectaculaire : il affiche dans Google Maps la position des trains circulant sur le réseau ferroviaire des CFF en temps réel !</p> <p>On peut se positionner sur n’importe quel endroit du territoire suisse et voir les trains représentés par des points rouges se déplacer et s’arrêter aux gares. En cliquant sur un train, on obtient des informations sur le type de convoi, son point de départ et sa destination :</p> https://nichub.github.io/microclub/2008/01/13/yahoo-pipes/ Sun, 13 Jan 2008 18:50:28 +0100 https://nichub.github.io/microclub/2008/01/13/yahoo-pipes/ <p>Depuis quelques mois j’explore les possibilités du « <a href="http://fr.wikipedia.org/wiki/Web_2.0" target="_blank" rel="noreferrer">Web 2.0</a>« , dont la syndication par <a href="https://nichub.github.io/microclub/2007/01/03/rss-2/" >flux RSS</a> sont la réalisation la plus concrète. Ce qui manquait encore, c’est un « langage de programmation » permettant de manipuler des flux RSS facilement, et en ligne si possible.</p> <p><a href="http://pipes.yahoo.com/" target="_blank" rel="noreferrer"><figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="http://pipes.yahoo.com/img/logo-lg.gif" ></figure> </a>C’est exactement ce que fait « <a href="http://pipes.yahoo.com" target="_blank" rel="noreferrer">Yahoo Pipes</a>« , un outil aussi spectaculaire que facile à utiliser pour combiner, filter, trier des informations provenant de différentes sources via flux RSS.</p> https://nichub.github.io/microclub/2007/08/13/aggregation-rss-en-ligne/ Mon, 13 Aug 2007 18:13:07 +0200 https://nichub.github.io/microclub/2007/08/13/aggregation-rss-en-ligne/ <p>Depuis quelques mois j’explore les possibilités du « <a href="http://fr.wikipedia.org/wiki/Web_2.0" target="_blank" rel="noreferrer">Web 2.0</a>« , dont l’utilisation des <a href="http://www.projets.ch/goulu/?p=213" target="_blank" rel="noreferrer">flux RSS</a> est l’élément le plus concret. Par exemple, mes blogs offrent chacun un flux auquel vous pouvez vous abonner, mais aussi :</p> <ol> <li>un bloc « Nouvelles Choisies » qui liste les articles qui m’ont intéressé sur les dizaines de flux auxquels je suis abonné.</li> <li>un bloc « Goulu News » qui regroupe les articles publiés sur tous mes blogs en un seul fluy</li> </ol> <p>Voici comment ces flux sont générés.</p> https://nichub.github.io/microclub/2007/05/27/esfresh-lusine-a-clips/ Sun, 27 May 2007 18:12:58 +0200 https://nichub.github.io/microclub/2007/05/27/esfresh-lusine-a-clips/ <p>Depuis que <a href="http://drgoulu.com/2007/05/03/pandora-coupee-en-europe/" target="_blank" rel="noreferrer">Pandora boude l’Europe,</a> je cherche un autre service permettant d’écouter de la chouette musique en ligne. J’en ai trouvé quelques uns (listés sur <a href="http://www.techcrunch.com/2007/02/05/social-music-overview/" target="_blank" rel="noreferrer">Techcrunch</a>):</p> <ul> <li><a href="http://www.finetune.com/" target="_blank" rel="noreferrer">finetune</a> est assez proche dans le concept, propose un magnifique widget basé sur le tout nouveau Apollo, mais la musique suggérée s’écarte souvent du style de départ</li> <li><a href="http://ilike.com/" target="_blank" rel="noreferrer">iLike</a> est un complément de iTunes qui suggère des morceaux semblables à celui que vous écoutez dans iTunes. Sympa, vais regarder ça plus en détail</li> <li><a href="http://last.fm" target="_blank" rel="noreferrer">last.fm</a> est le plus « social » des systèmes, l’idéal pour trouver des infos complètes sur les artistes et en découvrir de nouveaux sur la base de ceux qu’on aime déjà. Hélas, les possibilités d’écoute en continu sont trop limitées.</li> </ul> <p>Mais la découverte dont je veux vous présenter ici, c’est esFresh, qui se définit lui-même ainsi :</p> <p><a href="http://www.esfresh.com/" target="_blank" rel="noreferrer">esFresh.com</a>=<figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="http://www.esfresh.com/imatges/logos/lastfm.jpg" ></figure> + <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="http://www.esfresh.com/imatges/logos/youtube.jpg" ></figure> + <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="" src="http://www.esfresh.com/imatges/logos/lyricWiki.jpg" ></figure> </p> https://nichub.github.io/microclub/2007/05/19/flickrvision-le-web-20-hypnotique/ Sat, 19 May 2007 20:05:09 +0200 https://nichub.github.io/microclub/2007/05/19/flickrvision-le-web-20-hypnotique/ <p>Un petit site inutile mais beau montrant la puissance du Web 2.0: <a href="http://flickrvision.com/maps/show_3d" target="_blank" rel="noreferrer">flickrvision</a></p> <p>En combinant <a href="http://goulu.wordpress.com/2006/12/04/nos-photos-sont-sur-flickr/" target="_blank" rel="noreferrer">Flickr</a> et Google Maps, Dave Troy vous montre en temps réel les photos uploadées sur Flickr en ciblant l’endroit où elles ont été prises.</p> <p>Avec une représentation en 3D du monde, on se laisse vite hypnotiser par ces belles photos en rêvant à de lointains voyages…</p> <h2 class="relative group"> <a class="heading-self-link" href="#commentaires">Commentaires <!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --></a> <div id="commentaires" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#commentaires" aria-label="Ancre">#</a> </span> </h2>