Sony recommence avec ses conneries… Fuite de 90 000 comptes !

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 😀 ).

#Sony recommence avec ses conneries… 93 comptes volés… http://t.co/MVZxAHqg via @gamekult #securite #bullshit #PSN #PS3

Hotline : quand des commerciaux SFR se font passer pour Free… !

C’est quand même assez incroyable des choses pareilles ?! Ils sont pourris jusqu’à la moelle chez les FAI ?

Hotline : quand des commerciaux #SFR se font passer pour #Free .. http://t.co/frLMCOEd | le monde des #FAI est vraiment pourri ! #mensonge

Mettre son propre logo dans un QR Code

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. 😉

Pour plus d’infos, il y a bien évidemment l’article de Wikipedia. 🙂

Fonctionnement

Le QR code se décompose en plusieurs parties distinctes. Certaines doivent rester intactes, les autres, on s’en fout !

Schéma d'un QR code - Copyright HackADay

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 :

 

QR code avec logo superposé

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“.

QR code menant vers LouWii.fr

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à :

QR code menant vers LouWii.fr avec logo : OK !

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.

 

QR code avec logo en résolution "native"

Fin

A vous de jouer maintenant ! 😉

Un petit jeu en 3D tout en HTML5 et JS

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 !

Un petit jeu en #3D tout en #HTML5 et #JS par la team #Mozilla ! http://t.co/7YefYhf0 Le #flash n’a qu’a bien se tenir !

Un petit troll pour Windows 8 ?

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 !

Windows 8, pas encore sorti mais déjà trollé !
Windows 8, pas encore sorti mais déjà trollé !

Infographie animée : l’internet de nos jours

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 😀 ).

Je vous laisse y accéder via le lien : State of the internet 2011

 

Infographie sur l'état d'internet de nos jours
Infographie sur l'état d'internet de nos jours

Tron et HTML5…

… ça rend plutôt bien !

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).

Je vous recommande de faire donc un petit détour et d’aller voir ce comic !