Sam & Max » vizhash http://sametmax.com Du code, du cul Sat, 07 Nov 2015 10:56:13 +0000 en-US hourly 1 http://wordpress.org/?v=4.1 L’effet sebsauvage o_O 40 http://sametmax.com/leffet-sebsauvage/ http://sametmax.com/leffet-sebsauvage/#comments Fri, 04 May 2012 10:05:05 +0000 http://sametmax.com/?p=514 Il va avoir les chevilles qui enflent à force de se faire citer, mais il faut remettre les choses dans leur contexte: le mec tient un blog en HTML -12.0 statique à la mano. Hier, nous lui avons signalé par mail que nous avions basé VizHash.js sur son travail, et il a gentiment posté un lien dans son outil de listing de lien.

Pour rappel

  • La programation c’est une niche. Le javascript, c’est une niche dans la programmation. Le hash visuel, c’est… Pas grand chose. 0.0000001 % de la population potentiellement intéressée ?
  • Il a posté UN seul lien. Avec UNE seule phrase d’accroche. Sur shaarli, son outil de poste de liens qui est à peine signalé sur son site. Tellement discret que même Max ne connaissait pas son existence alors qu’il va sur le site chaque semaine depuis qu’il l’a découvert.

Effet

En une demi-journée, on a récupéré 300 vues de ce simple lien. Ca peut vous sembler peu, mais ce sont 300 personnes qui ont réussi à passer le filtre “connaitre l’existence de shaarly, suivre son contenu, s’interesser à la programmation javascript, et être intéressé par le titre de l’article”. C’est aussi à peu prêt 5 fois le traffic que nous rapporte Google. On est un petit blog.

Et si encore ce n’était que des curieux qui bouncent juste après avoir cliqué. Mais non, les lecteurs envoyés sont de véritables bots qui crawlent tout votre site: aucun billet du blog n’a pas reçu un visiteur supplémentaire ce jour là. Même les plus insignifiants. Ce sont de gros consommateurs d’information.

Je n’ose pas imaginer si le gars poste un article sur un sujet d’actu le bruit que ça doit faire : grosse visibilité, sujet plus consensuel, lecteurs de qualité qui vont passer du temps sur l’info et la partager…

C’est pour ça que les marques visent de plus en plus les bloggers, ils ont une véritable influence sur le monde réel, depuis ce royaume virtuel qu’est internet. Moi-même je tiens une liste de marques à boycotter dont certaines entrées ont pour seule origine un poste dans sa rubrique “les trucs qui m’énervent”. Ma consommation IRL est influencée par un gars que je ne connais pas, et que je ne verrai probablement jamais.

On parle souvent de l’effet Flamby ou être slashdotté. Mais il y a définitivement un effet sebsauvage. Pas mal pour un geek amoureux du low tech qui s’est fait connaitre en poussant des coups de gueule. Il faut croire que c’est tendance.

]]>
http://sametmax.com/leffet-sebsauvage/feed/ 40
VizHash.js, notre implémentation libre de hash visuel utilisant HTML5 canvas 5 http://sametmax.com/vizhash-js-notre-implementation-libre-de-hash-visuel-utilisant-html5-canvas/ http://sametmax.com/vizhash-js-notre-implementation-libre-de-hash-visuel-utilisant-html5-canvas/#comments Thu, 03 May 2012 17:09:05 +0000 http://sametmax.com/?p=488 Sam et Max ont des goûts très différents, il n’y a pas beaucoup de sources d’information que nous lisons tous les deux, mais sebsauvage.net fait l’unanimité. Du coup quand il sort des outils forts mignons comme VizHash_GD, ça donne envie de faire pareil.

VizHash.js est une implémentation en javascript de la version PHP de VizHash, sous licence zlib/libpng. Elles produisent des images presques similaires pour le même texte, et sont donc compatibles.

Mais qu’est-ce que c’est que ce truc ?

Un hash est une empreinte unique d’un contenu. Par exemple, si ont fait le hash md5 du texte suivant:

Un petit garcon demande à sa soeur :
– Tu sais comment on fait les bébés, toi ?
– Bien sûr, c’est facile !
– Alors vas-y, dis-moi…
– Eh bien c’est simple, alors le papa il met la petite graine dans le ventre de la maman…
– Et après ?
– Et après, il la pousse bien au fond avec sa bite.

On obtient l’empreinte unique suivante:

a2def9b853b021e1644d5b65fc394e6f

Si on change UNE SEULE LETTRE, par exemple on met juste la première lettre en minuscule, on obtient une empreinte complètement différente:

caa111ff9cd798e495695a4a9f668eeb

On s’en sert pour plein de choses:

  • Verifier qu’un contenu n’a pas été corrompu lors d’un transfert de fichier.
  • S’assurer qu’aucune modification malveillante n’a été faite à un contenu.
  • Identifier rapidement si on possède le même contenu en base de données.
    Etc.

Le hash visuel

Mais les hashs textuels sont fastidieux à comparer manuellement. Quand la machine le fait, ça va, mais quand on doit le faire soi-même, c’est galère.

Le hash visuel fabrique une image unique à partir d’un contenu, de telle sorte qu’il soit facile pour un humain de comparer deux hashs en un coup d’oeil.

Essayez:

A quoi ça pourrait bien servir, dans la vraie vie ?

Vous savez, la vie ou je fais des trucs utiles…

  • Vérifier un password au moment de la frappe. Très facile de voir si le mot de passe est le bon, sans avoir à l’afficher.
  • Générer des avatars à partir de données comme l’addresse IP pour les commentaires anonymes.
  • Comparer les hashs comme ceux des commits GIT ou des addresse Bitcoin.

Par exemple, pour nous faire un don en bitcoin, vous pouvez les envoyer à:

JfymvUm9y2Z47puGfnsrGewDDCBPaYFj

Si votre logiciel bitcoin implémentait le hash visuel, vous pourriez être certain qu’il n’y a pas de faute de frappe avant de valider le paiement en comparant les deux images.

Plus concrètement, pour vérifier le mot de passe:

Si aimez les “$” et que vous cherchez une solution qui marche sous tous les navigateurs, VizHash_GD est fait pour vous. Si par contre vous voulez alléger la charge de votre serveur (ou que vous ne pouvez pas installer PHP GD) et que vous ciblez les navigateurs compatibles HTML5, VizHash.js sera un très bon choix.

Télécharger VizHash.js en ZIP

Si le README en anglais ne vous parle pas, cliquez sur les onglets “javascript” et “html” des démos ci-dessus pour voir le code.

Update:

On a créé un chouette plugin jquery pour checker les passwords avec VisHash.js.

]]>
http://sametmax.com/vizhash-js-notre-implementation-libre-de-hash-visuel-utilisant-html5-canvas/feed/ 5