LE CMS GUPPY. 2) Décompression : Elle se fait simplement avec le logiciel 7-Zip ou tout autre logiciel.

Transcription

1 Le CMS libre Guppy 1/10 LE CMS GUPPY Le guppy (Poecilia reticulata) est un poisson d'eau douce tropicale, mais c'est pour nous un CMS, un Content Management System ou gestionnaire de contenu ou système de publication automatique. Cet outil permet de publier des articles, des photos, des documents, de créer et de gérer un site Internet, etc. sans connaissance de la programmation Internet, sans même savoir créer des pages Internet. Il propose un moteur de recherche intégré et permet de gérer plusieurs auteurs ou contributeurs et donc autorise le travail collaboratif. Il libère l'auteur de la technique afin qu'il se consacre au contenu de son site. Le plus puissant de ces outils est français comme Guppy et s'appelle SPIP, nous l'utilisons par ailleurs. Il faut consacrer un peu de temps avant de le maîtriser, c'est pour cela que j'ai fait le choix de Guppy qui est plus directement configurable. I INSTALLATION CHEZ FREE : Guppy s'installe très facilement chez Free, mais si vous n'avez jamais effectué d'installation de logiciel sur un serveur Internet, en voici la démarche. Rappel : Quels que soient les fichiers ou les programmes que vous voulez placer dans votre espace chez Free, il ne suffit pas d'y avoir un compte, il faut demander l'activation de votre espace pour les pages personnelles. Vous en profiterez pour demander la création de votre base de données, tout ceci comme indiqué sur le polycop concernant la gestion d'un site chez Free. 1) Téléchargement : Pour récupérer les fichiers de Guppy, il faut aller sur le site sur la gauche de la page d'accueil, il y a un lien pour télécharger. Rappel : L'ensemble des fichiers nécessaires, se trouve sur le dvd ainsi que sur votre clef usb, en téléchargeant vous bénéficier d'une version plus récente s'il y en existe une. 2) Décompression : Elle se fait simplement avec le logiciel 7-Zip ou tout autre logiciel. 3) Transfert chez Free : Vous pouvez toujours placer tous vos fichiers à la racine de votre site (à l'entrée), mais si vous installez beaucoup de choses sur votre espace Internet, il risque d'y avoir une certaine confusion et donc difficulté de gestion, mais rien ne l'interdit. Avec votre logiciel de FTP (transfert de fichiers) comme Filezilla sous Windows sur votre clef usb, Konqueror ou GFtp sous Linux, transférez tout le dossier guppy à la racine de votre site Internet. Cela y créera le dossier guppy.

2 Le CMS libre Guppy 2/10 Attention : La plupart des serveurs Internet est sous Linux ou Unix et ils tiennent compte des majuscules et des minuscules, (la casse des caractères), donc guppy et Guppy ne sont pas la même chose. L'usage est d'utiliser les minuscules. Vous pouvez de la même façon, transférer le dossier guppy de votre clef usb, directement chez Free. C'est une méthode pour mettre au point votre Guppy en local et le transférer ensuite sur le serveur, mais ensuite il faut gérer votre guppy sur le serveur car si vous le transportez depuis votre clef usb, vous perdrez beaucoup d'éléments dont les contributions aux forums, les statistique de fréquentation, etc. II PREMIER LANCEMENT DE GUPPY : 1) Sur votre clef usb : a- Lancement du serveur : Il faut d'abord lancer le serveur web et pour cela aller dans votre clef usb et dans le dossier Zazou Mini Web Server : /PortableZWMS/ et double-cliquer sur PortableZWMS.exe b- Lancement de Guppy : Une fois que ZMWS est lancé, il suffit de taper dans n'importe quel navigateur Internet : 2) Sur l'internet chez Free : On imagine que chez Free, vous n'avez pas besoin de lancer le serveur, ils ne nous ont pas attendus. Si vous avez, comme il est proposé ici, placé vos fichiers dans le dossier guppy, pour lancer guppy il suffit d'utiliser un navigateur Internet, donc cela fonctionne sous Windows, Linux ou Mac et de taper Guppy est proposé prêt à l'emploi avec une interface bleue, mais il y a des choix à faire lors de son premier lancement. Sur la clef usb et sur le cd Linux, ces choix ont déjà été faits et Guppy est directement opérationnel. Il faut cliquer sur le lien Préparer votre Guppy pour continuer le processus d'installation. Suivez les étapes et surtout effacez les fichiers d'installation, sinon en effectuant les mêmes opérations que vous, un visiteur, même avec des connaissances très limitées en informatique, pourrait prendre le contrôle de votre CMS et tout effacer ou détourner votre site, changer le mot de passe, etc. Rappels : 1) Vous gardez toujours le contrôle de votre site par le mot de passe de votre compte Free, c'est clair. Par contre sur des parties limitées de votre espace, par exemple dans Guppy ou dans DokuWiki, des personnes mal intentionnées peuvent faire des dégâts. Il suffit alors de ré-installer votre travail, en particulier la sauvegarde si vous savez pensé à la faire, mais

