Gatellier.be » web2.0

2008 en une image.

Marin — Mon, 22 Dec 2008 12:11:46 +0000

Une version plus grande est disponible sur mon compte Flickr. Réalisé avec Wordle.

Ajouter de tags et de commentaires dans les vidéos avec Viddler

Marin — Thu, 11 Jan 2007 19:25:17 +0000

Viddler est un service de partage de vidéo en ligne pas comme les autres. Son gros avantage est de permettre d'attribuer des tags et de commenter des moments précis des vidéo.

Il permet aussi de référer une image figée lorsque l'on envoie la vidéo. Grâce à Viddler, vous ne devrez plus regarder l'entièreté de films qu'on vous envoie ou que vous trouvez sur internet pour voir une image particulière.

(...)
Read the rest of Ajouter de tags et de commentaires dans les vidéos avec Viddler (196 words)

Charles sniffe de l’Ajax et du swf

Marin — Tue, 17 Oct 2006 16:17:58 +0000

non je ne parles pas de mon (plus si) petit voisin

On a vu récemment que sous Firefox, il était très facile de tracer les requêtes Ajax avec l'extension Firebug.

Et pour Internet Explorer?

Il existe une application multi platforme (Win/MacOS/Linux) qui permet de renifler tout le traffic passant par les navigateurs. Le nom de ce bonheur pour les développeurs: Charles

Une fois installé et activé, Charles se comporte comme un serveur proxy et enregistre les différentes requêtes HTTP

L'analyse des données de la partie droite de l'écran permet de retrouver une foule d'informations sur la ressource demandée. Dans ce cas-ci, il s'agissait d'un flux RSS.

L'onglet Général nous indique tout ce qui est relatif au fichier demandé lui-même (taille, vitesse de téléchargement, etc), l'onglet Request reprend ce que le browser a demandé au serveur, et l'onglet Response reprend ce que le serveur a répondu.

Exactement ce qu'on cherche pour déboguer nos applications Ajax.

Comme ce programme se comporte comme un proxy, il capture tous le traffic, même les requêtes qui sont faites par des fichier .swf tels des diaporamas ou des applications FlashComm

Quand je vous disais que c'était le bonheur !

Disponible sur le site du développeur, la version d'essais est tout à fait fonctionnelle sauf qu'elle s'arrête après trente minutes (assez pour certains). Sinon, l'application coûte US$50,-. Pas si cher que ça.

Liens relatifs

Le temps nous est compté.

Marin — Tue, 03 Oct 2006 13:07:48 +0000

Effet wet-floor (sol humide) et estampillé 2.0

Vérifier la disponibilité d’un nom de domaine avec Ajax

Marin — Sat, 02 Sep 2006 16:05:54 +0000

Vérifier la disponibilité d'un nom de domaine est désormais plus rapide grâce à AjaxWhois.

Vous entrez le nom de domaine convoité dans le champs et après quelques secondes, vous saurez si le nom est libre ou déjà enregisté.

L'avantage est que la page n'est pas rafraîchie, le curseur de l'utilisateur reste dans le champs donc, dès que l'utilisateur reçoit une réponse, il peut directement entrer un autre terme de recherche.

Il y a un petit incovénient: comme le service vérifie en direct la disponibilité de différents TLD (.com, .net, .org, .be), ça prend un peu de temps.

Lien relatif :

AjaxWhois

Vous pouvez aider Google Image Labeler

Marin — Fri, 01 Sep 2006 20:34:13 +0000

Un petit jeu qui sert aussi (surtout chez Google) : Google Image Labeler

Le but est simple, face à un concurrent apparemment réel, vous devez découvrir ce que représent l'image proposée par Google. Des points sont attribués à chaque bonne réponse aussi bien à vous qu'à votre partenaire de jeu par mot trouvé. Une façon très ludique de faire participer ses utilisateurs à une tâche fastidieuse qui serait de tagger la quantité pharaonique d'image de leur base de données. En plus, un humain est capable de beaucoup plus de détections qu'un ordinateur. Le tout en Ajax pour faciliter les rafraîchissements de page. Ils sont fort chez Google quand même. Au fait, le premier gagne quoi?

Liens relatifs

Google Image Labeler
via ADN

