Catégorie : Web     Tags :      

    Retrouvez cet article dans : Linux Pratique Hors série 5

    Plogger vous permet de disposer en quelques minutes d'une galerie de photos « basique », que vous pourrez intégrer à votre site Web. Plogger nous a séduit par sa simplicité. Simplicité avant tout dans l’installation, puis simplicité dans l’ajout des photos, sans oublier que Plogger est personnalisable à souhait : vous n'avez qu'à modifier la feuille de style associée. Deux niveaux de classement sont disponibles, les photos s'organisent ainsi en collections, puis albums. Quant aux visiteurs, ils peuvent commenter les photos et être avertis des nouveaux ajouts par fil RSS. Plogger est en outre capable d’afficher les données EXIF des photos.

     

    Installation de Plogger

    L'installation de Plogger nécessite les pré-requis habituels : serveur Apache, et le duo PHP/MySQL, sans oublier le module GD de PHP (souvent requis pour les applications comme celle-ci, qui génèrent des photos miniatures).
    Récupérez la dernière version de Plogger sur le site officiel, puis décompactez et déplacez l'archive à la racine de votre serveur Web. Rendez-vous ensuite à l'adresse http://mon_espace_web/plogger/_install.php pour procéder à l'installation (Fig. 1).

     

    /img-articles/lphs/5/art-11/fig-1.jpg

    Fig. 1

    Si vous rencontrez d'éventuels messages d'avertissement concernant les droits sur les fichiers et répertoires, faites les modifications indiquées. Le fichier plog-config.php notamment doit être accessible en écriture par le serveur. Changez les permissions, puis re-cliquez sur le bouton de validation au bas de la page.
    Enfin, vous n'avez plus qu'à vous connecter à l'interface d'administration en renseignant le login et le mot de passe définis lors de l'installation (Fig. 2).

     

    /img-articles/lphs/5/art-11/fig-2.jpg

    Fig. 2

     

    Première utilisation

    À la première connexion (Fig. 3), le logiciel vous informe qu'il ne vous sera pas possible d'uploader des photos tant que vous n'avez pas créé au moins une collection, et un album dans cette collection (logique !). Pour remédier à cela, cliquez sur l'onglet Manage.

     

     

    /img-articles/lphs/5/art-11/fig-3.jpg

    Fig.3

    La création d'une nouvelle collection est très facile. Saisissez simplement le titre puis une description de la collection, puis cliquez sur le bouton Add Collection (Fig. 4). Vous pouvez créer autant de collections que vous le souhaitez. Les collections sont alors listées sous forme de tableau au bas de la page (Fig. 5).

     

     

    /img-articles/lphs/5/art-11/fig-4.jpg

    Fig.4

     

    /img-articles/lphs/5/art-11/fig-5.jpg

    Fig.5

    Vous pourrez à tout moment éditer ou supprimer une collection, en cliquant sur les icônes Actions situées en bout de ligne. L'édition d'une collection permet de modifier son titre et/ou sa description, mais aussi de définir une photo miniature représentative de la collection.
    Pour créer un album dans une collection, il suffit de cliquer sur le titre de la collection visée. Puis, comme pour les collections, saisissez simplement un titre et une description pour chaque album créé, avant de cliquer sur Add Album.
    La liste des albums se présente également sous forme de tableau, et vous pourrez éditer ou supprimer un album à tout moment (Fig. 6). Pour déplacer un album d'une collection à l'autre, il suffit de le sélectionner en cochant la case qui le précède, puis de choisir une nouvelle collection parmi la liste déroulante au pied de la page, et enfin cliquer sur Move Checked To. Vous pouvez d'ailleurs déplacer plusieurs albums en même temps s'ils sont destinés à la même collection.

     

     

    /img-articles/lphs/5/art-11/fig-6.jpg

    Fig.6

     

    Ajouter des photos

    Maintenant que votre galerie est créée, il va falloir ajouter de quoi la remplir... Pour ajouter des photos, vous avez deux solutions :

    • Uploader photo par photo :

    il faut vous diriger dans l'onglet Upload (Fig.7 page suivante). De là, (et c'est clairement précisé), il vous suffit 1) de choisir une photo, 2) de choisir un album de destination, 3) d'uploader la photo sélectionnée en cliquant sur le bouton Upload.
    Notez que vous pouvez ajouter également une petite légende à la photo que vous uploadez, dans le champ Picture Caption. Si aucun album existant n'est pertinent pour la photo choisie, vous pourrez profiter de cet upload pour créer un nouvel album.
    Si tout se déroule normalement, vous devriez obtenir un message du type « Your photo (nom.ext) was uploaded successfully ».

    • Uploader un dossier de photos :

    il faut vous diriger dans l'onglet Import. Un message vous avertit qu'aucun dossier n'est pour le moment disponible pour l'importation. En effet, il vous faut tout d'abord transférer le dossier de photos à uploader sur votre serveur Web, dans le répertoire plogger/uploads/. Pour cela, utilisez le client FTP de votre choix.
    Lorsque votre (ou vos) dossier(s) est (sont) transféré(s), cliquez à nouveau sur l'onglet Import de l'interface d'administration. Vous devez voir alors la liste des dossiers à importer. Cliquez sur celui qui vous intéresse.
    Vous obtenez alors un tableau, listant le contenu du dossier sélectionné (Fig.8). Vous pouvez voir apparaître chaque photo en miniature, et vous êtes libre d'ajouter une légende à chaque photo dans le champ prévu à cet effet (colonne Caption).

     

     

    /img-articles/lphs/5/art-11/fig-7.jpg

    Fig.7

    /img-articles/lphs/5/art-11/fig-8.jpg

     

    Fig.8

    Note : Il se peut que vous ayez ici un avertissement concernant les permissions sur le dossier que vous êtes en train de visualiser. Le logiciel vous recommande de paramétrer les permissions à 777 pour que l’importation des photos réussisse. Veillez à apporter ces modifications puis rechargez la page.

    Constatez que, par défaut, toutes les photos du dossier sont sélectionnées pour l'importation. Au bas de la page, vous devrez préciser l'album de destination des photos sélectionnées (Fig. 9). Au choix : sélectionnez un album dans la liste déroulante qui contient tous les albums disponibles, ou bien créez directement un nouvel album (sans oublier de cliquer sur le bouton radio dans les deux cas, sinon votre choix ne sera pas pris en compte).

     

    /img-articles/lphs/5/art-11/fig-9.jpg

    Fig.9

     

     

    Si vous souhaitez n'importer qu'une partie des photos dans un album A, vous pouvez décocher certaines des photos pour ne conserver que celles qui vous intéressent. Ensuite, vous pourrez revenir dans l'onglet Import pour uploader les photos restantes dans un album B, etc.

     

    Les options de configuration

    Dans l'interface d'administration, vous disposez également d'un onglet Options. C'est là que vous pourrez paramétrer certaines options de configuration de votre galerie d'images. Cette section est découpée en quatre parties : System Options, Thumbnail Options, Interface Options et RSS Syndication Options.

    • La partie System Options
      contient principalement les informations concernant l'administrateur (nom, e-mail, mot de passe, etc.). Remarquez que vous pouvez choisir ici d'être averti par e-mail de tout nouveau commentaire posté sur votre galerie (en cochant la case prévue à cet effet). Activer cette option implique bien entendu de fournir une adresse e-mail valide dans le champ E-mail address.

    C'est également dans cette partie que vous pourrez modifier le nom de votre site (champ Gallery Name) à tout moment.

    • La partie Thumbnail Options
      concerne les miniatures des photos de la galerie. Vous pourrez définir ici les dimensions minimales et maximales des miniatures, la qualité JPEG, et préciser le type de classement des photos (par date, légende, nom, etc., ordre croissant ou décroissant). Si vous cochez la case Use Cropped Square Thumbnails?, cela signifie que les miniatures générées seront toutes parfaitement carrées, et ce, quel que soit le format d'origine (portrait ou paysage) de la photo. À l'affichage, cela permet d'obtenir une vue d'ensemble plus harmonieuse (Fig. 10).

    /img-articles/lphs/5/art-11/fig-10.jpg

    Fig.10

    • La partie Interface Options
      comporte divers paramètres comme le format des dates qui seront affichées sur votre site, ou encore la possibilité d'activer la troncature des noms de fichiers trop longs.
      Ensuite sont proposées des options importantes concernant les visiteurs de la galerie. Allow Compressed Recursive Downloads signifie que les visiteurs pourront télécharger l'intégralité de vos collections de photos, et ce, de façon récursive (le téléchargement inclura les collections sélectionnées, chaque album qu'elles contiennent et chaque photo de chaque album). Ils disposeront pour cela d'un lien direct pour le téléchargement, qui générera une archive compressée (format .zip) des collections sélectionnées (Fig. 11).

    /img-articles/lphs/5/art-11/fig-11.jpg

    Fig.11

    Remarque : Selon la taille du dossier à télécharger, de même que lors de l'upload de photos, vous pouvez rencontrer certaines erreurs dues à la configuration de PHP. Pour permettre l'upload et le téléchargement de fichiers de taille importante, essayez de modifier les directives post_max_size, upload_max_size et memory_limit du fichier php.ini de votre serveur. Je vous renvoie au manuel PHP pour plus d'explications à ce sujet : http://php.ftp.cvut.cz/manual/fr/ini.core.php [fr]

     

    L'option Allow User Comments signifie que si vous cochez cette case, les utilisateurs pourront laisser des commentaires sur votre galerie, en-dessous de chaque photo, comme illustré sur la Figure 12

     

    /img-articles/lphs/5/art-11/fig-12.jpg

     

    Fig.12

     

    Enfin, l'option Allow Auto Print, si elle est cochée, permet d'afficher à l'écran un lien pour imprimer directement la photo qui est visualisée (Fig. 13).

     

     

    /img-articles/lphs/5/art-11/fig-13.jpg

     

    Fig.13

     

    Outre ces différentes options, les visiteurs auront la possibilité de visualiser chaque album sous forme de diaporama (en cliquant sur le lien View as Slideshow). Par ailleurs, lors de la consultation d'un album, le lien Show Details situé sous chaque photo permet d'afficher à l'écran les informations EXIF de la photo (dimensions, taille du fichier, date, modèle d'appareil photo, distance focale, etc.). L'option Generate Cruft-Free URLs permet quant à elle une ré-écriture des URL. Attention, si vous activez cette fonction, il faut que le module mod_rewrite d'Apache soit activé (module non activé par défaut). Pour cela, éditez le fichier httpd.conf d'Apache et ajoutez-y la ligne suivante :

    LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so

    Puis dans le fichier de configuration générale d'Apache, ajoutez les lignes suivantes :

    <Directory "/chemin/vers/plogger">
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>

    Ainsi, les adresses de ce type : http://localhost/plogger/index.php?level=picture&id=6 deviennent http://localhost/plogger/nature/montagne/paysage.jpg (ce qui est beaucoup plus parlant...).

    • La partie RSS Syndication Options
      est, comme son nom l'indique, destinée au paramétrage du fil d'actualités généré par votre site. Vous pourrez lui donner un titre, définir la taille des images contenues dans le fil RSS, préciser la langue et enfin préciser un nombre limite d'images par fil RSS.

    La gestion des commentaires

    Si vous avez activé cette option dans la configuration de Plogger, les visiteurs de votre galerie pourront laisser divers commentaires à propos de vos photos.
    C'est dans l'onglet Feedback que vous pourrez visualiser la totalité des commentaires postés par les visiteurs. Ces commentaires sont listés sous forme de tableau (Fig. 14). Pour chaque commentaire vous pourrez ainsi visualiser la miniature de la photo auquel il est associé, mais aussi les coordonnées (nom + e-mail) de l'auteur du commentaire.

     

     

    /img-articles/lphs/5/art-11/fig-14.jpg

     

    Fig.14

    Bien entendu, vous pourrez éditer, modifier ou supprimer chacun des commentaires à votre guise.

    Modifier l'apparence de votre galerie

    Constatez que votre répertoire d'installation de Plogger contient un répertoire css/. Celui-ci contient deux feuilles de style : admin.css et gallery.css. Vous voyez ce qu'il vous reste à faire ? Un peu d'imagination et quelques connaissances en CSS suffiront pour modifier les feuilles de style de l'interface d'administration (admin.css) et/ou de la galerie (gallery.css).
    Si besoin, vous pouvez stocker vos images d'arrière-plan dans le dossier graphics/. À noter que l'un des forums officiels des utilisateurs de Plogger est consacré à la personnalisation des feuilles de style ; vous y trouverez sûrement de l'aide en cas de besoin.

    Comment intégrer votre galerie à votre site Web ?

    Voilà, votre galerie de photos est prête à être admirée, mais comment faire pour l'intégrer à votre site Web ? Plus précisément, notre objectif est de faire de votre galerie une page de votre site Web. C'est très simple : cela se résume en trois petites lignes de PHP. Il faudra bien entendu installer le répertoire de Plogger à la racine de votre site.
    Le fichier, ou plutôt la page à laquelle vous souhaitez lier votre galerie, doit porter l'extension .php. Ce fichier devra comporter la ligne suivante, qui doit être en fait la toute première ligne :

    <?php include("gallery.php"); ?>

    Entre les guillemets, vous devez spécifier le chemin relatif vers votre galerie. Ensuite, vous devez insérer entre les balises <head> de votre page la ligne suivante :

    <?php the_gallery_head(); ?>

    Enfin, vous n'avez plus qu'à ajouter la ligne suivante à l'endroit où vous souhaitez voir apparaître votre galerie sur la page (entre les balises <body>) :

    <?php the_gallery(); ?>

    Et voilà, c'est fini. Remarquez que c'est exactement de cette façon qu'a été conçu le fichier index.php qui se trouve dans le répertoire plogger/.
    Vous pouvez maintenant accéder à votre site via l'URL http://www.votre_site.com/plogger/ (ou le nom que vous aurez donné au répertoire d'installation de Plogger). L'interface d'administration sera quant à elle accessible à l'adresse http://www.votre_site.com/plogger/admin.

     

    Exportez des photos dans votre galerie depuis une autre application

    Plogger dispose également d'une fonctionnalité très intéressante qui permet l'exportation de photos depuis des gestionnaires de photos comme Digikam (pour KDE) ou F-Spot (pour Gnome), ou depuis toute autre application supportant le protocole Gallery. Nous avons de notre côté testé cette fonctionnalité depuis F-Spot. Pour l'utiliser c'est très simple :

    • Dans F-Spot, sélectionnez une photo à exporter, puis allez dans le menu Fichier -> Exporter -> Exporter vers une galerie Web (Fig. 15).

    /img-articles/lphs/5/art-11/fig-15.jpg

     

    Fig.15

     

    Renseignez ensuite les informations qui vous sont demandées : le nom de votre galerie et son URL (http://www.votre_site.com/plogger/plog-remote.php). Les login et mot de passe qui vous sont demandés sont les mêmes que ceux que vous utilisez pour vous connecter à l'interface d'administration de la galerie (Fig. 16).

     

     

    /img-articles/lphs/5/art-11/fig-16.jpg

     

    Fig.16

     

    Ensuite, vous n'avez plus qu'à sélectionner l'album de destination (en cochant les options éventuelles) (Fig. 17).
    Remarque importante : lors d'un premier essai, il nous a été impossible de nous connecter à notre galerie, et donc l'exportation n'a pu s'exécuter. Pour remédier à ce problème, nous avons modifié le fichier plogger/admin/plog-admin-functions.php de la façon suivante :

     

     

    /img-articles/lphs/5/art-11/fig-17.jpg

     

    Fig.17

    Les premières lignes de ce fichier sont :

    <?php
    require_once("plog-globals.php");
    require_once("../plog-load_config.php");
    require_once($config['basedir'] . "/plog-functions.php");
    require_once($config['basedir'] . "/lib/exifer1_4/exif.php");

    Ce que nous avons remplacé par :

    <?php
    require_once("plog-globals.php");
    require_once($config['basedir'] . "/plog-load_config.php");
    require_once($config['basedir'] . "/plog-functions.php");
    require_once($config['basedir'] . "/lib/exifer1_4/exif.php");

    Nous avons en fait changé le chemin relatif vers le fichier plog-load_config.php en chemin absolu, ce qui a permis de résoudre notre problème. La connexion à notre galerie de photos depuis F-Spot s'est déroulée ensuite normalement.

     

    Conclusion

    Plogger permet de disposer d'une galerie de photos sobre et fonctionnelle, et ce en très peu de temps grâce à sa facilité d'installation et d'utilisation. Ce type d'application, facilement personnalisable, est tout à fait recommandée pour qui souhaite intégrer une galerie de photos sur son site Web.
    On notera aussi la possibilité de naviguer rapidement dans la galerie grâce à de nombreux raccourcis clavier (combinaisons de la touche [Alt] et d'une autre touche pour quasiment toutes les opérations).
    Tout ce qu'on peut lui reprocher c'est qu'elle n'est actuellement disponible qu'en anglais. Avis aux traducteurs !

    • Dernière version : Plogger 2.1beta

    Liens :

    • Site officiel : http://www.plogger.org/ [en]
    • Les forums des utilisateurs de Plogger : http://www.plogger.org/forum/categories.php [en]

    Retrouvez cet article dans : Linux Pratique Hors série 5

    Posté par Fleur Brosseau (Fleur) | Signature : Fleur Brosseau | Article paru dans

    Laissez une réponse

    Vous devez avoir ouvert une session pour écrire un commentaire.


    • Il y a actuellement

    • 709 articles/billets en ligne.