Author Archives: vinch

Si vous célibataires, écoutez bien ce qui suit. Si vous ne l’êtes pas, écoutez aussi, les choses peuvent aller si vite…

Je ne vous apprends rien en vous disant qu’en ce moment, les sites de rencontres marchent très fort sur Internet ! Il suffit de voir dans quelle bagnole roule le patron de Meetic pour s’en convaincre…

De ce constat simple est né illimeety, le premier site de speed dating en ligne via webcam !

Je laisse Romain-Pierre (un des cofondateurs) vous en expliquer le principe :

L’inscription est succincte et rapide, car sur illimeety il n’y a pas de profils consultables, à la différence d’un meetic. Les utilisateurs choisissent pour une session de Speed Dating (il y en a toutes les 20 minutes), une région et une tranche d’âge, puis sélectionne un horaire en visualisant l’affluence de cette session. Les participants sont donc en attente du départ du Speed Dating, à savoir que les sessions comportent trois femmes trois hommes maximum, la session durant vingt minutes : trois rencontres de cinq minutes + cinq minutes de chargements divers. Ainsi chaque utilisateur va donc rencontrer chacune des personnes du sexe opposé, pendant une durée de cinq minutes, à la façon d’un chat vidéo. A la fin les votes interviennent : si deux personnes se sont plus, alors elles peuvent sélectionner leurs coordonnées à échanger qu’elles auront enregistrées lors de l’inscription (téléphone, email, msn, skype…).

Ouverture prévue fin mai.

Découvert cette après-midi lors d’une de mes nombreuses séances de wilfing : la possibilité d’intégrer son Twitter dans MyBlogLog !

De plus, notez que Twitter dispose désormais d’une version mobile : http://m.twitter.com pour alimenter votre compte de partout !

Pour rappel : mon Twitter et mon MyBlogLog.

Il y a quelques années (ou devrais-je dire quelques mois) est apparue une sorte de sites Web inconnue jusqu’alors : les pages d’accueil personnalisables. Plusieurs ont tenté l’expérience (Protopage, Pageflakes, yourminis, Webwag, etc.) mais seuls quelques privilégiés ont réussi à tirer leur épingle du jeu : Google bien entendu mais également Netvibes, le petit poucet français qui s’est fait une place au soleil dans ce marché très convoité.

Comme vous le savez, ces applications permettent de placer les gadgets (Netvibes les appelle widgets mais j’utiliserai le terme gadget dans la suite de l’article) que vous souhaitez sur votre page afin de la rendre personnelle. Ce que vous savez certainement aussi, c’est que ces applications permettent de créer vos propres gadgets et de les mettre à disposition de tous…

Dans cet article, je vais tenter de vous expliquer comment réaliser vos gadgets Google et Netvibes. Cependant, vous devez savoir qu’il ne couvre pas toutes les possibilités offertes mais vous indique simplement la voie pour réaliser votre premier gadget simple. Si vous voulez aller plus loin, je vous recommande la consultation de la documentation fournie par Google et Netvibes.

Comment créer un gadget Google ?

Un gadget Google se présente sous la forme d’un fichier XML tout à fait classique.

En voici l’exemple ultra simplifié :

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="hello world example" /> 
  <Content type="html">
     <![CDATA[ 
       Hello, world!
     ]]>
  </Content> 
</Module>

Ce n’est pas sorcier à comprendre :

* Module est la balise racine du document.
* ModulePrefs permet de spécifier quelques données liées au gadget. Ici, je ne renseigne que l’attribut title mais beaucoup d’autres existent : description, author, screenshot, etc.
* Content est le contenu proprement dit du gadget. Cela peut être du code HTML (entouré par CDATA pour ne pas que les balises HTML soient interpretées comme des balises XML) si l’attribut type à la valeur html ou une URL vers un fichier HTML si l’attribut type à la valeur url.

Il suffit donc de remplir à votre convenance les attributs de la balise ModulePrefs et le contenu de la balise Content pour créer votre propre gadget Google.

Une fois celui-ci réalisé, vous pouvez l’ajouter à votre Google Homepage grâce à ce lien : http://www.google.com/ig/add?moduleurl=%5BURL\_DE\_VOTRE\_FICHIER\_XML]

Exemple : ce gadget donne le cours de l’action Emakina Group (ALEMK)

Comment créer un gadget Netvibes ?

Pas plus compliqué pour Netvibes, à la différence près que le format utilisé est XHTML au lieu de XML :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link rel="stylesheet" type="text/css" href="http://www.netvibes.com/themes/uwa/style.css" />
    http://www.netvibes.com/js/UWA/load.js.php?env=Standalone
    <title>Title of the Widget</title>
  </head>
  <body>
    <p>Hello world ! </p>
  </body>
</html>

Comme vous le voyez, il s’agit d’un fichier XHTML on ne peut plus classique. La seule chose à faire est d’inclure le fichier JS et le fichier CSS propre à Netvibes. Ce qui est pratique avec Netvibes, c’est qu’il utilise l’Universal Widget API (UWA), qui permet de créer son gadget et de l’ajouter ensuite à Netvibes (of course), mais aussi à votre Google Homepage, au Apple Dashboard, etc.

Exemple : le gadget que nous venons de créer. Remarquez les deux boutons sous le gadget…

Conclusion :

C’est très simple de créer un gadget pour Google ou Netvibes ! Si vous créez un gadget vraiment génial, n’oubliez pas de me le signaler ! A vous de jouer 😉 You can do it !

Petite parenthèse : en fouinant un peu sur The Wayback Machine, je suis tombé sur Netvibes en 2002 qui n’a aucun rapport avec l’application Web 2.0 que nous connaissons aujourd’hui. S’ils avaient su que quelques années plus tard, le nom de domaine netvibes.com vaudrait des milliers (millions ?) d’euros…

* Google – http://code.google.com/apis/
* TRYNT Google Pagerank Web Service – http://www.trynt.com/trynt-google-pagerank-api/
* Alexa – http://www.alexa.com/site/devcorner/web_info_services
* Yahoo! Site Explorer – http://developer.yahoo.com/search/siteexplorer/
* Amazon – http://aws.amazon.com
* Technorati – http://technorati.com/developers/
* Blogmarks – http://dev.blogmarks.net/wiki/DeveloperDocs
* Feedburner – http://www.feedburner.com/fb/a/developers
* del.icio.us – http://del.icio.us/help/api/
* Ma.gnolia – http://ma.gnolia.com/support/api
* Digg – http://apidoc.digg.com/
* Flickr – http://www.flickr.com/services/api/
* Twitter – http://twitter.com/help/api
* YouTube – http://www.youtube.com/dev
* Last.fm – http://www.audioscrobbler.net/data/webservices/
* Weather – http://www.weather.com/services/xmloap.html
* GeoURL RSS Feeds – http://geourl.org/news/2005/04/05/rss.html