Je ne sais pas pour vous, mais je trouve que ça commence à faire beaucoup… Comment une si grosse entreprise peut stocker autant de données sensibles en ne mettant pas suffisamment de sécurités ?
Pour info, 60 000 comptes PSN et 30 000 comptes Sony Online Entertainment (et je crois qu’on arrive à 90 000 😀 ).
Pour ceux qui ne connaissent pas les QR Codes, c’est nouveau code barre en 2D qui permet par exemple de partager des liens internet, mais encore beaucoup d’autres informations (position géographique, texte…). Ces QR Code sont utilisés sur les smartphones, ils sont lus grâce à l’appareil photo de votre mobile.
Générer un QR Code est très simple, beaucoup de sites et d’applications mobiles (Android et iPhone) le font à votre place. Mais…
Il y a peu de temps, je suis tombé sur cet article, qui explique comment et pourquoi on peut mettre un logo personnalisé dans un QR Code.
Comment est-ce possible ?
Cela vient du fonctionnement même du QR code. C’est une matrice de petits carrés noirs et blancs. Et dans cette matrice, il y a une certaine quantité d’erreurs qui peuvent être corrigées, le maximum d’erreurs possibles étant de 30%. 30% représente une assez grande partie d’un QR Code.
Il est donc possible de volontairement foirer une partie égale ou inférieure à ce pourcentage. Et par foirer, je veux dire bien entendu mettre ce que l’on veut, par exemple coller un logo par dessus. 😉
Le QR code se décompose en plusieurs parties distinctes. Certaines doivent rester intactes, les autres, on s’en fout !
Voici la représentation d’un QR code version 6. Sur ce schéma, les zones blanches représentes les zones à laisser intactes. Les couleurs représentes un bloc de 1 byte (formé par 8 petits carrés blancs ou noirs). Les traits noirs relient ensemble les blocs qui sont divisés en deux parties.
Il y a 172 zones de 8 pixels. 30% d’erreur signifie donc que l’ont peut à peu près recouvrir 51 zones. Ce qui fait déjà une assez bonne partie.
Ce qui reste à faire ? C’est très simple, il faut faire son ptit dessin, le mettre au dessus de ce schéma et regarder s’il recouvre 51 zones, et pas une de plus. Il ne faut pas oublier non plus qu’une zone en partie recouverte compte pour une zone recouverte complètement.
La pratique
Voici un petit exemple concret. Prenons par exemple… le logo space invaders de ce ptit blog. On le superpose avec le shéma et ça donne ça :
Nickel, on n’écrase que 42 zones.
Attention : le logo doit être entouré de blanc pour éviter tout croisement avec d’autres pixels noirs. Je ne suis pas sûr à 100% de cette règle mais il vaut mieux éviter les problèmes 😉
On va alors créer un QR code, par exemple sur ce site. N’oubliez pas de choisir V6 en version et 30% de “Error correction level“.
Là il ne faut juste pas se planter, parce que le schéma ci-dessus est plus grand que le QR code généré. Il faut donc bien retaillé le logo en conséquence.
Le résultat est là :
Et bien entendu, ça fonctionne ! 🙂
J’ai ici gardé l’effet pixelisé en prenant des pixels de la même taille pour le space invader. Mais rien ne vous oblige à faire ça.
D’ailleurs, en voilà un autre qui fonctionne tout autant.
La team MozillaLabs a fait un très beau boulot en essayant de démontrer que l’HTML5 avec du Javascript peut largement faire concurrence à la technologie Flash d’Adobe.
Ce petit jeu en 3D vous propose de secourir un renard. Le but du jeu est simple, il vous faut cliquer sur les météorites qui vous entourent pour essayer de vous rapprocher du renard et de l’attraper. Essayez-le !
Je n’ai pas grand chose à ajouter, il suffit simplement de regarder cette image…
Mais je pense que Windows 8 ne sera pas un fail. Sa principale qualité est d’être allégé. C’était pour moi le gros défaut des nouvelles moutures de windows, impossible de les installer sur des machines un peu vieilles. Alors si W8 garde les qualités de Win7 et qu’en plus, il tourne avec moins de processus en mémoire, c’est tout bon !
Certains de mes amis se demandent pourquoi je joue encore aux jeux vidéo, c’est gamin, immature, inutile, etc. J’aurai du mal moi-même à l’expliquer. Heureusement, il existe des vidéos pour ça (surtout pour ceux qui parlent anglais).
Les infographies sont de plus en plus courantes de nos jours. Elles regroupent beaucoup d’informations, le tout en image ce qui rend toutes ces données plus agréables à lire.
Mais ici, l’infographie a encore fait un bon en avant. Il ne s’agit plus d’une simple image, mais d’une page web, animée et mise à jour en temps réel ! Données à jour, animation, décompte de temps, etc… Bref, l’infographie presque parfaite (la perfection n’existe pas, c’est bien connu 😀 ).
Vectoform a mis en ligne un comic (une BD dans le monde américain) “interactive” grâce à la technologie HTML 5 avec le CSS et le javascript qui va avec. Le résultat est surprenant et très bien rendu ! C’est une belle démonstration de ce que le HTML5 nous réserve. Le tout est très léger et fluide, aucun problème à relever, un bel exemple de ce que peut donner la maîtrise des dernières technologies web.
Le tout pour faire de la pub à Vectoform mais aussi à Internet Explorer 9, bien que le site fonctionne aussi sur Firefox et Chrome (et d’autres j’imagine).