Pour beaucoup, le développement Web se résume à des lignes de codes parfaitement illisibles et incompréhensibles.
C'est effectivement "un peu" le cas si vous ne connaissez pas les langages Web mais c'est aussi légérement réducteur car le développement Web, c'est "un peu" plus que des lignes de codes. Par exemple, c'est grâce au développement que vous avez la chance de lire des tas d'articles formidables sur Internet.
Mais pour cerner le lien qui existe entre le développement Web et la productivité, le mieux est encore de prendre un exemple concret.
Templatejoomla est un annuaire de templates dédiés au CMS Joomla qui a été créé en août 2022.
A ce jour, plus de 2440 templates y sont répertoriés et plus d'une centaine d'articles de blog y ont été publiés.
La production de tous ces contenus est faite manuellement, c'est à dire sans AI, sans API, et sans automatisation d'aucune sorte. Et donc, cela prend du temps, beaucoup de temps.
Rapidement, les questions liées à l'optimisation de la création de contenu se sont posées:
Comment être plus efficace dans la gestion quotidienne du site ?
Comment produire plus ou produire mieux dans le même laps de temps ?
Comment améliorer la productivité sans renier sur les exigences de qualité ?
Etc.
Pour répondre à toutes ces questions légitimes, il faut d'abord comprendre comment la création de ces contenus est organisée.
Optimiser la création de contenu, pourquoi et comment faire?
Commençons déjà par définir "Optimiser".
Ici, il n'est pas question de générer des contenus grâce à l'AI car tout ce qui est publié sur Templatejoomla est rédigé a la mano.
Dans le cas présent, optimiser signifie chercher à travailler le plus efficacement possible tout en réduisant au maximum les tâches les plus chronophages et les moins valorisantes liées à la création de ces contenus.
Mais optimiser la création de contenu vise également à rationnaliser son temps pour se concentrer sur ce qui apporte de la plus value aux utilisateurs du site: la fraicheur des contenus, la diversité des articles, la pertinence des informations, etc. tout ce qui fait que les visiteurs viennent et reviennent sur un site.
Pourquoi vouloir optimiser la création de contenu?
Au XIXème siècle, on allait chercher l'eau au puit du village et si on habitait dans une grande ville et qu'on était aisé, des porteurs d'eau s'en chargeaient pour nous. Heureusement, ce métier autrefois nécessaire a disparu avec l'eau courante et l'invention du robinet.
Passer ses journées à porter de l'eau, était-ce valorisant pour la personne ? Dans le même ordre d'idées, préférez-vous passer 2 heures à rédiger un article alors que quelques lignes de codes peuvent vous aider à écrire le même article en une petite dizaine de minutes ? Je crois que la question est vite répondue...
Lorsque l'on créé du contenu (texte, vidéo, image, son, etc), il devient rapidement nécessaire d'automatiser ou tout du moins, de rationnaliser et optimiser les tâches les plus chronophages et les moins valorisantes. Et plus on produit du contenu, et plus ce besoin de gagner en productivité devient essentiel.
Le développement Web au service de la productivité
Donc pour comprendre comment la création de ces contenus était organisée, nous avons commencé par passer au microscope toutes les étapes de la création des contenus dans Templatejoomla. Le but ici est de déterminer ou et comment le développement Web peut aider à rationnaliser et optimiser ce travail. Comme vous allez le voir, le temps investi ici est un temps qui vaut de l'or.
Le contenu textuel
Sur Templatejoomla, il y a deux grand types de contenus textuels:
Les articles présentant les templates sont constitués de textes, d'informations et d'images.
Les textes sont écrits par nos soins, les informations liées au templates sont recopiées dans des champs personnalisés et les images sont générées à partir du screenshot de la page de présentation du template. Tout cela réprésente de nombreuses étapes et beaucoup de travail pour afficher un template.
Et il n'est malheureusement pas possible de générer ces contenus grâce à une API.
Les articles de blog dans lesquels sont présentés plusieurs templates:
la sélection des templates qui ont été ajoutés le mois précédent dans l'annuaire
une sélection des templates liés à une thématique particulière
Pour les premiers articles de blog, toutes les descriptions et toutes les caractéristiques des templates étaient écrites à la main.
Quand il y avait une dizaine de templates à présenter dans un seul article, cela se traduisait par des heures de travail.
Or, toutes ces informations ont déjà été rédigés puisqu'elles sont présentes dans les articles des templates.
Nous avons donc modifié le module mod_articles_category pour n'afficher dans les articles de blog, uniquement les templates souhaités en les sélectionnant par leurs IDs.
Pour l'anecdote, sachez que nous avons proposé cette modification à l'équipe en charge de la version 5.2 de Joomla et qu'elle y sera incluse. Ainsi, tout le monde pourra en bénéficier.
Cela nous a énormément simplifié le travail de saisie. Mais nous sommes allé un peu plus loin en créant une override de la vue frontend pour obtenir un affichage parfaitement homogène et cohérent dans l'ensemble des articles de blog.
Vous pouvez voir ci-dessous toutes les informations ce qui s'affichent automatiquement dans l'article de blog lorsque l'on ajoute un simple ID dans le module que nous avons modifié:
Et le jour où nous souhaiterons complétement changer cet affichage sur tous les articles de blog, il nous suffira de modifier un seul fichier. Oui, le développement Web permet réellement de faire des gains de productivité.
Le cas des images
Pour avoir les 3 images dont nous avons besoin pour créer nos contenus, il faut d'abord prendre un screenshot de la page d'accueil du template.
Ce screenshot doit être le plus "propre" possible, c'est à dire que l'on va éviter les iframes, les popups, etc. pour avoir une base de travail qui soit la plus qualitative possible.
Pour les articles présentant les templates, nous avons besoin de 2 images:
l'image d'intro : 438 px x 211 px
l'image d'article complet : 500 pixels de large (la hauteur de l'image varie d'un template à un autre)
Pour les articles de blog, nous avons besoin d'une 3ème image (785 px x 375 px). Cette image ayant le même ratio que l'image d'intro, nous avons essayé de jouer avec le redimensionnement mais les résultats visuels étaient médiocres.
Il nous fallait donc manipuler le screenshot de départ à de nombreuses reprises avec un logiciel de retouche d'images afin d'obtenir les 3 images nécessaires. Au moment de la rédaction de cet article, il y avait 2 440 templates affichés dans l'annuaire pour lesquels nous avons dû créer un peu plus de 6 650 images...
Pour rationnaliser et optimiser cette partie très chronophage, nous avons donc développé un plugin qui:
prend le screenshot de toute la page à partir de l'URL que nous indiquons
génère directement les 3 images aux dimensions désirées et au format webp
affecte les images d'intro et full texte aux articles des templates
stocke les images dans leurs dossiers respectifs avec le nomage voulu
Quels résultats ont été obtenus?
Aujourd'hui, lorsqu'un nouveau template est ajouté dans l'annuaire, les 3 images sont générées automatiquement: aucun risque d'oubli, ou d'erreur. On peut raisonnablement estimer que le temps consacré à la création d'un tel article a été quasiment divisé par deux. Le gain de temps est juste énorme.
Sagissant de la rédaction d'un article thématique sur le blog (business, cuisine, sport, magazine, etc), il suffit d'écrire l'article, de sélectionner les templates à afficher, d'indiquer leurs IDs dans un module et d'afficher ce module dans l'article. Là aussi, tout est devenu presque trop facile.
A fin avril, 20 articles de blog étaient complétement rédigés et prêts à être publiés. A raison d'une parution hebdomadaire, cela représente 5 mois de publication d'avance. Et tous ces contenus originaux ont été produis en moins d'une semaine de travail, et par une seule personne.
En conclusion
Grâce à cette réflexion préalable, nous avons pu identifier des pistes d'optimisation dans notre travail. Cela s'est traduit par une simplification très sensible des tâches qui sont effectuées sur cet annuaire.
Grâce au développement Web, nous avons pu réaliser des gains de productivité évidents. De plus, toute la partie "moins fun" du travail a quasiment disparu et cela nous convient très bien :)
Si il fallait résumer le développement Web, je dirais que c'est un outil efficace à notre disposition pour gagner en productivité. Si vous avez le sentiment d'être à la disposition de votre site Web, c'est qu'il est temps de nous contacter.
Afin d'être accompagné.e sur ce type de réflexion autour de votre site Web et afin de découvrir ce que le développement Web peut vous faire gagner en terme de productivité, n'hésitez pas à nous consulter en toute discrétion.
Pour beaucoup, le développement Web se résume à des lignes de codes parfaitement illisibles et incompréhensibles.
C'est effectivement "un peu" le cas si vous ne connaissez pas les langages Web mais c'est aussi légérement réducteur car le développement Web, c'est "un peu" plus que des lignes de codes. Par exemple, c'est grâce au développement que vous avez la chance de lire des tas d'articles formidables sur Internet.
Mais pour cerner le lien qui existe entre le développement Web et la productivité, le mieux est encore de prendre un exemple concret.
Templatejoomla est un annuaire de templates dédiés au CMS Joomla qui a été créé en août 2022.
A ce jour, plus de 2440 templates y sont répertoriés et plus d'une centaine d'articles de blog y ont été publiés.
La production de tous ces contenus est faite manuellement, c'est à dire sans AI, sans API, et sans automatisation d'aucune sorte. Et donc, cela prend du temps, beaucoup de temps.
Rapidement, les questions liées à l'optimisation de la création de contenu se sont posées:
Comment être plus efficace dans la gestion quotidienne du site ?
Comment produire plus ou produire mieux dans le même laps de temps ?
Comment améliorer la productivité sans renier sur les exigences de qualité ?
Etc.
Pour répondre à toutes ces questions légitimes, il faut d'abord comprendre comment la création de ces contenus est organisée.
Optimiser la création de contenu, pourquoi et comment faire?
Commençons déjà par définir "Optimiser".
Ici, il n'est pas question de générer des contenus grâce à l'AI car tout ce qui est publié sur Templatejoomla est rédigé a la mano.
Dans le cas présent, optimiser signifie chercher à travailler le plus efficacement possible tout en réduisant au maximum les tâches les plus chronophages et les moins valorisantes liées à la création de ces contenus.
Mais optimiser la création de contenu vise également à rationnaliser son temps pour se concentrer sur ce qui apporte de la plus value aux utilisateurs du site: la fraicheur des contenus, la diversité des articles, la pertinence des informations, etc. tout ce qui fait que les visiteurs viennent et reviennent sur un site.
Pourquoi vouloir optimiser la création de contenu?
Au XIXème siècle, on allait chercher l'eau au puit du village et si on habitait dans une grande ville et qu'on était aisé, des porteurs d'eau s'en chargeaient pour nous. Heureusement, ce métier autrefois nécessaire a disparu avec l'eau courante et l'invention du robinet.
Passer ses journées à porter de l'eau, était-ce valorisant pour la personne ? Dans le même ordre d'idées, préférez-vous passer 2 heures à rédiger un article alors que quelques lignes de codes peuvent vous aider à écrire le même article en une petite dizaine de minutes ? Je crois que la question est vite répondue...
Lorsque l'on créé du contenu (texte, vidéo, image, son, etc), il devient rapidement nécessaire d'automatiser ou tout du moins, de rationnaliser et optimiser les tâches les plus chronophages et les moins valorisantes. Et plus on produit du contenu, et plus ce besoin de gagner en productivité devient essentiel.
Le développement Web au service de la productivité
Donc pour comprendre comment la création de ces contenus était organisée, nous avons commencé par passer au microscope toutes les étapes de la création des contenus dans Templatejoomla. Le but ici est de déterminer ou et comment le développement Web peut aider à rationnaliser et optimiser ce travail. Comme vous allez le voir, le temps investi ici est un temps qui vaut de l'or.
Le contenu textuel
Sur Templatejoomla, il y a deux grand types de contenus textuels:
Les articles présentant les templates sont constitués de textes, d'informations et d'images.
Les textes sont écrits par nos soins, les informations liées au templates sont recopiées dans des champs personnalisés et les images sont générées à partir du screenshot de la page de présentation du template. Tout cela réprésente de nombreuses étapes et beaucoup de travail pour afficher un template.
Et il n'est malheureusement pas possible de générer ces contenus grâce à une API.
Les articles de blog dans lesquels sont présentés plusieurs templates:
la sélection des templates qui ont été ajoutés le mois précédent dans l'annuaire
une sélection des templates liés à une thématique particulière
Pour les premiers articles de blog, toutes les descriptions et toutes les caractéristiques des templates étaient écrites à la main.
Quand il y avait une dizaine de templates à présenter dans un seul article, cela se traduisait par des heures de travail.
Or, toutes ces informations ont déjà été rédigés puisqu'elles sont présentes dans les articles des templates.
Nous avons donc modifié le module mod_articles_category pour n'afficher dans les articles de blog, uniquement les templates souhaités en les sélectionnant par leurs IDs.
Pour l'anecdote, sachez que nous avons proposé cette modification à l'équipe en charge de la version 5.2 de Joomla et qu'elle y sera incluse. Ainsi, tout le monde pourra en bénéficier.
Cela nous a énormément simplifié le travail de saisie. Mais nous sommes allé un peu plus loin en créant une override de la vue frontend pour obtenir un affichage parfaitement homogène et cohérent dans l'ensemble des articles de blog.
Vous pouvez voir ci-dessous toutes les informations ce qui s'affichent automatiquement dans l'article de blog lorsque l'on ajoute un simple ID dans le module que nous avons modifié:
Et le jour où nous souhaiterons complétement changer cet affichage sur tous les articles de blog, il nous suffira de modifier un seul fichier. Oui, le développement Web permet réellement de faire des gains de productivité.
Le cas des images
Pour avoir les 3 images dont nous avons besoin pour créer nos contenus, il faut d'abord prendre un screenshot de la page d'accueil du template.
Ce screenshot doit être le plus "propre" possible, c'est à dire que l'on va éviter les iframes, les popups, etc. pour avoir une base de travail qui soit la plus qualitative possible.
Pour les articles présentant les templates, nous avons besoin de 2 images:
l'image d'intro : 438 px x 211 px
l'image d'article complet : 500 pixels de large (la hauteur de l'image varie d'un template à un autre)
Pour les articles de blog, nous avons besoin d'une 3ème image (785 px x 375 px). Cette image ayant le même ratio que l'image d'intro, nous avons essayé de jouer avec le redimensionnement mais les résultats visuels étaient médiocres.
Il nous fallait donc manipuler le screenshot de départ à de nombreuses reprises avec un logiciel de retouche d'images afin d'obtenir les 3 images nécessaires. Au moment de la rédaction de cet article, il y avait 2 440 templates affichés dans l'annuaire pour lesquels nous avons dû créer un peu plus de 6 650 images...
Pour rationnaliser et optimiser cette partie très chronophage, nous avons donc développé un plugin qui:
prend le screenshot de toute la page à partir de l'URL que nous indiquons
génère directement les 3 images aux dimensions désirées et au format webp
affecte les images d'intro et full texte aux articles des templates
stocke les images dans leurs dossiers respectifs avec le nomage voulu
Quels résultats ont été obtenus?
Aujourd'hui, lorsqu'un nouveau template est ajouté dans l'annuaire, les 3 images sont générées automatiquement: aucun risque d'oubli, ou d'erreur. On peut raisonnablement estimer que le temps consacré à la création d'un tel article a été quasiment divisé par deux. Le gain de temps est juste énorme.
Sagissant de la rédaction d'un article thématique sur le blog (business, cuisine, sport, magazine, etc), il suffit d'écrire l'article, de sélectionner les templates à afficher, d'indiquer leurs IDs dans un module et d'afficher ce module dans l'article. Là aussi, tout est devenu presque trop facile.
A fin avril, 20 articles de blog étaient complétement rédigés et prêts à être publiés. A raison d'une parution hebdomadaire, cela représente 5 mois de publication d'avance. Et tous ces contenus originaux ont été produis en moins d'une semaine de travail, et par une seule personne.
En conclusion
Grâce à cette réflexion préalable, nous avons pu identifier des pistes d'optimisation dans notre travail. Cela s'est traduit par une simplification très sensible des tâches qui sont effectuées sur cet annuaire.
Grâce au développement Web, nous avons pu réaliser des gains de productivité évidents. De plus, toute la partie "moins fun" du travail a quasiment disparu et cela nous convient très bien :)
Si il fallait résumer le développement Web, je dirais que c'est un outil efficace à notre disposition pour gagner en productivité. Si vous avez le sentiment d'être à la disposition de votre site Web, c'est qu'il est temps de nous contacter.
Afin d'être accompagné.e sur ce type de réflexion autour de votre site Web et afin de découvrir ce que le développement Web peut vous faire gagner en terme de productivité, n'hésitez pas à nous consulter en toute discrétion.
A propos de Daniel
Passionné par le Web depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort de son expérience, il partage ses connaissances dans un état d'esprit open source. Très impliqué en faveur du CMS Joomla depuis 2014, il est également conférencier et fondateur du Joomla User Group Breizh.