English version available

Matomo est un outil open-source pour analyser l’activité et le trafic de votre site.

Prérequis

Ecrit en PHP, Matomo tourne donc sur un serveur PHP et a besoin d’une base de données MySQL pour fonctionner. Pour en savoir plus sur les versions minimales requises, vous pouvez consulter la configuration requise.

Tableau de bord personnalisable de Matomo

Fonctionnalités

Matomo est disponible dans une version incluant une liste de plugins out-of-the-box. On retrouve les fonctionnalités classiques pour ce genre d’outil:

• Tableau de bord personnalisable (widgets)
• Agrégation des données sur une période
• Nombre de visites, durée des visites, détails sur les téléchargements
• Information sur le système des visiteurs (système d’exploitation, navigateur)
• Informations géographiques (pays) et technique (fournisseur d’accès)
• Envoi de rapports personnalisés par email
• …

Il est aussi possible d’ajouter des extensions pour ajouter des fonctionnalités plus spécifiques, comme par exemple la connexion à Matomo en utilisant un annuaire LDAP. Vous pouvez consulter la liste des plugins pour en savoir plus.

Comme une démonstration vaut mieux qu’un long discours, l’équipe de Matomo met à disposition un environnement bac à sable pour jouer avec l’application. N’hésitez pas à y faire un tour.

Installation

Il ne faut vraiment pas plus de 5 minutes pour installer Matomo sur votre serveur:

• Déposer les fichiers de Matomo sur votre serveur, par exemple dans un dossier « matomo » à la racine.
• Avec votre navigateur, aller sur « URL_DE_VOTRE_SITE/piwik/ » pour lancer l’installateur graphique. Matomo vérifiera que la configuration est suffisante pour s’installer, créera les tables dans la base de données dont il a besoin pour fonctionner…
• Inclure le bout de code Javascript sur les pages que vous souhaitez auditer (en général, il vous suffit de l’intégrer une fois dans une page commune, comme le pied de page).

Avantages de Matomo

Il existe de nombreuses solutions d’analyse de trafic. Parmi les plus connues, le fameux Google Web Analytics qui fonctionne sur tous les sites. Pour les blogs WordPress, la fonctionnalité Stats du plugin Jetpack est également très intéressante.

L’avantage de Matomo est que vous restez maitre de vos données car elles sont stockées dans votre base de données en local et ne sont donc pas envoyées dans le Cloud.
De plus, l’outil dispose de fonctionnalités avancées et d’une communauté active. Par exemple, vous trouverez une application mobile.

 English version available

Fin décembre, je reçois une tablette Nexus 7 pour Noël, à moi les joies du tactile! Jusqu’à présent, j’avais un peu honte de dire être informaticien et de n’avoir ni smartphone sur moi ni tablette à la maison. J’ai quand même survécu jusqu’en 2013, et ce, sans séquelle ou traumatisme psychologique…

Le développement d’applications pour les appareils mobiles m’a toujours un peu attiré, mais je ne m’étais jamais lancé. Sans avoir moi-même un appareil Android, l’intérêt est tout de suite limité.

Après avoir fouillé les moindres recoins de la Nexus, exploré tous les paramètres disponibles sous Android, installé des dizaines d’applications (vous comprenez mieux maintenant le sujet de mon précédent article), j’ai eu besoin d’aller plus loin.

Début janvier, heureuse coïncidence, je vois le cours « Creative, Serious and Playful Science of Android Apps » disponible sur Coursera, la plateforme d’e-learning MOOC. Je me dis pourquoi pas? Alors je me lance, le cours avait débuté il y a 5 semaines, mais il était encore temps grâce aux 2 semaines de pause prévues pour les vacances de Noël, un peu chanceux sur ce point je dois avouer. En travaillant d’arrache-pied, je parviens finalement à rattraper le retard et enchaine 4 semaines en une (bon entre ça et le travail habituel, j’ai mis sur pause ma vie perso quand même). Le cours est relativement simple et s’adresse aux débutants, ceux qui ne sont pas forcément développeurs, qui n’ont donc jamais écrit une ligne en Java ou même vue du code HTML de leur vie. Ce n’est pas très complexe, mais mine de rien, j’apprends beaucoup de chose sur Android. Le professeur Lawrence Angrave est juste excellent, il réalise même des vidéos quand il est en vacances à Antigua Guatemala, il invite des intervenants externes comme une jeune chanteuse pendant tout une semaine, donne des détails sur l’informatique d’hier, bref pleins de choses amusantes qui donnent une vraie interactivité au cours.

En fin de semaine, il y a bien sûr les traditionnels assignments (devoirs) à soumettre, le moment où il faut se lancer dans le code et mettre en pratique. Il y a 2 applications à réaliser, la première app suit généralement des instructions bien définies; la deuxième est libre, le candidat n’est plus limité dans son champ d’action, en fait il est surtout limité par ses connaissances. Venant du monde Java, le développement Android n’est pas trop difficile à appréhender. Encore une fois, les cours sont très bien expliqués, pas trop rapide, on apprend vite.

Au fil des semaines, je me dis que le développement Android, c’est quand même pas mal, c’est même plutôt chouette! L’environnement de développement est bien fait, les émulateurs pour tester dans les différentes résolutions d’écran fonctionnent plutôt bien. Il faut tout de même une bonne machine, car lancer l’environnement de développement et des émulateurs Android nécessite une certaine puissance. Le multilingue géré nativement est bien pensé. Contrairement au Web et aux applications pour desktop, c’est finalement bien plus simple, vous êtes bien guidé et bien encadré. La documentation officielle est un vrai bonheur et vous trouverez toujours des réponses à vos questions sur Stackoverflow lorsque vous bloquez. L’avantage du développement Android, c’est qu’il n’y a pas de centaines de frameworks à connaitre, à maitriser ou à devoir comparer et choisir. En plus, sachant que la majorité des personnes ont maintenant un appareil Android, les possibilités sont très grandes!

