Articles dans la rubrique Réalisations
Piwik & OVH : Résoudre le problème de chargement
Piwik : Erreur 500 et widget qui ne charge pas
Je vous avais parlé d’un outils alternatif à Google Analytics il y a quelques jours, or depuis quelques semaines, les utilisateurs de Piwik sur les serveurs mutualisés d’OVH se plaignaient d’un problème de chargement de l’outil Piwik.
Au début, OVH a bien entendu prétexté un problème interne à Piwik (ce qui peut se comprendre) mais a finalement dû chercher face à l’insistance des nombreux utilisateurs. Après tout ce problème était apparu longtemps après la dernière mise à jour de Piwik.
Corriger le problème
C’est finalement sur le forum de Piwik que la solution sera apportée par Matt [Staff Piwik] ensuite reprise par l’équipe d’OVH, voici la marche à suivre :
// Dans le fichier [répertoire piwik]/config/global.ini.php // Ligne 160 chez moi, vous avez : session_save_handler = file // Changez cette valeur par : session_save_handler = dbtable
Et voila le tour est joué ! Vous pouvez maintenant profitez de ce merveilleux outil qui n’a rien à envier à Google Analytics
Mise à jour 1.7
Comme signalé par Alexandre dans les commentaires, le problème réapparait lors du passage à la version 1.7 de Piwik. Il suffit de répéter l’opération décrite ci-dessus pour corriger à nouveau ce bug.
Alternative à Google Analytics
Google Analytics cet outils si puissant
Comme certains le savent (via des plugins, ou une lecture du code), ou le devinent, Google Analytics était installé sur ce site.
Était ? Oui je viens de m’en débarrasser.
Cet outils de Google permet le tracking des visiteurs sur votre site afin d’améliorer l’expérience utilisateur, se faire mousser (hey j’ai XXXX visiteurs uniques/jr !), se faire une idée des points d’entrée sur votre site, des points de sorties, et de mesurer l’effet de certains changements sur votre site. Et surtout de se faire mousser.
J’avais installé cet outils car c’est LA référence. Tout le monde vous en parle, vos profs, vos collègues, les inconnus-mais-qui-sont-du-milieu etc.
Or depuis quelques semaines je réfléchissais à l’idée de m’en débarrasser. Après tout, je peux très bien vivre sans. Je n’aurai plus aucune idée de la fréquentation de mon site, mais ce n’est pas gênant. Mais bon, ca marche bien, et ca me sert dans mes études (expérience de l’outil, blablabla). Et j’en suis arrivé à la conclusion qu’un outils alternatif m’irait tout aussi bien.
Changement de politique chez Google, c’est l’heure de disperser ses oeufs.
L’annonce est tombé il y a quelques jours, Big Brother est (surement) né. Que chacun prenne ses responsabilités, libre à vous de ne pas changer vos habitudes et de garder tous vos outils chez Google, personnellement j’ai fait un choix. Je me disperse. J’accentue ma décentralisation de mes outils. Bref, je cherche activement d’autres solutions en complément de celle proposée par Google. Mais surtout, je prends la décision de ne plus vous imposer le tracking de Google Analytics. Après tout, si comme moi, vous décidez de limite vos usages de Google, de quel droit je vous imposerai néanmoins la présence de Google Analytics, lui qui analyse votre navigation ?
Ce qui est bien sur Internet, c’est qu’il y a toujours quelqu’un qui a eu le même problème que vous. Et en général ce quelqu’un à même réussi a le résoudre, et il le partage.
Un nouveau système de tracking fait son apparition sur ce site (le temps que je fasse un choix sur « oui ou non, je vous analyse ? »), et la pépite de cacao sur la pièce monté : Ce nouvel outils est Open-source.
Piwik, Analytics Open Source et plus si affinité
Il s’agit d’un outils de tracking/web analytics des visiteurs de votre site, développé par une communauté et partager sous licence GPL. Que du bonheur.
Le site officiel vous donne tout ce dont vous avez besoin de savoir, c’est à dire une doc, et une présentation de l’analytics (et pleins d’autres choses, évidemment).
Je ne m’attarderai pas trop sur la présentation de l’outil car je le découvre à peine. Je ferai simplement quelques (bonnes) remarques :
- Cet analytics s’installe sur votre serveur, où vous voulez (ca marche sur serveur mutualisé aussi). Nécessite une BDD. Vous n’êtes donc pas obligé de vous inscrire sur un site pour bénéficier de cet outils… Décentralisons, mes amis, décentralisons, le réseau nous remerciera.
- Très simple à installer
- Très complet (autant, voir plus que Google Analytics à priori).
- Et c’est beau <3.<3 [ok cette remarque était passablement inutile, je vous présente mes excuses]
- C’est gratuit.
- Vous pouvez agir sur les données collectées (anonymisation etc.)
- Vous pouvez laisser le choix à vos visiteurs d’être pisté (option disponible dans les informations légales ici
- Vous pouvez voir en temps réel l’activité du site
[Conseil] Votre site est il lisible ?
Master requis pour comprendre le site ?
Que celui qui n’a jamais eu de problème pour naviguer sur un site me jette la 1ere pierre. Et si je vous demande de repenser à vos plus mauvaises expériences d’utilisation, je suis prêt à parier que les sites institutionnelles/universitaires arriveront en tête de classement.
Rendre son site lisible est plus dur qu’il n’y parait. Après tout, celui qui développe sait de quoi il parle et son expérience utilisateur est forcément biaisé. Alors comment faire pour vérifier que le site est accessible ?
Évaluer la lisibilité du site ?
Les test utilisateurs
Les tests utilisateurs ne sont pas la solution la plus simple à mettre en place (encore que…), cependant cela reste un bon moyen d’avoir un retour pertinent sur votre site.
Inutile de faire des tests à grandes échelles pour un petit site/blog, commencez par interroger les gens autour de vous (famille, etc.) avec si possible une bonne représentation de votre cible (si vous faites un site sur l’actualité vidéo-ludique, trouvez des adolescents, ou des jeunes adultes. L’avis des ancêtres est toujours bon à prendre, mais ce n’est pas la priorité dans cette situation).
Si vous êtes en charge d’un projet plus important, et ciblant un public large, n’hésitez pas à multiplier les tests utilisateurs au cours du développement. Plus tôt vous apercevez que les gens sont perdus, plus vites vous pourrez corriger le tir.

Comment mettre en place un test utilisateur ?
Vous aurez besoin d’utilisateur à porter de yeux et d’objectifs.
Ces objectifs vous permettront de constater le temps mis par les utilisateurs à parvenir à un résultat.
Par exemple :
- Changer l’avatar de votre compte sur le forum
- Trouver l’adresse pour contacter l’entreprise
- Ajouter un ordinateur portable de la marque Samsung au panier
Si les utilisateurs trouvent facilement, du 1er coup et sans regarder, bien joué ! Sinon, discutez avec lui et/ou faites lui remplir un questionnaire pour comprendre ce qui l’a dérouté.
Les tests utilisateurs sont à utiliser régulièrement afin de valider les différentes fonctionnalités de l’application. N’hésitez pas à vous en servir lors de vos recherches graphiques. Un œil non averti peut parfois vous permettre de déceler une erreur d’interprétation.
Wookrank, un outils en ligne
Après avoir entré l’URL un rapport sera généré et votre site sera évalué sur 100.
Tout plein de joli critère entre en ligne de compte et vous aurez même le droit à un top 5 des éléments à améliorer sur la page que vous avez scanné.
Du côté de ce blog, c’est pas terrible mais je m’en doutais un peu (c’est pas pour rien que je commence à réfléchir à une nouvelle version <3)
Mention spéciale pour l’évaluation du niveau de compétence requis pour surfer sur le site étudié, si vous obtenez « enfant » c’est bien ! Par contre universitaire… Mouais, peut mieux faire.
Des tests, des tests, et un zest de test !
J’ai brièvement présenter deux façon de vérifier l’efficacité et la facilité à utiliser votre site. Inutile de préciser qu’il y a d’autres méthodes diverses variés allant de l’eye tracking au bon vieux « hey Jeanne, tu en penses quoi de mon site ? Elle est où Jeanne ? ».
Le secret reste de tester encore et encore et encore et encore.
Ps : Merci à sebsauvage qui m’a permis de découvrir le blog du hollandais volant, qui m’a lui même permis de découvrir Woorank !
Tchou
[Astuce] Cacher le module d’espionnage de Facebook
Facebook et l’activité de vos amis
Si vous êtes déjà passé sur ce blog, vous connaissez certainement ma position vis à vis de Facebook et de la fonctionnalité apparue lors de la dernière grosse mise à jour, à savoir le « ticket story » ou l’affichage en temps réel de ce que font vos amis sur Facebook.
En effet, ce module me donne la désagréable impression d’espionner mes amis. Et je refuse de céder à mon côté voyeur.
Alors certes, si je n’aime pas Facebook, je n’ai qu’à le quitter. Oui mais hors de question d’abandonner des données aux mains de cette société. Le piège à loup con s’est refermé sur mon slip, donc je préfère garder un compte ouvert pour le noyer de fausses informations tout en gardant contact avec certaines personnes.
Par contre, j’ai considérablement réduit mon utilisation de ce réseau au profit de Twitter et Diaspora*.
Donc en attendant de trouver une réelle parade (juridique ?) à la présence de mes données sur Facebook, j’essaye de rendre mon utilisation la plus saine possible ! Et ça passe par le masquage de ce module, je vous explique comment ça marche…
Masquer l’actualité en live de vos amis
Navigateur et module
Vous aurez besoin de :
Une fois que c’est installé, le plus dur est fait !
Masquer le module
On va donc utiliser le module Stylish, module permettant de modifier l’apparence de vos sites préférés, pour ajouter une simple règle CSS à l’ensemble du domaine facebook.com
- L’installation du module a du faire apparaître un logo en bas de votre navigateur comme sur l’image suivante.

Si il n’y est pas, regardez du côté de votre barre d’adresse, sinon rendez vous dans :
« Outils » > « Modules complémentaires (Ctrl + Maj + A) » > « Stylish » > « Options » - Clic gauche sur ce logo pour faire apparaitre le menu, et sélectionner « Créer un nouveau style » > « pour facebook.com »

Si vous êtes passé par le menu « Modules complémentaires » alors dans « Options » de Stylish, sélectionner « Créer un nouveau style ».
- Maintenant qu’un éditeur s’est affiché, il vous suffit de remplir les champs.
Nom : Mettez ce que vous voulez, c’est pour vous.
Tags : facebook, module, etc. C’est pour mieux organiser vos feuilles Stylish si vous en avez plusieurs (Facultatif).
Ensuite, dans la dernière zone, il faut suffit de copier/coller le code suivant :@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .fbFeedTickerStory {
display:none;
}
Les contenus présent dans cette zone seront masqués et vos pulsions de voyeur ne seront plus titillé toutes les 40secondes.
Ps : Stylish est un module très sympathique, même si je n’ai pas donné toute la mesure de ses capacités. Sachez néanmoins qu’il vous faudra connaître les bases du langage CSS pour parvenir a vous en servir, et beaucoup de patience pour ce qui est de la re-décoration de vos pages web préférées :)
[Tips] Vos données Facebook
Je me demande ce que Facebook a sur moi
Voila en gros la question que je me pose depuis quelques mois maintenant, et qui me pousse plus ou moins à rester sur ce réseau. Et voila que très récemment j’ai découvert deux informations très intéressante pour répondre a ces questions !
Data request
La 1ère vient tout droit de Twitter avec la diffusion d’un tutoriel sur « Comment forcer Facebook à vous envoyer vos données », ça tient en une image, c’est bien fait et ça ne prend pas longtemps. Je vous laisse juger :

