Les pérégrinations de Jack

Twitter @J_ck3113

Avancement du développement du site :
Fonctionnalités minimales :
Canvas JS :
PHP Objet :

Neutralité du net : ça existe encore ça ?

Bonne année à vous ! J'espère que vous allez bien parce que moi pas super. Et je vais vous expliquer pourquoi.

Dans le courant de cette semaine, Free ADSL (du groupe Illiad) a mise à jour le firmware (sorte d'OS matériel) de sa dernière "Freebox" (la version 6 aussi appelée "Révolution").

Dans le changelog de cette mise à jour, on trouve cette ligne :

Citation :
«Ajout d’une option adblocker permettant de bloquer des publicités (bêta)»

Voyons cela d’un peu plus près :


Le web est saturé en pub

On va partir d’un constat simple : le web est relativement saturé en pub.
Tous les profils existent :
- l’agression visuelle comme sur CDiscount
- l’agression sonore sur WawaMania
- le frein à la navigation comme sur Allociné (avec la maudite pré-page de pub) ou T411 (pop-up à chaque 1er clic sur la page)
- l’attente à l’accès au contenu sur les comptes Youtube VEVO ou sur Twitch
- la discrétion (comme ici)
- l’absence pure et dure : Wikipédia, Reflets, Owni, etc.
Les pubs n’ont rien de positif du point de vue utilisateur : plus de requêtes, une page plus longue à charger, plus de besoin de bande passante, un dérangement visuel et/ou sonore. En définitive : une navigation de plus en plus difficile en fonction des profils.


Face à cela, des solutions ont été développées, en voici une liste pas du tout exhaustive :
- Flashblock : blocage de tout lancement d’un script flash. Le lancement du dit script se fait avec le clic de l’utilisateur sur l’emplacement supposé du script. Possibilité de whitelister.
- Ghostery : reconnaissance des trackers (mesures d’audience), des widgets sociaux (likes, +1 etc.) et des régies publicitaires. Possibilité de bloquer ou de whitelister.
- Adblock Plus : le nec plus ultra du contrôle de son contenu web (celui que vous recevez sur votre navigateur). De base, ça gère une majorité des régies publicitaires mais la création de listes personnalisées à coup de méta-caractères rend l’outil génial et ultra personnalisable.

Personnellement, j’utilise les 2 premiers parce que (je suis sans doute con) j’ai conscience que des buisiness models sont basés sur la pub. J’utilise notamment à outrance Flashblock parce que j’ai horreur des agressions visuelles et sonores de Flash. Et avec 100 onglets ouverts sur mon navigateur, ça me soulage de la bande passante et des cycles CPU.

Et je passe plus ou moins pour un fou, les personnes m’entourant comprennent rarement mon choix. Je dois être niais.

Nota Bene : je ne considère pas mon site comme un business model puisque la pub n’est affichée que sur la partie blog qui manque (pas mal) de contenu. La partie la plus visitée de mon site est sans pub pour des raisons d’UX (Expérience utilisateur).


L’adblocker de Free

Free a donc installé sur la Freebox Révolution un adblocker.
À première vue, c’est génial : toute la navigation web via la freebox sera dépourvue de pub sur tous les navigateurs confondus, de tous les âges et sur tous les devices.

Sauf que… C’est activé par défaut ET c’est non-personnalisable. Quand je dis "non-personnalisable" on peut dire opaque, c’est pareil. On ne sait pas quelles régies ou mesures d’audience sont bloquées (sauf de manière empirique) ni comment.
Soit tu le désactives soit tu laisses tel quel. Point barre, c’est une révolution.

Je n’ai pas de Freebox (encore heureux, je suis chez OVH) donc je n’ai pas pu étudier la méthode de blocage "made by Free" mais c’était sans compter PCimpact. La méthode est magique, un joli DNS menteur !

Je m’explique.
Lorsque que votre navigateur fait une requête sur une adresse avec pour nom de domaine "googlesyndication.com" (régie publicitaire de Google), l’adresse IP renvoyée n’est pas l’adresse IP du serveur de Google mais une adresse IP d’un serveur de Free (Proxad = Free = Illiad) qui renvoie une page blanche.

Là par contre, on peut me justifier n’importe quoi (que la Freebox Révolution n’est qu’un élément technique et qu’il est changeable par un autre modem, que l’utilisateur peut choisir sa box et blabla) c’est une atteinte à la neutralité du Net.

Et parce que c’est une atteinte à la neutralité du Net, je suis contre l’adblocker de Free. Simplement sans autre forme de justification.
Lorsque quelqu’un est contre la peine de mort, il est contre dans n’importe quel cas de figure.



Réactions débiles

L’adblocker de Free
C’est une réaction débile sans doute suite au conflit qui oppose Google et Free sur le peering. Les débits entre Freenautes et les serveurs de Google sont de plus en plus élevés et Free ne veut pas payer plus pour assurer une QoS (Quality of Service) décente à ses utilisateurs. Il veut que Google paye et le fait comprendre de plusieurs manières (bridage du Play Store et j’en passe).
Au final, ce sont les personnes dont les revenus dépendent directement ou indirectement des régies publicitaires du web qui vont payer les pots cassés


Le script de détection de FAI
Idée conne du soir, bonsoir ! Un développeur a publié un script permettant de détecter si le visiteur est un Freenaute. Et à terme, de refuser l’accès au site à ces derniers (quel gros malin !). Le message a ensuite été modifié (il a pris le temps de brancher 2 neurones).

Par contre, un plugin Wordpress existe et il en tient une couche.
La détection se fait par la résolution de l’adresse IP par le nom d’hôte (gethostbyaddr en PHP). Vous sentez la débilité venir ? Pas encore ? Je vous la donne en 4 :
Si le nom d’hôte (visible ici dans la partie host) de l’utilisateur contient proxad (= Free), l’utilisateur se tape un message (et à terme devrait se faire bannir).

Alors dans la démarche, c’est aussi débile que l’adblocker de Free et que la régionalisation de contenu (si ! si ! vous savez le truc qui vous dis que cette vidéo n’est accessible qu’aux USA). Mais en fait, c’est pire ! Parce que là TOUS les Freenautes (Adblocker actif ou non, Freebox révolution ou non) vous se taper ce message d’une débilité sans nom. Dans ce cas, ce sont les utilisateurs qui paient les pots cassés.
Franchement, je me demande pourquoi cette personne fait du développement Web… Je lui conseille de se faire embaucher par le gouvernement Chinois pour le développement de leur firewall.

Petit extrait :

  1. 1. <?php
  2. 2. function getCurrentFAI() {
  3. 3. $ip = getCurrentIP();
  4. 4. $host = @gethostbyaddr($ip);
  5. 5. $fai = false;
  6. 6. if(substr_count($host, 'proxad')) $fai = 'free';
  7. 7. if(substr_count($host, 'orange')) $fai = 'orange';
  8. 8. if(substr_count($host, 'wanadoo')) $fai = 'orange';
  9. 9. if(substr_count($host, 'sfr')) $fai = 'sfr';
  10. 10. if(substr_count($host, 'club-internet')) $fai = 'sfr';
  11. 11. if(substr_count($host, 'neuf')) $fai = 'neuf';
  12. 12. if(substr_count($host, 'gaoland')) $fai = 'neuf';
  13. 13. if(substr_count($host, 'bbox')) $fai = 'bouygues';
  14. 14. if(substr_count($host, 'bouyg')) $fai = 'bouygues';
  15. 15. if(substr_count($host, 'numericable')) $fai = 'numericable';
  16. 16. if(substr_count($host, 'tele2')) $fai = 'tele2';
  17. 17. return $fai;
  18. 18. }
  19. 19. ?>
  20. 20.

Si vraiment vous souhaitez avertir vos visiteurs du risque que vous encourrez lorsqu’ils ont un adblocker actif, postez de temps en temps un article expliquant votre situation et votre business model.
Vous pouvez aussi faire comme OGamingTV qui applique un background aux emplacements des bannières de pub. Lorsqu’un adblocker est actif la bannière n’est pas affichée et laisse apparaître background comme celui-ci : http://www.ogaming.tv/sites/all/themes/ogamingtv/images/content/placeHolder-header.jpg (le Nydus est un bâtiment du jeu Starcraft 2).
C’est visible aussi lorsque vous avez Flashblock et que la bannière en question est un script Flash.
Ou encore, vous pouvez améliorer votre business model comme l’a fait Korben : http://korben.info/register ou mettre en place un système de dons.





La neutralité du net

La neutralité du Net ne se défend pas à moitié, genre :

Citation :
«Ce n’est pas grave ce n’est que des pubs, ça ralentit la navigation, etc.»

La neutralité des réseaux c’est le principe d’assurer l’intégralité du contenu transmis quel qu’en soit la source, le destinataire, le protocole, l’offre internet, etc.

Donc, lorsque des forfaits mobiles proposent un accès internet en bloquant le torrent, le VoIP et le modem c’est une atteinte à la neutralité.
Ainsi lorsque vous accédez à un site légal de streaming légal américain et que l'accès vous est refusé selon votre position géographique (les ressortissants américains ne peuvent pas non plus y accéder).
Pareil pour le blocage par l’ARCEP, des sites de paris en ligne non agréés par l’état Français ainsi que pour le blocage des sites pédopornographiques avec LOPPSI 2 (Ça peut paraître choquant, mais comment le blocage d’accès à un site en France permet de lutter contre la pornographie infantile ?).

Free ADSL avait déjà des débits de merde sur YouTube, Free Mobile sur Google Play et sur certains téléchargements de fichiers détectés comme étant des fichiers médias. Maintenant, on ajoute un DNS menteur sans contrôle et activé par défaut (sans parler de l’accès à la configuration de la Freebox qui est déjà un frein en soi).





Bilan

Free devient le pire des FAI français et fait découvrir à certaines personnes l’importance de la Neutralité du Net.

Fleur Pellerin va parler avec Free.



Des blogueurs et des sites vont devenir dépendants réels de marques. Il y a un risque sur l’augmentation d’articles sponsorisés.

La pub et le contenu vont se mélanger, pas en terme graphique (comme c’est parfois le cas) mais en terme sémantique ou structurel.

Madame Michou sait-elle désactiver l’adblocker de son fournisseur ?

Est-ce le rôle d’un FAI de proposer cet outil ? Je ne pense pas.

Est-ce mal de l’activer par défaut ? Oui c’est la partie qui craint un peu quand même. C’est un peu comme avoir un contrôle parental par défaut sur sa box.

Est-ce mal d’utiliser un DNS menteur ? C’est carrément pourri et ça empêche la configuration de l’adblocker.

OVH fait des offre ADSL dans lequel il garantit un internet neutre (ceci n'est pas sponsorisé).




Articles en relation :



Free Ad-Gate : un nouvel épisode de la guerre Free vs Google ? - reflets.info
Il va mourir ce foutu Internet ? J’ai presque plus de popcorn ! - paulds.fr
Free – Comment bloquer les publicités grâce à la Freebox ? - korben.info
Free porte-t-il atteinte à la neutralité du Net en filtrant la publicité ? - fdn.fr
Blocage de la pub chez Free : Allons nous tous décéder ? - pingoo.com

Par Jack le
0 commentaire. Commenter c'est la vie

Atos et l'effet Streisand

Le vote électronique par Internet made in Atos Worldline



Vous vous souvenez de l'article précédent dans lequel je parle de la grande connerie qu'est le vote électronique par Internet ?

Il y a quelques jours (le 21 juin 2012 il me semble), Numerama publiait un article (le lien est mort, try it !) sur la sécurisation du vote par Internet et mettait au jour un document "strictly confidential" de la société Atos Worldline.
Atos Worldline est l'hébergeur du module de vote créé par Scytl (cf. l'article précedent). Scytl était donc en charge de la partie Java (et de la sécurité qui va avec), Atos des serveurs et de leur sécurité (protection aux DDoS, FireWall, Antivirus et autres solutions contre les hacks).
Tout va bien, vous me suivez ?

Le Ministère des Affaires Étrangères (qui est en charge du vote des ressortissants français à l'étranger) et l'Agence Nationale de Sécurité des Systèmes d'Information avaient émis des recommandations et/ou des demandes sur la sécurité et la configuration chargés de recevoir le vote de (potentiellement) 700 000 français.
Le 2 décembre 2011, Atos envoie un 1er document (version 0.0) de 42 indiquant les mesures prises pour leurs serveurs "urnes".
Il y a sans doute eu par la suite, plusieurs documents.

Les élections législatives se déroulent donc dans des conditions largement décriées par des spécialistes de la sécurité et par certains votants.
Numérama attend la fin du scrutin et décide de publier le document dans un souci de transparence.

La réponse de Atos Worldline ne s'est pas faite attendre : ATOS met en demeure Numerama de supprimer son document sur le vote électronique.

Mais…

Paul Da Silva avait posté 2 tweets bien sentis après la parution du document :


Suivi de celui-ci : (quel flair !)



C'est pas tombé dans l'oreille d'un sourd, et je vous laisse donc découvrir ce petit bijou : ICI (9,28 Mo).
Je vous recommande de commencer par la page 32 du document (ça annonce la couleur directe).

Pour terminer, un seul mot : Streisand

Article en relation :


Atos censure un document d’intérêt public… Streisand es-tu là ? | Blog de Paul Da Silva

Par Jack le

Le vote électronique par Internet = Bullshit

Bannière de l'applet Java pour le vote électronique par internet



Voilà, pour les élections législatives de cette année, la France a décidé de bousculer ses habitudes.
« Et si on mettait en place un vote électronique par Internet pour éviter que tous les ressortissants français vivant à l'étranger soient obligés de se déplacer dans leur ambassade ? »

C'est pas con, c'est même louable. Le vote deviendrait accessible à tous les ressortissants français, c'est le cas sur le territoire français où toutes les communes possèdent un bureau de vote au minimum.

Sauf que la France a décidé de laisser la programmation du module de vote à une société privée espagnole Scytl, l'hébergement du module à la société Atos, l’édition des documents à Koba, la communication des identifiants à Gedicom et pour finir, l'expertise indépendante à Alti.
Joli tableau, non ?

Attendez ! C'est pas fini !


Le module (codé en Java) est sous « secret industriel », mais il est entièrement possible de faire de la rétro-ingénierie dessus et de s'en servir pour pirater le vote d'un utilisateur. La démonstration est ici : http://vimeo.com/42935480 avec le document expliquant ici : http://www.scribd.com/doc/94990325/Comment-mon-ordinateur-a-vote-a-ma-place-et-a-mon-insu (connaissances en programmation requises).

Les potentiels 700 000 bulletins électroniques sont en possession d'une société privée et toute vérification de la procédure est simplement impossible. À titre de comparaison, je vous laisse lire le document sur le fonctionnement du vote dans un bureau de vote, ici (c'est très instructif, surtout la partie « dépouillement des votes »).

Un autre détail, dans les bureaux de vote, mon identité est parfaitement approuvée : carte d'identité et/ou d'électeur, signature sur lesdites cartes et émargement. Et le système de procuration est encadré au possible. Avec le vote électronique par internet, personne ne s'assure que c'est bien moi derrière l'écran. Je reçois des identifiants, mais je peux très bien les communiquer ou me les faire subtiliser.

Et bien sûr, les élections (qui sont encore en cours jusqu'à demain midi) ont bien montré qu'il existait des bugs : non-reconnaissance de la dernière mise à jour de Java (JRE 1.7) et protocole non sécurisé (http au lieu de https).

Alors à tous les citoyens français vivant à l'étranger, si vous voulez que votre vote soit respecté quelque soit le parti que vous choisissez (ou pas), ne votez par internet. Au pire, votez par correspondance sous pli fermé, au mieux, déplacez-vous à votre ambassade.

« Le suffrage peut être direct ou indirect dans les conditions prévues par la Constitution. Il est toujours universel, égal et secret. » Constitution du 4 octobre 1958


Sources et articles en relation :


Le vote électrocuté | Owni.fr Dédicace à F. Pellegrini, enseignant à Bordeaux I pour sa citation à propos du Cnil
Dès aujourd'hui, les Français de l'étranger votent par Internet | Le Monde
Législatives: les expatriés découragés par les bugs du vote électronique | Slate.fr
Le vote électronique n’est pas prêt, il est même vulnérable ! | Blog de Paul Da Silva
Vote par Internet : Appel à témoignage pour le procès-verbal du Bureau de Vote Électronique | Parti Pirate Français
Dates et modalités | France-Diplomatie-Ministère des Affaires étrangères
Vote par Internet : les élections législatives à haut risque débutent | Basta !
Législatives : les boulettes du vote par Internet | Ecrans
Le vote par internet en France : risques de fraudes ! | HardKor
Des failles de sécurité découvertes dans le vote par internet aux législatives | Numerama
Vote sur Internet aux législatives : des bugs et des inquiétudes | Rue89
Élections : Inquiétudes autour du vote par Internet des expatriés | Le Figaro

Par Jack le
0 commentaire. Commenter c'est la vie

Installer Android sur la HP Touchpad

Screensaver de ICS



Oui, je fais partie des heureux individus à avoir pu se procurer la HP Touchpad lors de sa grande braderie à la fin août 2011 (un grand merci à @Mraow).

Une tablette 32Go à 590€ en juillet 2011, avec un rapport qualité/prix décevant, une qualité d'image à 65536 couleurs (là où la moyenne est de 16 millions), c'est tout sauf une affaire.

Sauf qu'elle s'est vendue à 130€ ! Forcément le rapport qualité/prix explose littéralement (les composants valent 300$ environ)

Bref, me voici donc sous Web OS 3.0 : c'est cool, classe, ergonomique, multi-tâches (à fond), multi-comptes bien fichus et le toin-toin. En clair, une tablette sacrément bien fonctionnelle avec 2 coeurs (de 1,2GHz) et une RAM de 1Go (avec 864 Mo de fonctionnel). Bipolaire, moi ? Noooon
HP est plutôt cool et ne fait pas la guerre aux vilains bidouilleurs en laissant libre d'accès le mode développeur (équivalent à un root) et des versions Ubuntu et Debian pour la HP Touchpad sortent. (c'est grâce au kernel de WebOs qui est basé sur un kernel Linux)

Bien que HP ait finalement annoncé qu'il n'abandonnerait pas la Touchpad (y'a eu 2 MàJ depuis) et qu'il passerait webOS en open source, "l'éco-système" reste plutôt faible.

Donc au final, Cyanogen a pris en main le projet d'installer un mod sur la tablette (ce qu'il réussi très bien).

Voici le tutoriel !



Achtung ! L'installation de CyanogenMod (en gros d'Android) sur la HP Touchpad annule toute garantie.
Be Careful ! Il est vivement conseillé de faire une sauvegarde de votre tablette.
Sous webOS, faites une simple sauvegarde de vos fichiers via USB.
Sous Cyanogen (dans le cas d'une update), utilisez TitaniumBackup
Nota Bene : Personne est responsable des possibles dégâts causés à votre tablette. À vos risques et périls. (ce n'est pas bien compliqué pour autant).

L'installation d'Android sur la HP Touchpad :

- Télécharger le client d'installation de Novacom et l’exécuter. Miroir

- Télécharger ACME, MOBoot, le Recovery ClockworkMod, CyanogenMod 9 et Google Apps (optionnel) :
ACME Installer 2 (Miroir)
MD5 : e0664157ed69f8999e1c3ee77cdc53ae
C'est l’exécutable qui va créer et installer une partition Android sur la tablette.

MOBoot 0.3.5 (Miroir)
SHA1 : 32eb4a65f47cc586f5b728afe502b93ff63592f8
Le bootloader, logiciel qui permet de choisir la partition de démarrage (par extension, l'OS).

ClockworkMod Recovery (Miroir)
MD5 : 1308300f38685d44afde730efd9132cc
C'est le recovery de Cyanogen.

CyanogenMod (prendre la version la plus récente)
Je conseille d'utiliser le protocole Torrent (ici, son utilisation est LÉGALE à 100%), car il vérifie automatique le hash des fichiers téléchargés (pas de risque de corruption).


- Copier le fichier "ACMEInstaller2" dans le dossier "C:\Program Files\Palm, Inc" pour les 32 bits et 64 bits.
Vous obtenez ceci normalement :

Dossier Novacom



- Connecter la tablette au PC et passer en mode Lecteur USB

Lecteur USB Touchpad



- Ouvrir le disque amovible "HP TOUCHPAD" et créer le dossier "cminstall" à la racine de ce disque

- Copier les archives de MOBoot, du Recovery ClockwordMod et de la ROM Cyanogen dans ce dossier.

- Éteindre la Touchpad (en la laissant connectée au PC)

- Rallumer la Touchpad en maintenant le boutton Power et Volume Haut

Combinaison Power et Volume Haut



- Un joli symbôle USB blanc brille. Il est possible (très probable) que l'ordinateur installe un pilote Novacom en plus (voir ci dessous). Laisser-le finir.

Pilote Palm sous Windows



- Ouvrir maintenant l'invite de commande Windows ("cmd.exe" dans le menu Démarrer ou Windows+R puis taper "cmd.exe" ou C:\Windows\system32\cmd.exe)

Invite de commandes Windows



- Se placer dans le répertoire de Novacom en tapant : cd "C:\Program Files\Palm, Inc" (vous pouvez utiliser l'autocomplétion pour aller plus vite)

Invite de commandes Windows



- Taper alors la commande suivante : novacom boot mem:// < ACMEInstaller2

- Android va alors s'installer sur une partition d'un peu moins de 2Go. La SDCARD sera alors la rom de votre TouchPad en partage avec WebOS (ce dossier deviendra rapidement un joli petit bordel).
Au démarrage de la tablette, MOBoot se lance et démarre par défaut sur CyanogenMod.
Vous pouvez choisir votre partition de démarrage (OS) avec les boutons de Volume, le bouton central étant la validation.

Bootloader MOBoot



Ajouter les applications de Google (GMail, Google Play, Maps, etc.) :
- Télécharger Google Apps (GAPPS) : http://goo.im/gapps (choisir la version adaptée à la ROM installée, ici : CyanogenMod 9.0.x)

- Renommer l'archive en "gapps.zip" puis la copier à la racine de la tablette.

- Lancer ensuite le recovery. Pour naviguer dans le recovery : boutons de volume pour Haut et Bas, bouton central pour la validation et bouton Power pour la page précédente.

Le recovery



- Sélectionner "install zip from sdcard" puis "choose zip from sdcard". Il ne reste plusqu'à sélectionner l'archive et patienter

Mettre à jour la ROM :
- C'est simple, télécharger la dernière version.

- La renommer en "update.zip" puis la copier à la racine de la tablette. Lancer ensuite le recovery, sélectionner "Apply update from sdcard" puis "Yes - Install /sdcard/update.zip".

- Patienter. Il est parfois nécessaire de faire des wipes (dans les options du recovery). En cas de wipe data, ne pas oublier à faire un backup !
Vous devrez peut-être réinstaller les Google Apps. Pour ce faire, lire la partie sur "Ajouter les applications de Google"


Bilan :


- Tablette sympa avec un éco-système immense
- Plus de micro, ni d'appareil photo
- Pleins de jeux
- Pleins d'applications dédiés
- Une multitude de codecs vidéos supportés
- Les services Google
- Une batterie qui part un peu plus vite que sous webOS
- Chrome Bêta pour Android
- Un bluetooth pas encore actif pour ma part

Et d'autres ROMs existent !

Sur ce, dodo !
Laissez des commentaires si vous avez besoin d'aide ou autre.

Par Jack le

Le site (non-officiel) des emplois du temps de Bordeaux I

Cet article est spécialement dédicacé à tous les élèves en Licence de Bordeaux I.
Si vous aussi, vous en n'arrivez pas à retenir tous votre emploi du temps par cœur. Que ce dernier change souvent. Que le site vous parait lent, mal fichu pour les portables et difficile d'accès ?
Alors cet article est pour vous !

Le site (non-officiel) des emplois du temps de Bordeaux I


I. Comment s'en servir ?

C'est simple ! Suffit d'accéder à cette partie du site : http://hackjack.info/et qui contient tous les emplois du temps des Licences de Bordeaux I.

À partir de là, vous choisissez votre filière et votre groupe pour afficher l'emploi du temps du jour (on va commencer par-là). Moi, j'arrive sur cette page : http://hackjack.info/et/IN400_A2.
Hop ! L'emploi du temps du jour actuel se présente à vous. Bien entendu, vous pouvez mettre cette page en favori, le serveur la met automatiquement à jour.

Petites améliorations : Les dimanches ne sont pas affichés ! On passe directement au lundi suivant.
Et l'adresse internet est facilement compréhensible : http://hackjack.info/et/{filière}_{groupe}

Voyons l'option par semaine. C'est pareil sauf que l'url est la suivante http://hackjack.info/et/IN400_A2/s. 's' pour semaine, facile non ?
Jusque là c'est pareil, on est un dimanche ? Hop, le site nous affiche la semaine qui arrive ! (n'oubliez pas de la mettre en favori)


II. Pourquoi s'en servir ?

Parce qu'il vous permet de ne charger qu'une seule journée. Je suis à la fac, je ne sais plus où se déroule mon amphi, je n'ai pas envie de me perdre dans les informations contenues dans une semaine de cours.
Parce que le site est plus rapide puisqu'il épure les informations.


On va faire une comparaison entre mon emploi du temps officiel et celui de HackJack :

- http://www.disvu.u-bordeaux1.fr/et/edt_etudiants2/Licence/Semestre2/g74298.html :
• Ce site charge votre emploi du temps pour le semestre.
• Une largeur de 875 pixels.
• Un poids de 288Ko (je vous laisse faire le compte pour les débits mobiles)
• Un temps de chargement de 4sec. (pour une vitesse la plus élevée possible)
• Nombre de requêtes : 9
• Un design qui date un peu
• Une optimisation à revoir : note F (29 %) pour Page Speed.

- http://hackjack.info/et/IN400_A2/s :
• Le serveur récupère télécharge le semestre, mais n'affiche que la semaine actuelle.
• Une largeur de 900 pixels.
• Un poids de 3,68Ko (78 fois plus léger)
• Un temps de chargement de 0,62sec. (6 fois plus rapide)
• Nombre de requêtes : 2 (la page HTML et le fichier CSS)
• Un design qui est minimal mais qui a de la gueule. ^^
• Une optimisation excellente : note A (99 %) pour Page Speed.

Pas besoin de vous faire de dessin, les emplois du temps HackJack sont faits pour les portables, les smartphones, les bridés de la 3G et les mecs pressés.


III. Questions fréquentes ?


@bapt17 a dit :
«@J_ck3113 Tu peux essayer de faire tenir un jour dans une ligne ? ça serait plus lisible :)»

Arf, ce serait beau. Mais carrément galère, on peut dépasser les 10 cours par jour, ce qui donnerait une largeur de 3000 pixels avec le design actuel.
Pour rappel, le site qui ont une trop grande largeur peuvent être exclus des recherches Google (et les autres). Et, le Web est défini pour être vertical et non horizontal, encore plus pour les mobiles…


@bapt17 a dit :
«@J_ck3113 Sépare matin et aprem alors ^^»

Non plus, ça demande des lignes de codes un peu useless pour un truc qui a peu d'utilité et qui rallonge la hauteur de la page…
Mais, ce n'est pas un avis arrêté, on verra !


Anonymous a dit :
«Une application pour mobile ?»

Ouais ! C'est la prochaine étape, Android en priorité, et ce serait cool pour les autres OS (iOS, Windows Phone, BlackBerry, BadaOS, Meego et Symbian tant qu'on y est !)


Anonymous a dit :
«Je préférais l'ancienne version. C'est possible d'y revenir ?»

Je compte bien ajouter cette option, qui désactiverait le fichier CSS tout simplement.


Anonymous a dit :
«Un conseil ?»

Ne vous en servez pas pour les événements importants. On ne sait jamais !


Du monde a dit :
«C'est possible d'avoir le jour précédent ?»

Bah non, ça me demande trop de conditions à définir, surtout pour le dimanche. Bah non c'est bon, c'est ajouté (vive la flemme).


@fullripper a dit :
«Un affichage mobile ?»

Work in progress, sans doute dans un sous domaine m.hackjack.info


@eolhing a dit :
«Un emploi du temps des salles vides/pleines ?»

Ouais… On verra…


IV. Un peu de WebDev :

La chose la plus importante pour ce module est l'optimisation.
Ce qui implique un CSS minimal et minifié. Et aussi la compression en gzip. Pour la 1ère partie, c'est facile, c'est expliqué ici.

Et pour la 2ème partie, il suffisait de configurer son serveur. Sauf que j'ai pas voulu me casser la tête (et parce que j'avais lu que mod_gzip n'était pas activé chez online.net). J'ai donc suivi ce tuto génial (partie "Solution alternative en PHP").

Par Jack le