3 Le CMS libre Guppy 3/10 tant que vous ne vous êtes pas aperçu de l'intrusion, les personnes malveillantes font ce qu'elles veulent. 2) Le piratage, le "défaçage", le hacking, le détournement d'un site Internet, ne sont que rarement la preuve d'un grand talent de la part de celui qui s'introduit sur le site, mais toujours d'une négligence de la part du gestionnaire. Ne vous contentez donc pas de placer la clef sous le paillasson mais rendez le piratage plus sportif pour vos adversaires. III PREMIÈRES ACTIONS : 1) Changement de l'identifiant et du mot de passe de l'admnistrateur : Pour gérer Guppy il faut cliquer sur le lien Admin vers le haut à droite de la page d'accueil. Il faut ensuite vous identifier et la première fois, cela se fait avec le nom admin et le mot de passe pass. Au sujet des mots de passe, consultez notre Wiki à cette entrée ou en cherchant ce mot. Il faut donc changer le mot de passe afin que tout le monde ne puisse pas la changer à votre place. Pour cela il faut cliquer sur l'icône Mot de passe Admin.

4 Le CMS libre Guppy 4/10 Une fois dans l'interface, il faut entrer l'ancien mot de passe, donc pass et ensuite taper deux fois votre nouveau : N'oubliez pas de cliquer sur Enregistrer à la fin. 2) Remise à zéro de la configuration : Nous avons constaté que Guppy était proposé avec un contenu dans la partie Présentation, Technique, avec une nouvelle, un livre d'or, etc. Vous pouvez commencer par explorer cela et vous faire une idée de ce que l'on peut faire. Vous pouvez même conserver ce Guppy et créer un second Guppy en créant simplement un autre dossier et en y copiant les fichiers du premier. Cela peut vous servir à avoir un Guppy d'essai, les informaticiens disent de développement et un autre qui est celui qui est en ligne, les informaticiens disent de production. Pour obtenir un Guppy sans contenu dans ses différentes rubriques, vous pourriez aller dans chacune d'elles et effacer tout ce qui s'y trouve, mais les auteurs ont prévu un petit programme (un script), qui peut faire ce travail automatiquement. 1) Pour cela, cliquez à gauche sur la petite flèche vers le bas à côté de Préparer votre Guppy, puis sur Installation / Migration, vous aboutissez à cette interface :

