Web

Piwigo version 13

Denis — Wed, 12 Oct 2022 16:33:40 +0000

Piwigo version 13

Web
Piwigo

Denis 12/10/2022 à 18h33

La version 13 de Piwigo est sortie hier. Dans la lignée des précédentes, elle apporte de sympathiques améliorations au niveau de l'expérience utilisateur du back-office, ainsi que la compatibilité avec PHP 8.1. Ce logiciel est vraiment une merveille et il continue de se bonifier avec le temps. Pour connaître la liste de toutes les nouveautés de cette version, je vous invite à consulter les notes de version sur le site officiel de Piwigo.

J'ai pu effectuer la mise à niveau de photo.bourez.net sans délai et sans l'ombre d'un problème, l'ensemble des plugins que j'utilise ainsi que le thème ayant déjà été mis à jour. Le passage de la V11 à la V12 avait été bien plus long !

J'ai profité de cette mise à jour pour faire quelques ajustements au niveau des feuilles de style. J'ai également agrandi, de façon globale, la taille des vignettes des photos. Enfin, j'ai ajouté les 15 photos les plus récentes ainsi qu'un accès aux tags sur la page d'accueil pour avoir un aperçu direct sur les nouveautés et faciliter la navigation.

Depuis l'an dernier, Piwigo est clairement la pièce maîtresse pour ma gestion du "stock" de photos familiales. Il y a désormais plus de 19000 photos dont plus de 3000 sont en accès public sous licence CC-BY.

Note : l'illustration de cet article a été réalisée avec Mockuuuups Studio.

Voir aussi

Processus de publication des photos

Bourez.net V14

Quatorze point deux

Denis — Fri, 11 Mar 2022 13:18:34 +0000

Quatorze point deux

Denis 11/03/2022 à 14h18

J'ai publié aujourd'hui une nouvelle mise à jour mineure du thème du site, la V14.2. Les modifications, globales, se concentrent exclusivement sur la présentation, tout particulièrement en ce qui concerne les couleurs et les contrastes. Le but de ces ajustements est d'améliorer la lisibilité générale, en particulier pour les personnes mal voyantes.

Certains choix, souvent inchangés depuis de nombreuses années, étaient en effet fort peu judicieux. C'était le cas, par exemple, de la couleur par défaut des liens. Ou certains titres, en orange sur blanc. Ou encore le bandeau de la page d'accueil, plus que limite ! Même pour un tout petit site comme bourez.net, il y a beaucoup de choses à faire pour le rendre plus accessible. Cela fera l'objet de futures modifications. Après tout, ça fait vingt ans (!!!) qu'il sert à toutes sortes d'expérimentations, et c'est une thématique importante et passionnante.

Note : l'illustration de cet article a été réalisée avec Mockuuuups Studio.

Voir aussi

Quatorze point un

Bourez.net V14

Processus de publication des photos

Denis — Mon, 22 Nov 2021 20:37:57 +0000

Processus de publication des photos

Denis 22/11/2021 à 21h37

Comme je le mentionnais en septembre, une des raisons qui m'ont poussé à "éclater" mon ancien site en deux entités distinctes, dont une entièrement dédiée à la photographie, était mon mécontentement quant au processus de publication des photos. Le système que j'avais adopté, sous Drupal 7, était à la fois rigide et limité. Pour publier des photos, il me fallait :

créer un nouveau contenu sur le site
envoyer l'image via un classique sélecteur de fichiers
renseigner tous les champs (titre, description, tags...)

La procédure devait être répétée pour chaque photo, une par une. C'était... fastidieux. Pire, toutes les photos envoyées vers le site étaient en vrac dans un unique répertoire, un immense bordel sur le système de fichiers, bien qu'organisé sur le site. Il faut comprendre que j'avais mis en place ce système il y a près de dix ans, alors que je découvrais à peine Drupal. Je n'ai donc pas forcément fait les choix les plus judicieux ou pratiques.

Depuis, beaucoup de choses ont évolué dans mon environnement numérique. À commencer par l'arrivée d'un NAS. Et la découverte, il y a quelques mois, de Piwigo. Fort de cela, mes attentes ont changé et j'ai décidé de mettre en place un processus revu de A à Z. Les grands principes sont les suivants :

