Tristan Jahier

Grumpy dev' (╯°□°)╯彡┻━┻until shit.changes {visit same_page; expect {shit}.to change}
← Retour

Monéchique : une extension pour améliorer l'application du Crous de Rennes

Posted 28/12/2013  •  Written by Tristan Jahier  •  Category : Divers
Monéchique logo En ma qualité d'étudiant à l'Université de Rennes 1, je suis propriétaire depuis la rentrée 2013 d'une carte « monétique ». En gros, une carte permettant de payer les repas du restaurant universitaire et que l'on recharge via une application web. J'approuve l'initiative (moins de gâchis de papier), mais le problème vient de ladite application web.

Disons le clairement, l'application semble avoir été codée par un stagiaire pendant les vacances d'été... Le design laisse clairement à désirer et il n'est évidemment pas responsive (faut pas déconner quand même, on n'est qu'en 2013). Mais en plus, on peut relever plusieurs fautes d'orthographe et de typographie. Et ça ce n'est que la partie émergée de l'iceberg, il ne vaut mieux pas trop regarder le code HTML (beurk).

Voyant ça, je me suis dit que j'allais créer un petit script pour modifier le style en live. La solution la plus adaptée était en fait de créer une extension pour navigateur. Comme j'utilise principalement Google Chrome, j'ai créé une extension Chrome, que j'ai baptisé « Monéchique ».

Pour faire simple, elle permet de passer de ça :

Before Monéchique

à ça :

After Monéchique

Et en prime, j'ai bricolé un truc pour que l'on puisse appuyer sur la touche "Entrée" directement après avoir rentré son mot de passe pour se connecter.

Le code est disponible sur Github sous licence MIT, mais le plus simple est de télécharger directement le paquet .crx ici. Si vous le téléchargez, Chrome devrait vous dire quelque chose comme ceci :

Les applications, les extensions et les scripts d'utilisateur ne peuvent pas être ajoutés à partir de ce site Web.

C'est une sécurité qui s'active car mon extension n'est pas issue du Chrome Web Store. Pour l'installer, rendez-vous dans Outils > Extensions ou rendez-vous à chrome://extensions et faites un glisser-déposer du fichier sur la page.

K0N4M1 C0D3