5 Le CMS libre Guppy 5/10 2) Dans la page suivante : Installation et migration de Guppy vous avez une mise en garde, mais elle ne nous concerne peu car nous n'avons encore rien mis dans notre Guppy. Cliquez sur le bouton Allons-y. 3) Cochez le bouton Installation propre, une nouvelle mise en garde apparaît, cliquez sur le bouton Allons-y. Une seconde mise en garde apparaît car si vous avez un Guppy en fonctionnement, vous perdrez tout le contenu. 4) Vous obtenez alors le message : L'installation en version 4.6 de GuppY est maintenant terminée. En cliquant sur le bouton suivant, vous êtes ramené à l'écran : INSTALLATION OU MIGRATION DE GUPPY. 5) Cochez alors Suppression des fichiers d'installation, cela vous permettra d'empêcher que quelqu'un qui se connecte à votre site, puisse à nouveau le configurer et donc le modifier. Cliquez sur le bouton Allons-y. Deux mises en garde apparaissent et une fois terminé, vous êtes ramené la page d'accueil de Guppy. Nous pouvons voir qu'il ne s'agit pas d'une feuille blanche, mais que l'aspect reste le même, sans les contenus. Nous allons maintenant voir comment modifier cet aspect et ajouter du contenu. IV L'ASPECT DE GUPPY. La configuration de départ propose un affichage en 3 colonnes. Les rubriques de celles de droite et de gauche sont appelées des boîtes. Tout ceci est facilement configurable, c'est la raison du choix de Guppy pour notre formation. L'ensemble des paramètres qui définissent l'aspect de Guppy, est appelé skin. Vous pouvez télécharger des skins tout faits et les installer pour avoir une présentation différente, sans avoir à y travailler. Vous pouvez trouver de tels skins sur les sites : (à droite de la page) 1) Configuration skin : Cela concerne la configuration de la skin que vous utilisez, c'est à dire que les options ne sont pas toutes les mêmes selon la skin. Ce qui est indiqué ici, concerne l'utilisation de la skin par défaut : no_skin.

6 Le CMS libre Guppy 6/10 a- Configuration des thèmes : Permet de choisir la skin car il y en a plusieurs de fournies avec Guppy au départ. J'ai eu quelques déboires avec certaines skin qui produisent des affichages incohérent. Il est facile de revenir à la_skin, qui est la configuration de départ. b- Config look : Permet de définir les couleurs, les polices, leurs tailles, etc, pour les boîtes et leur contenu, de changer le logo. c- Config boîtes : Permet de choisir les boîtes qui vont s'afficher et comment elles seront disposées. d- Config style : Cet outil utilise les feuilles de style que nous verrons plus tard pour les pages Internet, nous n'y toucherons pas pour l'instant. 2) Administration générale a- Config générale : C'est là que vous pouvez définir le nom de votre site, qui sera affiché sur les pages, votre adresse électronique, etc. Dans l'adresse du site, indiquez bien l'adresse Internet, s'il se trouve sur l'internet : par exemple. Si vous l'utilisez en local sur votre clef ou sur le cd, l'adresse correcte : httd://localhost/auppv/ est déjà paramétrée. La plupart des paramètres sont simples à comprendre, mais celui intitulé Balises méta est plus complexe et moins connu, cependant il est fondamental pour le référencement de votre site dans les moteurs de recherche. Ces paramètres sont détaillés également dans les cours et les polycops concernant la création de pages Internet. Je ne vais indiquer ici que les deux plus importants pour le référencement, les autres sont détaillés dans le cours sur le référencement Internet. Meta title ou plus simplement title est le plus important et Meta description ou description est le second plus important, voir cours et ploycops sur la création des pages Internet. Changez tout de même le champ (Meta) reply to, car les auteurs de guppy y ont placé une adresse par défaut, indiquez la vôtre ou ne mettez rien. Keywords est beaucoup moins important, voir cours sur la création des pages Internet. Language désigne la langue du site lorsque par exemple vous indiquez la langue des sites