les photos doivent être dans une arborescence classique année/mois/photos
les photos doivent être redondantes entre le NAS en local et le site hébergé à l'extérieur
la synchronisation entre les deux doit être automatisée avec possibilité de la forcer à la main

Voici ce que ça donne sous forme de schéma :

Quelques explications :

Je sauvegarde toutes les photos non traitées (les photos "sources") sur le NAS, dans un répertoire dédié. Je fais de même pour une sélection de photos iCloud faites avec l'iPhone. Les photos sélectionnées, traitées et documentées (titre, tags) sont ensuite copiées dans un autre répertoire, toujours sur le NAS, dans une arborescence organisée par année et par mois. Ce répertoire est synchronisé automatiquement toutes les nuits (avec rsync) vers Piwigo, hébergé sur le serveur distant chez OVH. Dans l'autre sens, une sauvegarde du serveur OVH est effectuée toutes les nuits (avec Active Backup for Business) sur mon NAS.

Cela me donne donc de la souplesse, car publier des photos me demande juste de les faire glisser vers un dossier sur le NAS. De plus, ces photos ont déjà un titre et des tags, inclus directement dans le fichier JPEG. Cela me donne également de la redondance entre deux environnements séparés géographiquement. Le tout bien rangé dans une arborescence pouvant être parcourue sans aucun logiciel particulier.

Mise à jour du 14 décembre 2021 :

Depuis la rédaction de ce billet le mois dernier, j'ai renforcé les sauvegardes. Le schéma a été mis à jour en conséquence. Voici ce que j'ai ajouté :

Toutes les semaines, tous les contenus importants (dont les photos sources) sont sauvegardés sur un NAS situé à plusieurs centaines de kilomètres de chez moi. Le NAS distant fait la même chose sur mon NAS. C'est Hyper Backup, de Synology, qui est utilisé pour ces deux sauvegardes chiffrées.
Tous les jours, une sauvegarde des contenus essentiels du NAS est faite sur un SSD externe que j'emmène avec moi lorsqu'il n'y a personne à la maison. Là encore, c'est Hyper Backup qui est utilisé.

Notes

Avoir un NAS ainsi qu'une connexion réseau performante ouvre réellement de nombreuses perspectives.
Le schéma qui illustre ce billet a été entièrement créé en Markdown, à l'aide de Joplin, un logiciel open source vraiment très très chouette. J'en reparlerai.

Voir aussi

Bourez.net V14

Quatorze point un

Denis — Mon, 22 Nov 2021 17:59:09 +0000

Quatorze point un

Denis 22/11/2021 à 18h59

J'ai mis en ligne ce soir une mise à jour mineure du thème du site. C'est une première itération pour corriger quelques imperfections et... approximations de la V14 publiée en septembre dernier.

Les principales modifications concernent la typographie, qui n'était pas, à ce moment, totalement finalisée. Le site utilise désormais plus intensément la magnifique police Montserrat ainsi qu'une nouvelle police libre de droits, Lora, pour le texte des billets de blog.

La seconde partie des modifications vise avant tout à rendre la consultation sur mobile plus agréable. Ce n'était pas franchement optimal pour les plus petits écrans dans le genre iPhone SE. De plus, la navigation principale sur les petites tablettes en mode verticale était un peu... chaotique ! Ce n'est pas encore parfait et d'autres ajustements suivront dans les prochaines semaines.

Du côté des photos il faut noter que la version 12 de Piwigo est désormais disponible. Mais je reste sur la version 11 pour le moment, car quelques modules indispensables pour moi ne sont pas encore compatibles avec la nouvelle version.

Voir aussi

Bourez.net V14

Denis — Fri, 10 Sep 2021 07:43:54 +0000

Bourez.net V14

Denis 10/09/2021 à 09h43

Après neuf ans de bons et loyaux services, il devenait urgent de mettre à la retraite le vénérable Drupal 7 et de le remplacer par un CMS plus dans l'air du temps. Mais la structure du site, créée en 2012 à l'occasion de la V10, se prêtait assez mal à une migration de masse de l'ensemble des données. De plus, j'étais de moins en moins satisfait de mon système de gestion des photographies sous Drupal. Pour deux raisons : tout d'abord concernant l'ergonomie de consultation des photos, franchement datée. Mais également concernant mon processus de publication, incroyablement rigide et peu pratique.