Gucci 2.0 avec protype et script.aculo.us

Marin — Wed, 23 Aug 2006 08:05:22 +0000

Gucci, fabriquant et vendeur de luxe, vient de redesigner son site. Au menu, pas de flash mais l'utilisation des librairies prototype et script.aculo.us.

Le site tout en largeur est tout en transitions (scroll, apparitions,...), les pages de galerie peuvent être mises en favoris, mon dieu que c'est bien fait.

(bon, être riche et avoir mauvais goût - cf la veste pour toutou)

A voir absolument.

Liens relatifs :

le site Gucci
télécharger la librairie javascript prototype
télécharger la librairie javascript script.aculo.us
via: Ajaxian

Créer des icônes “chargement en cours” pour ses applications Ajax

Marin — Mon, 21 Aug 2006 12:03:43 +0000

Dans la série, internet peut m'aider à créer des images (logo ou bouton) en ligne, voici le service de création d'icônes "loading", qui sont souvent utilisées pour les applications Ajax pour montrer aux utilisateurs que "quelque chose se passe" après une interaction du visiteur.

Quelques exemples d'icônes via ajaxload :

Verdict :

Ce qui est bien, c'est la possibilité de changer le type d'icône, les couleurs d'avant et d'arrière plan de l'image, et mettre la couleur de fond transparente (attention avec ceci, il s'agit d'une transparence gif couleur index).

Quel gain de temps !

J'espère quand même qu'on ne va pas trop abuser de ces icônes parce que ça risquerait de finir comme les "skip intro" des film flash d'il y a quelques temps.

Bizarrement, chez moi, le service ne marche pas sur Firefox.

Liens relatifs :

ajaxload.info : le site pour créer des icônes "chargement en cours" pour ses applications Ajax.
Créer son logo Web2.0 en ligne
Créer ses boutons en ligne: Buttonator

Créer son logo Web2.0 en ligne

Marin — Thu, 17 Aug 2006 11:38:27 +0000

On pouvait déjà créer ses boutons en ligne, maintenant, on peut aussi créer son logo très Web2.0 (couleurs pastel, réflexion, transparence).

Ils sont tout beaux, ils sont tous brillants, mais, pour le sens du logo je vous laisserai seuls juges.

liens relatifs

[edit]: je viens de mettre à jour l'adresse du site - 20070516[/edit]

Cartes géographiques sur son portable: Google Maps pour téléphones mobiles.

Marin — Wed, 26 Jul 2006 10:02:39 +0000

Google Maps pour téléphones mobiles vient d'être mis à jour. Je me suis empressé de tester tout cela ce matin (en attendant toujours l'arrivée de ma puce gps).

Je me suis connecté avec mon gsm (Qtek 8310) en wifi sur le site Google Maps pour téléphones mobiles où j'ai téléchargé l'application. Une fois installée sur mon gsm smartphone, tout marchait directement.

Résultats : impressionnant

Google Maps pour téléphones mobiles est une petite application java qui s'installe sur le gsm:

capture d'écran de la liste d'applications java une fois Google Maps pour téléphones mobiles installé

Google Maps pour téléphones mobiles fonctionne comme son frêre sur internet : avec le curseur de votre gsm vous pouvez vous déplacer sur la carte, zoomer en avant et en arrière.

capture d'écran de la vue de Bruxelles sur Google Maps pour mobiles

On peut calculer des itinéraires entre deux points entrés sur la carte, Google Maps vous donnera le chemin avec des indications (c'est assez précis : l'application tient compte des sens interdits... juste quelques petites imprécisions.)

capture d'écran de l'itinéraire entre Emakina et chez moi sur Google Maps pour mobiles

Le résumé de l'itinéraire est assez précis : le temps et la distance calculée sont à peu près le temps et la distance que je mets pour me rendre au boulot. (ces itinéraires peuvent être sauvegardés - on accède à ses sauvegardes via la touche * du téléphone)

capture d'écran du résumé de l'itinéraire entre Emakina et chez moi sur Google Maps pour mobiles

On peut aussi faire des recherches locales, les résultats seronts affichés sur la carte.

Conclusion :