7 Le CMS libre Guppy 7/10 b- Config services Ce que Guppy appelle les services, ce sont des outils comme l'éditeur de texte, la gestion des photos, etc. Ici vous pouvez choisir les services que vous voulez activer et configurer certains de leurs paramètres. c- Config sections Ici vous pouvez changer le nom des différentes sections de Guppy. d- Config accueil Permet de configurer les éléments principaux de la page d'accueil. e- Config forum Permet de configurer les principaux paramètres des forums. f- Archivage forum Permet d'archiver les discussions du forum antérieures à une date de votre choix. g- Gestion zone membres Permet de gérer les membres de votre site, c'est à dire par exempledes personnes abonnées à vos nouvelles, en particulier leurs droits dans Config zone membres h- Droits Vous définissez ici, qui des membres devient un collaborateur car pour cela, il faut d'abord être membre. Les collaborateurs peuvent par exemple rédiger des articles. i- Mot de passe administration Pour le changer si besoin est, comme indiqué pour l'installation. I j- Contrôle d'intégrité DB Guppy utilise sa propre gestion de la base de données (liste des membres, droits, contenus de articles, configuration, etc.). Cela offre l'avantage de ne pas avoir à créer une base de données MySQL par exemple, comme nous l'avons vu pour Free et de pouvoir fonctionner chez beaucoup d'hébergements. Par contre cela pose parfois des problèmes lorsque plusieurs collaborateurs enregistrent en même temps leur travail. Dans ce cas on voit par exemple des messages en double avec le même numéro. Il faut alors remettre en place les index de la base de données, c'est ce que cet outil permet de faire. k- Maintenance Permet de restaurer ou de supprimer définitivement les articles que vous avez préalablement choisi de ne plus utiliser. Cela permet d'alléger la base de données s'il y en a beaucoup qui ont été supprimés. l- Travaux Permet d'afficher en haut de chaque page du site, un bandeau qui annonce qu'il est en travaux, jusqu'à ce que vous décochiez la case Mettre

8 Le CMS libre Guppy 8/10 le site en maintenance. Dans cet état, les visiteurs ne peuvent que consulter le site. m- À propos Permet de consulter les informations sur la version et la licence de Guppy. 3) Administration des données Là encore, vous pouvez configurer d'autres éléments de Guppy, mais surtout c'est ici que vous pouvez rédiger les articles, les nouvelles, etc. L'administrateur à bien entendu accès à cette section, mais également les collaborateurs, selon la nature de leurs droits. Pour chacun d'entre eux, vous pouvez autoriser la rédaction des nouvelles, mais pas des articles, l'accès à telle rubrique et pas à telle autre, etc. Cela ce gère avec le boutons Droits de la partie Administration générale que nous venons de voir. 4) Administration des plug-ins Un plug-in est un complément que l'on peut ajouter à un site Guppy, comme par exemple un bulletin météo du lieu, qui s'actualise automatiquement, les gestes du secourisme, un outils de réservation de matériel, etc. Guppy est proposé au départ avec trois plugins : Horloge, Devinette et Vitesse de connexion. Il y en a beaucoup sur le site Guppy land : à droite il y a un lien Plugins. Pour installer un plugin, il faut le télécharger, le décompresser et lire le fichier readme.txt qui l'accompagne. La procédure y est indiquée. V LES VISITEURS, LES MEMBRES ET LES COLLABORATEURS : Si la boîte «Préférences» est activée dans la configuration des boîtes, dans Configuration skin / Config boîtes, chaque visiteur peut devenir membre du site'. Cela lui confère de nombreux avantages : son pseudo et son sont retenus, ce qui lui évite d'avoir à les ressaisir à chaque post ; il arrive automatiquement dans la langue qu'il a choisie si le site est bilingue ; il positionne les boîtes à son gré ; il sélectionne la skin de son choix pour naviguer sur le site ; il dispose d'une signature personnalisée, d'un avatar et d'une URL qui s'ajouteront automatiquement à ses posts sur le forum ; enfin, il peut recevoir et envoyer des mini-messages (notamment via un module de courrier affichant les messages lus et non lus). S'il veut être collaborateur et pouvoir contribuer au site, par des articles, des images, etc. il doit d'abord s'inscrire comme membre et ensuite c'est vous qui en fait un collaborateur dans Administration générale / Droits. Pour supprimer ces possibilités, il suffit de supprimer la boîte Préférences. À l'inscription, les membres peuvent configurer leur interface différemment de ce que vous avez prévu pour le site. Par exemple ils peuvent choisir de n'avoir qu'une seule colonne pour les boîtes latérales et non deux. Ils peuvent changer de skin et choisir un "avatar". 910