Enfin, bourez.net fêtera l'an prochain ses vingt ans d'existence. Vingt ans !!! Il était temps pour moi de faire un bilan sur ce que je voulais présenter sur ce site personnel.

Cette V14 est donc l'occasion de revoir totalement le fonctionnement de bourez.net, puisqu'il prendra désormais la forme de deux sites complémentaires utilisant deux outils distincts :

www.bourez.net : le site principal, fonctionnant sous Drupal 9.2 ;
photo.bourez.net : l'ensemble de mes photographies, fonctionnant sous Piwigo.

1. www.bourez.net

Le site Drupal est une version fortement simplifiée de ce qui existait jusqu'alors, que je qualifierais volontiers aujourd'hui d'usine à gaz. J'ai voulu épurer, faire du ménage et j'ai décidé de tout recentrer autour du blog, ce que je considère comme étant la seule fonctionnalité "essentielle" du site. En dehors des photos bien sûr. Tout le reste, qui était surtout réservé aux utilisateurs authentifiés, passe à la trappe.

Le nouveau thème a lui aussi été créé dans une logique de très forte simplification. Il dérive de Bartik, le thème de base de Drupal 9. Mais il sera probablement le dernier utilisant ces technologies : la V15 utilisera Bootstrap, ce qui n'a pas été possible dans cette première étape migratoire.

Un mot concernant les commentaires : ils feront leur retour lors d'une prochaine mise à jour du site. À cette occasion, les commentaires existants seront rétablis.

2. photo.bourez.net

Mes photographies sont donc désormais propulsées par Piwigo. Ce dernier est un logiciel Open Source terriblement puissant et pratique. Je trouve la consultation des contenus autrement plus pratique et moderne que mes "antiques" développements sous Drupal 7. Tags, recherche, cartographie, infos EXIF... les possibilités sont vastes.

De plus, le processus de mise en ligne et de sauvegarde des photos est devenu bien plus pratique pour moi. Grâce à Piwigo bien sûr, mais également avec l'aide précieuse de mon NAS. J'en reparlerai plus en détail dans un futur billet dédié à ce sujet.

Pour finir, le passage sous Piwigo a été l'occasion de consolider et ranger une bonne fois pour toutes mes photographies. À l'occasion du passage de bourez.net sous Plone 4 puis sous Drupal 7, de nombreuses photos avaient été "oubliées". Concrètement, la V13, jusqu'à aujourd'hui, proposait un peu plus de 12900 photos. Ce chiffre est désormais de plus de 18200 !

Notes :

un grand merci à Stéphane qui s'est chargé de la migration des données de Drupal 7 vers Drupal 9
l'illustration de cet article a été réalisée avec Mockuuuups Studio

Voir aussi

Bourez.net V13

Bourez.net V10

Bourez.net V9

Jason n'aimait pas le menu mobile

Denis — Wed, 02 Mar 2016 19:03:40 +0000

Jason n'aimait pas le menu mobile

Web
Drupal

Denis 02/03/2016 à 20h03

En octobre dernier, le site a adopté diverses évolutions pour le rendre plus pratique à consulter sur mobile. Mais un point restant très peu satisfaisant à mon goût : le menu général du site. De plus, au "hasard" des mises à jour de Drupal et de ses modules, le menu en question s'est retrouvé carrément cassé. Après quelques recherches, mises à jour et prises de tête - qui a dit que c'était le quotidien de tout webmaster Drupal ?! - le menu est enfin réparé. Et j'en ai profité pour me pencher sur des évolutions CSS spécifiques à la version mobile qui rendront, je l'espère, ce menu plus agréable à utiliser, y compris sur tablettes. Alors Jason, heureux ?

Voir aussi

Jason peut consulter bourez.net sur son mobile

Bourez.net V13

Quoi de neuf derrière l'écran ?

Denis — Wed, 02 Mar 2016 18:39:15 +0000

Quoi de neuf derrière l'écran ?

Web
Photo

Denis 02/03/2016 à 19h39