Cependant, je lui vois quand même un défaut: la création des écrans. Elle se fait grâce à des fichiers layout.xml. Il y a plusieurs fichiers en fonction des tailles et résolutions d’écran, mais aussi de l’orientation (mode portrait ou paysage). Vous pouvez vite vous retrouver avec pas mal de fichiers à gérer en parallèle si vous voulez une application qui soit propre sur tous les types d’écran, du 4 au 10 pouces. Jusque-là ok, mais c’est la création d’un layout en elle-même qui est vite laborieuse… rien que pour aligner 2 boutons sous un tableau, vous avez besoin de temps! Les balises de position des éléments se ressemblent et il y a en beaucoup, vous ne savez jamais laquelle mettre. Une galère qui arrive rapidement à vous faire regretter le bon vieux code HTML/CSS, même avec un peu de Javascript. En tout cas, c’est mon ressenti.

Pour le second assignment Coursera, je me lance dans ma deuxième application libre. Je réfléchis à quelque chose d’utile, quelque chose de motivant. La première était un écran avec quelques icones en favoris pour ouvrir son navigateur et afficher le site sélectionné. Bref, quelque chose de pas très compliqué, mais parfaitement inutile dans la réalité.

Finalement, ce sera une application pour naviguer sur CarmaBlog avec une vue adaptée pour les mobiles. Elle intègre les fonctionnalités actuelles du site, mais codées en natif Android (dans le sens accessible depuis le menu Android et non depuis les pages Web).

C’est ainsi que je vous présente CarmaBlog, ma première « vraie » application Android. Elle est déjà en version 1.3.1 suite à l’ajout de fonctionnalités et la correction de quelques bogues.
Je ne l’ai pas mise sur Google Play, c’est un peu dommage de payer des frais d’inscription pour une application qui va être installée par un nombre très restreint d’utilisateurs (je n’en doute pas).

Pour installer une application en dehors du Google Play, c’est très simple. Allez dans les options de votre appareil. Sélectionnez « Paramètres » -> « Sécurité » ou « Applications » -> Puis cochez « Sources inconnues ».

Pour installer CarmaBlog, téléchargez le fichier « apk » en cliquant sur l’image ou le lien ci-dessous, puis ouvrez-le pour lancer l’installation, c’est tout. Il est conseillé de désactiver l’option une fois que vous aurez fini l’installation (une simple précaution).

Voici les fonctionnalités:

• Les pages sont épurées de leur contenu afin d’accéder à l’essentiel sur une application mobile (le contenu des articles)
• Les pages déjà vues sont mises en cache pour une navigation plus rapide sur les pages déjà chargées
• La langue des pages (français/anglais) peut être changée depuis le menu
• Il est possible de partager un article sur les réseaux sociaux depuis le menu
• Un sous-menu permet d’accéder rapidement aux différentes catégories d’articles
• La fonction de recherche sur le site est également intégrée au menu
• Tout comme le site, l’application est disponible en français et en anglais

Ajouter CarmaBlog 1.3.1 en téléchargeant l’apk

L’application n’est peut-être pas parfaite, mais je suis plutôt satisfait pour un début.

Dans les grandes lignes, voici quelques explications techniques. L’application est constituée d’une Activity unique qui utilise le composant WebView qui prend tout l’écran (je n’ai donc pas eu besoin de créer des fichiers layout.xml). Je récupère le contenu des pages du site grâce à la librairie jsoup que j’affiche ensuite dans le contenu de la WebView. La récupération de la page se fait de manière asynchrone en utilisant la classe AsyncTask. Le système de cache est assez rudimentaire, il s’agit d’une simple liste que je vide au fur et à mesure quand l’utilisateur appuie sur le bouton retour (histoire d’éviter de trop consommer de mémoire).

Si vous êtes intéressé, le code complet est disponible sur Github. Par exemple, l’intégration de la recherche et le partage des articles peut vous intéresser, car j’utilise les composants très simples et natifs Android. N’hésitez pas à le forker pour l’utiliser pour votre propre site ou me signaler des idées d’amélioration. J’ai commenté au maximum le code et externalisé le code spécifique à CarmaBlog dans des classes utilitaires et des classes de constantes (en général c’est le cas, pas pour tout je l’avoue).

Est-ce que je vais continuer dans cette branche et approfondir mes connaissances en Android? Est-ce-que je vais faire une nouvelle application? L’avenir me le dira.

Pour l’instant, le cours n’est pas terminé et j’en suis un autre en parallèle (et oui!), « Programming Mobile Applications for Android Handheld Systems », ce second cours s’adresse davantage aux développeurs. Le cours a commencé le 21 janvier, il est donc encore temps de vous inscrire!

En tout cas, j’invite les personnes intéressées de près ou de loin par le développement Android, mais qui hésitent encore, d’essayer, de jeter un coup d’oeil aux cours, aux tutoriels sur internet. Pour le premier cours de Lawrence Angrave, il est toujours possible de s’inscrire. Il est trop tard pour participer aux assignements et obtenir le certificat de complétion, mais cela vous permettra d’accéder à l’ensemble des vidéos.

N’hésitez pas à vous jeter à l’eau, même si elle peut paraitre un peu froide au début…