Et même que je suis adorable, voici les différents éléments à écrire:
- http://www.facebook.com/help/contact.php?show_form=data_requests
- Section 4 DPA + Art 12 Directive 95/46/EG
vous n’avez plus qu’à copier/coller !
Ps: J’ai fait la demande, j’ai reçu un mail dans les 2mn m’annonçant que suite à une très grosse demande, ma requête mettra plus de 40jours… Héhéhéhé
Récupérer une archive de vos photos (etc.) via l’outil de Facebook
Celui la, je suis tombé dessus par hasard. Facebook vous propose de récupérer vos données simplement sous forme d’archive .zip quelques heures après en avoir fait la demande. Par contre, cet outil est un peu caché; voici comment le trouver :
- Se connecter à Facebook
- Aller dans paramètre du compte (Account settings)

- Attendre quelques heures…
- Revenir sur cette page, et cliquer à nouveau sur le bouton « download a copy » (oui, Facebook est fourbe)

J’ai aussi personnellement fait cette démarche, et je suis assez déçu du peu de donnée que l’on récolte. J’ai pas encore fait le tour, mais a première vu c’est un instantané de votre profil a un temps « t ».
Je suis donc beaucoup plus impatient de recevoir les résultats de la 1ère méthode…
Bisous
WordPress et la loop infinie
Ami blogueur, bonjour !
Cet article concerne plus particulièrement les utilisateurs de WordPress, car c’est bien de ce CMS dont je vais parler.
Car ce CMS à une « fonctionnalité caché ». C’est un système de protection que je trouve drôle, et original.
[Tips] Quelques REGEX utiles
Rappel : Qu’est ce qu’une REGEX ?
Lorsque l’on parle de REGEX, on parle d’expression rationnelle ou des expressions régulières (PHP).
Article Wikipédia (fr) sur les expressions rationnelles
L’utilisation de ces expressions est peu évidente au début mais c’est une technologie très puissante pour contrôler ou automatiser des actions sur du texte.
Petit exemple qui vous parlera surement : le fameux BBCode des forums n’est en fait rien de plus que des expressions régulières remplaçant les balises html. Lorsque le script détectera [b][/b] pour mettre en gras, lors du traitement il transformera ça directement en <strong></strong>
Puissant pas vrai ?
[Tutoriel-Rappel] Un bon mot de passe ?
Se faire pirater un compte, c’est arrivé a beaucoup d’entre nous (STEAM de mon côté, et ce n’était plus vraiment mon compte, mais chut!) et c’est souvent frustrant. Alors comment faire pour réduire les chances de se faire piquer son compte par un petit kévin ? Il existe des règles simples pour construire un mot de passe robuste, et en voici un bref rappel.
Un mot de passe robuste ?
Pour créer un mot de passe résistant il faut que celui-ci contiennent plusieurs éléments, le plus possible de la liste ci-dessous :
- Caractères alpha-numérique (a-z/A-Z/0-9)
- Caractères spéciaux ( /& »#%*$) //L’espace est un caractère
- On ÉVITE les accents (pour le cas ou serait obligé de passer par un clavier qwerty)
- J’ajouterai aussi qu’un mot de passe ne doit pas pouvoir être deviné par quelqu’un vous connaissant. On oubli donc les dates, les noms, etc.
- Un mot de passe ne doit PAS être une suite logique (azerty, 123456, …)
- Ce ne doit pas être un mot (« rhinocéros » n’est pas un mot de passe robuste)
- Idéalement, un mot de passe est unique. Un site = Un mot de passe
Ellefan
Adresse URL : http://www.ellefan.com/
Ellefan est un projet commandité par l’équipe Ellefan composé de Carole FAURE, Catherine PEYROT, Eric CONNILLE, Oliver RICHEZ, professionnels du secteur du jeu vidéo. Ce projet a été réalisé dans le cadre de BAP du 2nd semestre (février – juin 2011).
Le site a été codé en dur (utiliser un CMS pour une dizaine de page statique n’était pas très pertinent), et un back-office a été mis en place pour permettre aux clients de modifier rapidement et en surface le contenu des articles. Un des membres de l’équipe possède des connaissances en langage Web, il pourra donc a loisirs profiter de mon code CSS bien commenté et donc facilement modifiable.
Ce projet fut plutôt simple à réaliser. Il m’a permis de découvrir un peu plus javascript, et l’AJAX. Le résultat n’est pas aussi réussi que je le souhaiterai (notamment au niveau des transitions d’onglet), mais c’était ma 1ere expérience en javascript.
OVH et IPv6
Si vous suivez un peu l’actualité numérique, vous devez entendre parler de plus en plus souvent de l’épuisement du stock d’adresse IP v4.
Récemment, c’est l’Asie qui se retrouve à court d’adresse IP, avec de l’avance sur les estimations prévues.
Le problème est que les FAI rechignent à mettre en place les IP v6 car cela demande de l’investissement ! Ce qu’on peut dire, c’est que si cette situation perdure et que nous restons en IPv4, nous allons finir par être en rupture de stock d’adresse à alloué à nos périphériques. La solution de bricolage qui risque d’apparaître est la mise en place de proxy/NAS pour grouper 1, 10,100, 200, … abonnés sur une même IP. Vous vous souvenez du WAP sur vos portables anciennes générations ? Principe identique.
Cependant, chacun peut contribuer à forcer la main à nos fournisseurs d’accès Internet de plusieurs manière, la 1ere est de demander et de râler. Je ne pense pas que cela puisse aboutir mais ca reste néanmoins un moyen. Si tout le monde râle, ils seront obligé d’agir. La concurrence sert aussi à ca.
Vous pouvez aussi faire en sorte de rendre vos sites accessibles en IPv6 si votre hébergeur le permet. Si on augmente le nombre de service en IPv6, on facilite la transition IPv4 -> IPv6. C’est le cas d’OVH (mon hébergeur), même sur un serveur mutualisé. C’est gratuit et totalement transparent alors pourquoi s’en passer ?
Petite explication de la marche à suivre pour activer l’IPV6 sur votre hébergement OVH :
- Se connecter au manager OVH
- Se rendre dans l’administration de votre hébergement (sélectionner votre nom de domaine)
- Dans le menu « Mutualisé », sélectionner « Hébergement »
- Dans la partie « Accès rapide », on clique sur « Nouveau!!!! IPv6″
- Il ne vous reste plus qu’a activer l’ipv6 sur vos nom de domaines. Tadaa !
Aller plus loin à propos de l’IPv6 :
Article Wikipédia : Ipv6 [fr]