Une nouvelle rubrique fait son apparition sur le site ce mercredi soir. Elle vous propose une collection personnelle de fonds d'écrans, réalisés exclusivement sur iPad et disponibles sous licence Creative Commons "attribution". Mon idée de départ était de voir ce qui était possible de faire sur la tablette en matière de retouche photo.

Tous sont réalisés à partir d'éléments personnels :

mes photos personnelles
des copies d'écran de jeux sur PC ou sur iPad
des fractales générées avec le fabuleux logiciel Frax, en utilisant la palette de couleurs d'une de mes photos

J'utilise les applications suivantes :

Comme à d'autres endroits du site, il est possible de filtrer la liste. Trois critères sont proposés :

étiquette
application utilisée
couleur dominante

La collection contient pour l'instant 40 images, et d'autres seront bien entendu ajoutées régulièrement.

Jason peut consulter bourez.net sur son mobile

Denis — Sun, 18 Oct 2015 10:03:47 +0000

Jason peut consulter bourez.net sur son mobile

Web
Drupal

Denis 18/10/2015 à 12h03

Ce week-end, beaucoup de modifications ont été apportées au site depuis la mise en ligne de la V13 jeudi soir. En premier lieu, la page d'accueil a été remaniée, avec la disparition du carrousel pour donner plus d'importance aux photos issues du photoblog. La mise en avant de contenus d'actualité se fait maintenant en colonne de droite dans la section "Autofocus". J'ai également supprimé (temporairement ?) le bloc Twitter qui affole les appareils iOS. La page "photo" a également été (un peu) repensée. Enfin de nombreux paramètres ont été affinés concernant les photos, pour rendre la présentation plus homogène et agréable.

Cependant, les plus grosses modifications concernent les mobiles. À partir des bases "responsive design" de la V13, j'ai fait pas mal d'ajustements pour rendre la consultation du site sur mobile beaucoup plus confortable. D'ailleurs, pour la première fois, le test de Google indique que bourez.net est "mobile friendly", victoire ! Il reste cependant quelques éléments du site qui nécessiteront plus de travail, comme les albums de photos ou les résultats du moteur de recherche.

Voir aussi

Bourez.net V13

Denis — Fri, 16 Oct 2015 09:24:12 +0000

Bourez.net V13

Web
Drupal

Denis 16/10/2015 à 11h24

Depuis la migration sous Plone en 2010, en passant par celle sous Drupal en 2012, la structure du site n'avait pas franchement évolué, reposant sur une largeur fixe et une entête intégrant un menu horizontal. Cet automne voit l'arrivée de "Crystal Lake", la V13 de bourez.net, qui marque une rupture franche avec cette présentation avec l'adoption de trois nouveautés qui modifient pas mal la présentation :

la navigation n'est plus en haut de page mais dans une colonne à gauche ;
la largeur n'est plus fixe, le site s'adapte à la fenêtre du navigateur ;
l'ensemble est "responsive" et s'adapte aux écrans des appareils mobiles.

Sur un écran classique de PC ou Mac, on pourrait résumer par "c'est plus large, c'est plus gros". Mine de rien, il m'a fallu retravailler pas mal d'éléments, à commencer par la présentation des vues Drupal affichant des photos. La plupart des vues utilisant une structure de type "grille", basée sur des tables, ont été adaptées à des structures libres, la taille des images étant adaptée par leur propriété CSS.

Sur smartphone, les colonnes sont désormais disposées les unes en dessous des autres. De même, le menu principal passe en mode "accordéon". La mécanique est en place, elle fonctionne, mais je vais poursuivre le chantier dans les prochains jours pour améliorer la présentation et la lisibilité de certains éléments.

Voir aussi

Albums photos

Denis — Wed, 27 May 2015 18:35:44 +0000

Albums photos

Photo
Web

Denis 27/05/2015 à 20h35

Une nouvelle fonctionnalité est arrivée sur le site : les albums photos. Ils ne se substituent pas aux galeries mais sont complémentaires. Il s'agit de sélections de photos, pouvant appartenir à plusieurs galeries, ayant en commun un thème particulier, mais impossible à obtenir avec le système de recherche classique du site. De plus, les albums inaugurent une nouvelle présentation qui arrondit très sérieusement ces bons vieux carrés inaugurés fin 2012.

Trois albums sont disponibles et accessibles pour tout le monde :

D'autres suivront en fonction de mes besoins.