9 Le CMS libre Guppy 9/10 VI ÉCRIRE UN ARTICLE : 1) L'éditeur intégré : Cllquez sur Admin / Administration des données / Articles Vous avez alors accès à un éditeur classique En plaçant le pointeur de la souris sur les icônes sans cliquer, une infobulle vous indiquera de quoi il s'agit. Faites des essais. Nous n'aborderons pas ici la partie Balise HTML ni Class CSS car cela se traîté dans un autre cours et vous pourrez alors utiliser ces outils. Guppy propose un autre éditeur qui est WYSIWYG, what you see is what you get, c'est à dire que ce que vous y verrez sera identique à ce qui sera produit. Pour l'utiliser, il suffit de cliquer sur ce bouton. Lorsque vous avez terminé, cliquez sur la disquette et après avoir confirmé, vous êtes ramené dans l'éditeur standard et vous comprenez tout de suite la différence de mode de fonctionnement de celui-ci. Pour publier votre article il faut aller en bas de la page pour cliquer sur le bouton Enregistrer. 2) Insérer des images dans les articles : Vous ne pouvez pas faire de copier / coller, il faut obligatoirement placer les images au préalable dans le dossier de Guppy prévu à cet effet. 1) Dans Admin / Administration des données cliquez sur Fichiers 2) Choisissez le dossier de Guppy dans lequel vous voulez mettre votre image. S'il y en a beaucoup, c'est plus simple de disposer de dossiers. 3) Cliquez sur Parcourir pour choisir votre images 4) Cliquez sur Charger sur le site.

10 Le CMS libre Guppy 10/10 Une fois ceci effectué, vous pouvez insérer votre image dans des articles. Il est vraiment préférable pour cela d'utiliser l'éditeur WYSIWYG. Lorsque le curseur de l'éditeur est là où vous voulez insérer l'image, cliquez sur cette icône. Vous pouvez alors parcourir les dossiers/dtrïérveur et aller dans celui dans lequel vous avez placé l'image à publier. 3) Prévisualisation : Ce bouton permet de visualiser votre article tel qu'il est, avant de cliquer en bas de page pour le publier. VII GUPPY EN GESTIONNAIRE DE BLOG : Alors le mot blog est la contraction des mots web et log, web désignant l'internet et log un journal, dans le sens journal de bord. En fait la plupart du temps, un blog est un journal non-intime qui permet aux visiteurs de répondre aux articles publiés ou de les commenter, donc de participer à la vie du site. On a bien compris que cela ressemble en partie, à ce que permet Guppy. Un guppy dans sa configuration depuis la version 4.6 de base permet de faire un blog très performant et en tout cas plus performant que la plupart des blogs, déjà parce que vous maîtrisez tout et que vous ne subissez pas de bandeau publicitaire. Il permet de publier les articles de façon antéchronologique de les classer par rubriques, d'autoriser ou non les commentaires par les visiteurs et de gérer des archives, en particulier par l'intermédiaire d'un calendrier. 1) Ne pas utiliser de blog : Si vous ne souhaitez pas utiliser cette possibilité de blog et ne pas avoir d'indication blog dans la barre d'icône, il suffir d'aller dans Admin / Contig services et décocher Section blog. 2) Utiliser le blog : II suffit de cliquer sur l'icône blog pour poster un billet. Vous voyez alors la configuration de la page d'accueil du blog avec ses boîtes. Vous pouvez la modifier dans Admin / Config services.