Créer un site Internet avec "Guppy" (gratuit).

Créer un site Internet avec "Guppy" (gratuit).
Remarques :
Pour commencer avec Guppy, attendre d'avoir lu ce document jusqu'à la fin. Avant de se lancer réellement dans l'édition
d'un site Internet, « jouer » avec Guppy pour en découvrir les différentes facettes. Ensuite, lorsque la décision de publier
est prise, se fixer d'abord un objectif (Un site ! Pourquoi ?) et « dessiner » sur papier ce que l'on souhaite :
organisation, contenu, fonctions … (note sur la charte graphique : choisir les couleurs, la taille de texte, la police de
caractère … n'est pas une priorité car il existe des habillages (skins) prêts à l'emploi (par exemple :
http://www.papinou.info/articles.php?lng=fr&pg=2967 ) à étudier ultérieurement).
Lien d'origine :
http://www.freeguppy.org/
Téléchargement :
Sur http://www.freeguppy.org/ depuis le menu téléchargement, choisir « Pack Guppy v4.6.11
(15/12/2009) ».
Ouvrage (pour apprendre) :
http://www.ilv-edition.com/librairie/kiss_comme_guppy.html lien de téléchargement gratuit en bas
de page.
Liens d'aide :
http://www.freeguppy.org/ le cadre « ressources » en haut de page (carré orange).
Pour débuter les deux rubriques indispensables (colonne gauche) sont « N'oubliez pas » et « Le
CMS Guppy » (voir les points : Un CMS unique, Une gestion conviviale).
Les autres rubriques dans « Le CMS Guppy » seront consultées ultérieurement pour
approfondir les connaissances.
Pour une installation en local, ne pas suivre les explications du site http://www.freeguppy.org/
car elles ne sont pas récentes (cf. ci-après, page 2).
Une multitude de sites dédiés (cf. avec un moteur de recherche → "aide guppy").
Liens d'exemples :
http://guppyed.org/links.php?lng=fr les menus "enseignants" et "1er degré".
Avantages dans l'utilisation de Guppy :
Pas de pub, Guppy permet de générer un site web interactif et complet avec "facilité". Possibilité d'ajouter de
très nombreuses fonctionnalités : les "plugins" http://www.guppyland.org/www/blogs.php?lng=fr (colonne de droite).
Pas de nécessité de connexion Internet durant la phase de création car on fait fonctionner Guppy en local.
Quand on est satisfait du résultat (Guppy en local), le transfert vers un serveur académique est effectué.
Ensuite, les ajouts ou modifications se font directement en ligne → gain de temps.
Inconvénients dans l'utilisation de Guppy :
Une installation particulière (mais facile) sur un PC pour utilisation en local. Il faut s'approprier l'interface
"administrateur" ce qui prend un peu de temps.
Les ajouts ou modifications se font directement en ligne → on ne peut pas mettre à jour un site Internet en
cas de rupture de connexion (c'est rare).
Procédure :
1.
2.
3.
4.
5.
6.
7.
Télécharger Guppy.
Télécharger Mozilla Firefox, EasyPhP et préparer l'ordinateur (cf. « Installation en local » ci-après).
Installer Guppy.
TRÈS IMPORTANT :
Avant d'ajouter du contenu à Guppy, s'inscrire (colonne de droite, « Devenir membre ») comme 1er
membre pour être reconnu comme super-administrateur (penser à noter l'identifiant et le mot de passe de
connexion). Accéder à la zone « admin » (bouton dans le menu) avec le mot de passe → pass. Parmi les
commandes proposées dans la zone administrateur, choisir « Mot de passe Admin » puis modifier « pass »
par une chaîne de caractères de votre choix (penser à noter le nouveau mot de passe administrateur).
Paramétrer Guppy.
Des plugins intéressants (indispensables).
Ajouter du contenu à Guppy.
1)
Télécharger Guppy.
Fichier → guppy4611.zip
2)
Préparer l'ordinateur (Installation en local) :
Mozilla Firefox
C'est un navigateur Internet gratuit ( http://www.mozilla-europe.org/fr/firefox/ ) qui permet un
fonctionnement optimal de Guppy. L'installer et le choisir comme navigateur par défaut.
EasyPhP
Guppy (CMS dynamique) utilise le codage PHP. Celui-ci s'exécute sur un serveur et son rôle est de générer
des pages web. Cependant, seul un serveur peut lire du PHP et votre ordinateur n'est pas un serveur.
Nous allons temporairement transformer votre ordinateur en serveur « virtuel » pour que vous puissiez
exécuter du PHP et travailler sur votre site dynamique.
Ce qui suit concerne un ordinateur fonctionnant sous Windows. Si ce n'est pas votre cas allez sur
http://www.siteduzero.com/tutoriel-3-193603-preparer-son-ordinateur.html pour plus d'informations.
Sur la page http://www.easyphp.org/ choisir à droite en haut « french », valider (flèche) et télécharger la
« recommended version ».
Une fois téléchargé, installer EasyPhP en laissant toutes les options par défaut (cocher « Je comprends ... » et
cliquer « suivant »). En fin d'installation, décocher « voir l'aide » puis « terminer ».
Si une fenêtre apparaît pour indiquer que le pare-feu bloque Apache, cliquer sur Débloquer. Aucune raison de
s'inquiéter, c'est parfaitement normal.
Une icône s'affiche dans la barre des tâches. Elle indique que les services du serveur « virtuel » sont
démarrés.
Cliquer droit sur l'icône et « Quitter ».
3)
Installer Guppy :
Copier/Coller le fichier guppy4611.zip dans le répertoire www de EasyPhP.
Dézipper le fichier guppy4611.zip pour obtenir une liste de fichiers comme illustré ci-après.
Remarque : Windows propose par défaut une fonction de gestion des archives. Elle apparaît lorsqu'on fait un clic droit
sur le fichier à traiter. Une alternative consiste à utiliser IzArc ( http://www.izarc.org/ ).
Fermer l'explorateur Windows.
Exécuter EasyPhP. Lorsque les services sont démarrés, clic droit sur l'icône dans la barre des tâches et « Web
Local ».
Le navigateur Internet affiche la page d'accueil d'un Guppy de démonstration. Parcourir les différentes
rubriques permet d'obtenir des informations et de se faire une idée de ce qu'il est possible de réaliser.
Installer Guppy signifie vider le contenu du Guppy de démonstration pour en commencer un nouveau. Pour
cela, dans l'article « Bienvenue sur Guppy », cliquer sur « Migrer ou vider la base de donnée » puis sur
« Allons-y ». Choisir « Installation propre (effacement de la base de démonstration) » et « Allons-y » (3
fois). Un message dans un cadre orange indique la progression des étapes. Puis un message de succès
s'affiche. Cliquer « suivant ». Choisir « Suppression des fichiers d'installation/migration » et « Allons-y » (3
fois). Le navigateur affiche un Guppy « vide ».
Ouvrir le dossier « www » dans EasyPhP. Si le dossier « install » est encore présent alors le supprimer. Créer
un dossier « sessions » dans « www ».
4)
TRÈS IMPORTANT :
A
partir
de
ce
paragraphe,
utiliser
le
manuel
edition.com/librairie/kiss_comme_guppy.html en parallèle avec le présent texte.
http://www.ilv-
Avant d'ajouter du contenu à Guppy, s'inscrire (colonne de droite, « Devenir membre ») comme 1er
membre pour être reconnu comme super-administrateur (penser à noter l'identifiant et le mot de passe de
connexion).
Accéder à la zone « admin » (bouton dans le menu) avec le mot de passe → pass. Parmi les
commandes proposées dans la zone administrateur, choisir « Mot de passe Admin » puis modifier « pass »
par une chaîne de caractère de votre choix (penser à noter le nouveau mot de passe administrateur).
5)
Paramétrer Guppy :
Suivre les instructions du manuel ou consulter l'aide sur http://www.freeguppy.org/.
Astuces :
• Pratique pour contrôler rapidement les effets des paramétrages sur l'affichage : ouvrir deux onglets
du navigateur Internet et d'y indiquer l'adresse http://127.0.0.1/. Cette méthode permet d'avoir, au
niveau du 1er onglet, l'affichage de l'interface « Admin » (il faut se connecter et accéder à l'interface
« admin ») et, au niveau du 2ème onglet, l'affichage de l'interface « visiteur » que l'on rafraîchit par
la touche F5 à chaque nouveau paramétrage.
• Depuis l'interface « Admin », procéder, dans l'ordre des commandes, de haut en bas et de gauche à
droite. Les boutons « Déconnexion », « Enregistrer la config » et « Retour admin » sont très utilisés.
• Depuis l'interface « Visiteur », le bouton « accueil » est très utilisé.
Ne pas oublier le bouton « enregistrer » (quand il est présent dans l'interface administrateur) pour que les
modifications soient prise en compte.
1ère et 2ème parties de l'affichage de la zone « Administrateur » :
4ème partie de l'affichage de la zone « Administrateur » :
Zone réservée aux fonctions (plugins) non disponibles en standard dans Guppy. Les télécharger, selon les besoins, sur
http://www.guppyland.org/www/blogs.php?lng=fr , les installer. Ces fonctions apparaîtront et seront gérées dans cette
zone.
6)
Des plugins intéressants (voire indispensables) :
« Adm-members » sur http://www.monptitnet.net/
« Adm-rédacteurs » sur http://lebrikabrak.info/index.php
« Menus extra » sur http://www.jmmis.com/ (plugin et fork associé)
« Diaporama » sur http://www.jmmis.com/
7)
Ajouter du contenu à Guppy :
3ème partie de l'affichage de la zone « Administrateur » :
Faire des essais. Bon amusement.