Google m'impressionne encore par l'intuitivité de ses application. Google Maps pour téléphones mobiles pousse encore la convergence entre internet et les pda/smartphones. Attention quand même à la facture si vous utilisez Google Maps via une autre connection que le wifi !

Liens relatifs:

del.icio.us+blogger=Adobe NoteTag

Marin — Tue, 30 May 2006 08:16:31 +0000

Une petite démo vaut beaucoup mieux qu'un long discours: Adobe NoteTag.

Le concept: une application en Flex qui permet de partager des tâches entre différents utilisateurs. Ce qui est fort, c'est que le système publie le contenu des Notes dans un blog pour le contenu (Blogger ou TypePad) et classifie ces notes via Del.icio.us (par système de tags).

Très Web2.0 !

Carnets de voyages 2.0

Marin — Sun, 14 May 2006 15:34:47 +0000

Vous voulez faire un tour du monde ou suivre les traces d'autres aventuriers? Le service proposé par TripTracker.net est dans l'air du temps:

une communauté, des partages de photos, de l'Ajax, une carte du monde par satellite, des flux rss, un usage des géotags, et ce site est encore en beta...

Prochain achat: un système gps.

Les URLs avec ou sans “www.” ?

Marin — Fri, 12 May 2006 07:20:32 +0000

Une petite question me turlupine depuis un bout de temps: les urls avec ou sans www ?

Avec?

Je suis pour le www dans les adresses quand elle sont imprimées: les gens comprennent que www.machin.be c'est un site internet, même quand ce texte n'est pas souligné ni en bleu.

Sans?

J'ai commencé à ommettre de taper les sous-domaines www des sites que je consulte pour raison de paresse et de facilité. Pour la majorité des sites, pas de problèmes, mais pour certains... C'est vraiment la cata.

Les personnes qui surfent régulièrement sont habituées aux url ne commençant pas par "www": la majorité des url des blogs commençent non pas par "www." mais par "blog.". Et ça fait un bout de temps déjà.

Les deux!

D'accord, c'est une configuration en plus à effectuer sur votre server web et/ou sur votre serveur DNS mais bon, c'est un plus que l'on donne au visiteur. Il peut arriver sur le site à sa façon, on lui donne de toute façon l'information qu'il cherche. Et faciliter les visites c'est aussi Web2.0.

Un site en example (en 3 lettres), il y en a plein d'autres (même chez nous).

Liens relatifs:

la1.be vs. www.la1.be
no-www.org qui milite contre le "www."
"www" in website names l'avis sur wikipedia en anglais
une solution pour IIS sur webmasterworld

ps: celui qui me trouve l'endroit où est défini l'"internet domain name of the host in RFC1037 format", je lui paye un pot (via paypal si vous n'habitez pas en Belgique).

Emakina 2.0

Marin — Mon, 01 May 2006 16:41:03 +0000

Non, il ne n'agit pas d'une nouvelle entité suite au rachat de 50% de B. on The Net par Emakina. Ni d'une annonce pour son blog web2.0 (dont je ne suis pas un grand fan - rapport aux posts qui sont vraiment très orientées buzz).

C'est malgré tout une image bien d'actualité: plein de personnes (compétentes et sympathiques) engagées (networking), des locaux réaménagés (géolocalisation), une évolution des processus internes (RIA - Rich Interface Internal Application Approach) et le tout dans un esprit bon enfant.

Il s'agissait des images d'annonce du déménagement d'Emakina de la Tour ITT à la rue de Middelbourg à Boisfort en avril 2002 et tout ça date déjà d'il y a 4 ans. Liens relatifs:

Analyser l’efficacité de l’interface de votre site web

Marin — Tue, 14 Mar 2006 11:26:25 +0000

Dans le monde effervescent des applications web, une nouveauté vient d'attirer mon regard: Crazyegg

Bien que pas encore actif, le service proposé me met déjà l'eau à la bouche:

Une analyse de votre site web, non pas des statistiques sur les visites comme beaucoup le monde le propose, mais bien une analyse sur l'efficacité de l'interface.

Apparemment, en quelques clics de souris, on pourra savoir quelle partie de l'interface est la plus efficace pour attirer l'œil du visiteur.

La fin des tests utilisateurs est proche?

En tout cas, je me suis inscrit pour tester dès que je peux !

Je vous tiendrai au courant.