Embed Size (px)
Citation preview
KISS* comme GuppY v 4.6
Dans l'aventure de son site web
Hervé WidmerMembre de la GuppYTeam
*Keep It Small and Simple - littéralement "Gardons-le petit et simple"
ÉDITIONS
4, place de la Pergola - Immeuble ACCETBP 70116 Cergy
95021 Cergy-Pontoise Cedex
Remerciements à Benoit pour l'illustration en couverture.
Ce livre est publié sous la licence libre Créative Commons-BY-SA :
http://creativecommons.org/licenses/by-sa/2.0/fr
BY : Paternité. Vous devez citer le nom de l'auteur original.
SA : Partage des Conditions Initiales à l'identique. Si vous modifiez, transformez ou adaptez cette création, vous n'avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. En outre, à chaque réutilisation ou distribution, vous devez faire apparaître clairement aux autres les conditions contractuelles de mise à disposition de cette création. Chacune de ces conditions peut être levée si vous obtenez l'autorisation du titulaire des droits.
In Libro Veritas, 2007, ISBN : 978-2-35209-138-7
Table des matièresIntroduction..................................................................................................17
Qu'est-ce qu'un logiciel libre ?..................................................................................................17GuppY c'est quoi ?...................................................................................................................18J'entends parler de CMS, qu'est-ce que c'est ?...........................................................................18Pourquoi GuppY en particulier ?..............................................................................................19Courte présentation des fonctions GuppY.................................................................................19Les versions de GuppY.............................................................................................................20
Numéro de version............................................................................................21Mises à jour.......................................................................................................21Fréquence des sorties et durée de vie...............................................................22Combien de temps perdure une version de GuppY ? .......................................23
Qui sont les membres de la GuppYTeam ?................................................25Qui sont ils ?.............................................................................................................................25Pourquoi développent-ils GuppY ?...........................................................................................26Combien leur rapporte GuppY ?...............................................................................................26Comment est organisée la GuppYTeam ?.................................................................................26Rejoindre la GuppYTeam.........................................................................................................28L'association FreeGuppY..........................................................................................................28
Découverte et installation............................................................................29L'archive...................................................................................................................................29
Obtenir GuppY..................................................................................................29Décompresser Guppy........................................................................................29
Installation locale.....................................................................................................................30MiniGuppY........................................................................................................31
Installation en ligne..................................................................................................................31Hébergement dédié............................................................................................31Hébergement mutualisé.....................................................................................32Hébergement dédié virtuel................................................................................32Hébergement en propre....................................................................................32Lequel choisir ...................................................................................................32
Envoyer ses fichiers chez son hébergeur...................................................................................33Les CHMODS..........................................................................................................................35
Notation des CHMODS.....................................................................................36Comment appliquer les CHMODS....................................................................36Les CHMODS de GuppY...................................................................................37
L'installation de la base.............................................................................................................38Configuration...............................................................................................39
Rentrer dans l'administration du site.........................................................................................39Administration générale ...........................................................................................................43Configuration générale.............................................................................................................44Configuration services..............................................................................................................48Configuration sections..............................................................................................................53Configuration Accueil .............................................................................................................54La configuration Forum............................................................................................................55
Exemple de charte.............................................................................................56Archivage du forum..................................................................................................................59Gestion zones membres............................................................................................................59Droits........................................................................................................................................61Mot de passe d'administration...................................................................................................63Contrôle d'intégrité DB.............................................................................................................64Maintenance.............................................................................................................................65Travaux....................................................................................................................................65A Propos...................................................................................................................................66
Ajout de contenu..........................................................................................69Définition.................................................................................................................................69L'éditorial.................................................................................................................................70Les nouvelles............................................................................................................................73
Écrire une nouvelle...........................................................................................74Modifier une nouvelle.......................................................................................75Supprimer une nouvelle....................................................................................75Dupliquer une nouvelle.....................................................................................75
Les articles...............................................................................................................................75Écrire un article................................................................................................76
Les réactions aux articles..........................................................................................................77La boîte spéciale.......................................................................................................................77Les photos................................................................................................................................77Les téléchargements.................................................................................................................78Les liens...................................................................................................................................79La FAQ....................................................................................................................................79Le livre d'or..............................................................................................................................80Le forum...................................................................................................................................80Le sondage...............................................................................................................................81Les boîtes libres........................................................................................................................81Les bannières............................................................................................................................81Les citations.............................................................................................................................82Le pied de page.........................................................................................................................82Recommander...........................................................................................................................82Les Compteurs..........................................................................................................................83Les statistiques.........................................................................................................................84Les lettres d'informations..........................................................................................................85
Écrire une lettre d'information..........................................................................86Envoyer la lettre................................................................................................86
Les documents RSS..................................................................................................................87Les Logs...................................................................................................................................88Les fichiers...............................................................................................................................89L'agenda...................................................................................................................................90Le blog.....................................................................................................................................91Les commentaires au blog........................................................................................................91Les blog RSS............................................................................................................................91La mise en forme du texte dans l'éditeur...................................................................................92Conseils pour les contenus......................................................................................................100
Le contenu.......................................................................................................100Mise en page – erreurs à éviter......................................................................100
Administration rapide.............................................................................................................102Les astuces pour le faciliter la vie...........................................................................................102
Models Fckeditor............................................................................................102Un article dans 2 catégories...........................................................................103Une page externe dans un article...................................................................103
Le graphisme de votre site.........................................................................105Définition...............................................................................................................................105Le menu graphisme................................................................................................................106La configuration thèmes.........................................................................................................106La configuration look.............................................................................................................107Configuration boîtes...............................................................................................................114La configuration style.............................................................................................................115
Gestion Collaborative................................................................................117Définition...............................................................................................................................117L'administrateur......................................................................................................................118Les Collaborateurs..................................................................................................................118
Les rédacteurs.................................................................................................118Les modérateurs..............................................................................................119Les webmestres...............................................................................................119Les co-administrateurs....................................................................................119
Partager les tâches..................................................................................................................119Aller plus loin.........................................................................................................................120
Les Skins.....................................................................................................121Définition...............................................................................................................................121Où sont stockées les skins de mon site ?.................................................................................121Qu'est ce que les CSS ?...........................................................................................................121
Trouver une skin.....................................................................................................................122Utiliser une skin......................................................................................................................122Faire sa propre skin.................................................................................................................123Les éléments de la CSS...........................................................................................................1244.2 Les fichiers d'une skin.......................................................................................................124
Le fichier confskin.inc :...................................................................................124Le fichier skin.inc :..........................................................................................125Le fichier index.php.........................................................................................125Le fichier style.css...........................................................................................125
Astuces...................................................................................................................................126Figer la largeur...............................................................................................126Rechercher quelle classe gère un affichage....................................................126
Les Plugins..................................................................................................127Définition...............................................................................................................................127Trouver un Plugin...................................................................................................................127Utiliser un plugin....................................................................................................................128
A quoi servent ces dossiers ?..........................................................................129Chercher de l'aide sur un plugin.....................................................................129Installer des plugins........................................................................................130
Compatibilité des plugins.......................................................................................................130Faire son propre plugin...........................................................................................................131
Débuter............................................................................................................131Tester...............................................................................................................132Distribuer........................................................................................................132Maintenir.........................................................................................................132
Exemples de plugins...............................................................................................................132AjouteMenu.....................................................................................................133Diaporama......................................................................................................134G Sitemap........................................................................................................135Total Ban.........................................................................................................136wapimode........................................................................................................137Adm_Membres................................................................................................138Adm_Redacteurs.............................................................................................139
Sécuriser votre site.....................................................................................141Définition...............................................................................................................................141Les bases................................................................................................................................142
Contenu du .htaccess :....................................................................................142Personnaliser le .htacces fourni......................................................................143
Supprimer le dossier d'installation..........................................................................................143La loi informatique et liberté..................................................................................................143Aller plus loin.........................................................................................................................144
Protéger l'administration de GuppY...............................................................144Protéger son contenu......................................................................................145
Rester prudent.........................................................................................................................145Mot de passe :.................................................................................................145Les données :...................................................................................................146
Maintenir votre site....................................................................................147Définition...............................................................................................................................147Sauvegarder............................................................................................................................148Nettoyer..................................................................................................................................148Mettre à jour...........................................................................................................................148Ajouter du contenu.................................................................................................................149Réorganiser son site................................................................................................................149Structure de la base de donnée................................................................................................150
Les sous-dossier :............................................................................................150Les fichiers :....................................................................................................151
Où trouver de l'aide...................................................................................155Définition...............................................................................................................................155Aide sur GuppY......................................................................................................................155Aide sur les plugins................................................................................................................156
Aide sur les skins....................................................................................................................156Aide pour les enseignants.......................................................................................................156
Les GuppY clef en main..................................................................................156Le B2I..............................................................................................................156Les projets d'école...........................................................................................157Et pour les non enseignants............................................................................157
Référencer votre site dans les moteurs de recherche...............................159Définition...............................................................................................................................159Déclarer son site.....................................................................................................................159Le contenu..............................................................................................................................160Les meta tag...........................................................................................................................160Robot.txt.................................................................................................................................161Google sitemap.......................................................................................................................162crossdomain.xml.....................................................................................................................163Les annuaires..........................................................................................................................164Supprimer son site des moteurs..............................................................................................164Aller plus loin.........................................................................................................................165
Les URL Significatives (URL Rewriting)........................................................165Les googles webmaster tool ...........................................................................167Les autres moteurs de recherche....................................................................167
L'accessibilité.............................................................................................169Définition...............................................................................................................................169Recommandations pour le contenu ........................................................................................170
Fournir des alternatives équivalentes au contenu auditif et visuel................170Utiliser le balisage et les feuilles de style, et cela de façon appropriée.........170Créer des tableaux qui se transforment de façon élégante.............................171S'assurer que les pages qui contiennent de nouvelles technologies se transforment de façon élégante.......................................................................171Assurer un accès direct aux interfaces utilisateur intégrées..........................171Conception respectant l'indépendance par rapport au périphérique.............171S'assurer que les documents sont clairs et simples. .......................................171
Informations légales...............................................................................................................171Conclusion..............................................................................................................................172
FAQ (Si des questions subsistent).............................................................173Administration........................................................................................................................173
J'ai le message : "ERREUR ! Cette option n'est pas encore implémentée !" 173Mes modifications ne sont pas prises en compte............................................174Je n'arrive pas à afficher un flux RSS ou mon flux RSS ne peut pas être lu.. .174Mon site est bloqué en mode maintenance......................................................174Mon site à été piraté........................................................................................174Tout mon contenu à disparu............................................................................175Mon site est lent que faire...............................................................................175
Forum.....................................................................................................................................175Clôturer un sujet du forum :...........................................................................175Remonter un sujet............................................................................................175
Articles...................................................................................................................................175Quel est le nombre maximum d'articles..........................................................175Retirer les dates de créations et modifications des articles............................176
Membres.................................................................................................................................176Perte de mot de passe Utilisateurs..................................................................176
Skin........................................................................................................................................177Comment modifier un skin vérouillé...............................................................177
Ouverture vers d'autres CMS...................................................................179Définition...............................................................................................................................179Les Blog.................................................................................................................................179Les WIKIS.............................................................................................................................180Les Portails.............................................................................................................................180Les Frameworks.....................................................................................................................180Quelques CMS représentatifs.................................................................................................181Choisir son CMS....................................................................................................................182
Logiciels utilisés pour ce livre....................................................................1837zip ........................................................................................................................................183Open Office ...........................................................................................................................184FileZilla..................................................................................................................................184Framakey................................................................................................................................185Zazou Mini Web Server..........................................................................................................185Firefox....................................................................................................................................185
extensions screengrab pour les captures........................................................185Gimp......................................................................................................................................185GuppY....................................................................................................................................186DIA........................................................................................................................................186
Glossaire.....................................................................................................187
GuppY
Préfaces
Préface de l'auteur :
Le monde des CMS est complexe, et souvent les utilisateurs ne savent pas comment s'y prendre pour faire un site Internet. Cet ouvrage veut être une approche simple (sans être simpliste) de cet univers qui, vous le verrez, peut être riche en découvertes.
Il y a quelques années, en découvrant GuppY, j'ai vainement recherché un livre pour me guider. J'ai donc décidé de réaliser des documentations, qui m'ont finalement donné l'envie de tout recommencer pour faire un livre : c'est celui que vous lisez actuellement et qui je l'espère fera de vous un webmestre heureux et averti.
De nombreux aspects de la création de site internet présentés ici ne concernent pas spécifiquement s GuppY. Cela fait de ce livre une base pouvant servir aussi si vous choisissez d'utiliser un autre système que GuppY
Hervé Widmer
8
Introduction
Préface de aldweb (créateur de GuppY et initiateur de la communauté GuppY) :
Juin 2002 : Lassé de maintenir les pages statiques de mon site web, via un petit générateur (Ma Page Web), que j'avais créé quelques années auparavant, je me lançais dans la recherche d'un portail web dynamique.
Automne 2002 : j'arrivais à la conclusion qu'aucun des produits libres existants ne couvrait mes besoins, à savoir un portail sobre, naturellement bilingue, sans base de données MySQL.
Alors, parce que j'aime bien l'adage qui dit qu'on n'est jamais mieux servi que par soi-même, et aussi parce que découvrir la programmation web dynamique attisait ma curiosité, je me lançais dans la programmation d'un petit portail pour mon site web, que je nommais miniPortail.
Fin 2002 : Après 3 mois de travail acharné, car l'entreprise me passionnait (mais que j'avais aussi largement sous-estimé l'ampleur du projet), la première version était prête. Je me réjouissais déjà de pouvoir repasser du temps à gérer le contenu de mon site plutôt qu'à en développer son moteur...
1er janvier 2003 : mon site www.aldweb.com basculait sur ce système. Je me disais alors que peut-être ce portail pourrait intéresser quelques visiteurs de mon site et je mettais en ligne son code source sous licence libre. Sans le savoir, je venais de donner naissance au projet GuppY, et j'allais pendant longtemps passer bien plus de temps sur ce développement que sur les autres thèmes de mon site web, tout l'inverse de l'objectif recherché !
En effet, dès sa mise en ligne, miniPortail a rencontré un succès fantastique, auquel je ne m'attendais vraiment pas, auprès de pionniers qui recherchaient exactement ce que ce portail web offrait : une facilité de prise en main et d'utilisation, et une fiabilité exemplaire grâce à son moteur centralisé de gestion des différents modules.
9
GuppY
L'aventure continue alors très vite, les nouvelles versions s'enchaînent car les bonnes idées d'amélioration arrivent en masse, et je suis vite rejoint par un deuxième développeur. La GuppY Team se crée, un manuel utilisateur exemplaire vient encore faciliter la prise en main. Bien vite, miniPortail n'est plus aussi minimaliste, il est renommé sous son nom actuel de GuppY en septembre 2003 et il quitte mon site web personnel pour son site dédié « www.freeguppy.org » dont le contenu se structure bien vite sous l'impulsion de la GuppY Team qui ne cesse de s'enrichir de nouveaux membres actifs.
J'ai porté le projet avec beaucoup de joie, mais aussi trop de dévouement sur mon temps libre jusqu'à l'automne 2004. Deux ans après m'être lancé un peu malgré moi dans l'aventure, une nouvelle équipe de développeurs talentueux prenait le relais et poursuivait l'amélioration constante de ce portail web. Et la GuppY Team poursuivait son travail remarquable et bénévole d’animation du projet.
Car GuppY est, avant même d'être un "joujou" de développeurs mis à la disposition de tous, une formidable aventure humaine. Que ce projet ait réussi à réunir ainsi des femmes et des hommes, de tous âges et de tous horizons, m'étonne tous les jours. Et ce que j'apprécie par dessus tout dans cette équipe, c'est son mode de fonctionnement complètement différent de celui des autres projets du libre. Il y a une vraie spécificité et un dynamisme très particulier dans ce projet, c'est une richesse supplémentaire.
Il me faudrait remercier toutes celles et ceux qui ont donné et continuent de donner de leur temps au projet GuppY, toujours avec beaucoup de générosité et de passion, mais la liste est bien longue.Alors, permettez-moi juste d'avoir une pensée tout particulière pour Nico, Balou, Realia, Zerg, HubbY, WackoJacko, Neil, JeanDePeyrat, JeanMi et Icare.
Bravo à Hervé Widmer, de la GuppY Team bien sûr, qui a monté ce projet de livre sur GuppY à partir d’un slogan qui me tient tant à cœur (KISS comme GuppY). Nul doute que vous
10
Introduction
apprendrez beaucoup à sa lecture comme j’y ai moi-même découvert ou retrouvé des facettes de ce beau projet.
Enfin, je remercie très affectueusement "Madame aldweb" qui, par sa très grande tolérance à me laisser passer mes soirées et mes nuits à travailler dessus, a permis que GuppY soit déjà ou devienne le gestionnaire de contenu de votre site web.
A Genève, le 30 avril 2007aldweb
11
GuppY
Notre publicCet ouvrage s'adresse aussi bien aux personnes
découvrant GuppY qu'à celles qui le pratiquent depuis déjà un certain temps.
Je ne peux être exhaustif quant aux possibilités de ce portail, mais je vais tenter d'entrouvrir la porte de votre curiosité pour voir où peut vous mener votre imagination.
Car il faut dire ce qui est, un site web n'a de limites que celles de son webmestre. J'espère, avec vous, repousser encore ces limites pour votre (notre) plus grand plaisir.
Plan de cet ouvrageChapitre 1Présentation de GuppY dans son ensemble, son but, sa philosophie. Ses fonctions sont également survolées.
Chapitre 2Découverte de l'équipe à la base de GuppY, ces bénévoles qui donnent de leur personne pour que chacun puisse utiliser librement ce logiciel.
Chapitre 3Modalités de l'installation : comment installer, où installer, et quelques outils pour découvrir rapidement son site web avec GuppY.
Chapitre 4Détail de la configuration de GuppY, pour que vous puissiez découvrir et utiliser les fonctions présentes, et apprivoiser rapidement les entrailles techniques de GuppY
Chapitre 5Contenu : essentiel à tout site Internet, il est abordé ici dans sa technique. Comment en ajouter, comment le gérer, mais aussi des conseils pour ne pas être victime des pièges tendus sur la toile.
12
Introduction
Chapitre 6Graphisme : Le graphisme d'un site est important. Ici, vous découvrirez les technologies mises en place pour vous permettre de personnaliser l'apparence de votre site.
Chapitre 7Gestion collaborative (pour gérer le site à plusieurs) : elle est traitée dans ce chapitre tant sur l'aspect technique que pratique pour rapidement utiliser des méthodes éprouvées et efficaces.
Chapitre 8Skins : l'apparence a été abordée, mais mieux encore, les skins permettent d'obtenir une interface unique. Ici, seules les bases sont données car il n'y a que le webmestre (bientôt vous) qui peut en définir les limites.
Chapitre 9Fonctions additionnelles : elles sont importantes dans un projet, car on cherche toujours à personnaliser, en ajoutant une fonction, un processus. Cela est réalisable avec les plugins qui sont abordés ici.
Chapitre 10Sécurité : la sécurité est, de nos jours, le maître mot. En effet, plus encore pour votre site, il faut penser à toutes les techniques éprouvées pour ne pas faire partie des victimes de pirates (et non hackers, voir glossaire).
Chapitre 11Maintenance : la maintenance du site est abordée afin que vous puissiez éviter les erreurs courantes et par conséquent profiter au maximum des performances de votre site.
Chapitre 12Aide : c'est un chapitre important. Demander de l'aide est normal, mais où demander et comment, cela n'est pas forcément évident. Pour éviter de sonner à toutes les portes, vous trouverez ici les méthodes et adresses utiles, notamment celle du forum GuppY, d'une réactivité et d'une convivialité exceptionnelles.
13
GuppY
Chapitre 13Référencement : un bon site est un site référencé. Mais que signifie référencer un site ? Comment faire ? Et surtout, comment le faire bien? Ce chapitre vous sera vite indispensable pour accroître la visibilité de votre site sur les moteurs de recherche.
Chapitre 14Accessibilité : c'est une notion obscure pour beaucoup, mais la demande étant de plus en plus pressante, je tenterai ici d'en éclaircir l'horizon... et les raisons.
Chapitre 15Autres CMS : on connaît maintenant GuppY mais le monde des CMS est vaste, et chaque besoin peut trouver l'outil qui y répondra. Je lève ici le voile sur un monde caché mais ô combien dynamique.
Chapitre 16Hommage aux concepteurs et développeurs des logiciels utilisés pour ce livre.
Glossaire
14
Remerciements
RemerciementsJe tiens tout d'abord à remercier les développeurs de
logiciels libres et les membres qui y contribuent, en particulier bien entendu ceux de la GuppYTeam, pour leur sens du travail bien fait, du partage, de l'entraide et de l'innovation.
Merci également à Laurent Duveau (alias aldweb) pour son dynamisme.
Merci à l'équipe graphique : je parle de dehervé, balou et benoit qui m'ont soutenu dans ce projet en travaillant et en m'aidant sur le graphisme et la mise en page de ce livre.
Merci aux correcteurs de tous bords, shadow, frederp, vim, didrocks, mon amie, ma belle mère et j'en oublie.
Je n'oublie pas non plus mes parents qui m'ont donné accès à l'outil informatique dès mon plus jeune âge, ainsi que ma compagne qui tient bon malgré le grand nombre d'heures passées devant mon ordinateur.
Un grand merci à tous les membres de Framasoft pour leur soutien indéfectible ainsi que leur investissement pour faire connaître les logiciels et la culture libres.
La présentation et certaines parties sont inspirées de « Simple comme Ubuntu » premier du nom, un Framabook (www.framabook.org), écrit par Didier Roche.
Un grand merci également à toutes les personnes qui ont apporté leur pierre à l'édifice par le biais des forums.
Enfin, je témoigne ma gratitude à Mathieu Pasquini (InLibroVeritas), qui a soutenu l'idée de ce livre durant toute sa rédaction.
Hervé WIDMER
15
GuppY
À propos de l'auteurNé en 1980, il découvre très tôt les joies de l'informatique
grâce à un père visionnaire qui a senti l'importance que pourrait avoir cet outil formidable. Il commence donc, tout petit, sur TO7. Bien sûr, il ne code pas tout de suite mais se familiarise ainsi avec les outils informatiques. Loin d'être un pur informaticien, il préfère chercher à utiliser au mieux l'outil qui lui est donné plutôt que de développer de nouvelles fonctions. Cette découverte permanente le fait alors passer à un amstrad 6128, puis aux premiers PC.
Pendant ce temps, ces études ne sont pas des plus exceptionnelles, cherchant juste à être dans la moyenne. Il fait alors un apprentissage (à l'époque considéré comme une voie de garage). Mais ce défi lui permet de donner un sens à ses compétences et à son goût pour l'outil informatique.
Il gravit ainsi les marches du CAP au « mastère spécialisé chef de projets ERP » en restant parallèlement salarié dans une entreprise. Cette forte connaissance de l'utilisateur et sa capacité à transmettre lui permettent d'écrire ses premières documentations sur GuppY.
Concernant sa pratique de GuppY, il débute fin 2003, un brouillon de refonte du site de son village, qu'il maintenait jusqu'alors en HTML. Il se remet rapidement à écrire des documentations pour partager sa connaissance de l'outil.
Début 2005, il intègre la GuppYTeam pour y participer de façon active.
Vous le croisez de temps en temps dans les rencontres du monde du libre, il tente d'y aller régulièrement, même si cela n'est pas toujours évident. Il apprécie particulièrement les découvertes de logiciels, dans lesquelles il tente d'entrevoir des solutions alternatives pour certaines activités professionnelles.
16
Introduction
Chapitre
1
IntroductionIntroductionAvant d'entrer dans le vif du sujet, voici une
présentation de GuppY et de la philosophie du libre en général.
Qu'est-ce qu'un logiciel libre ?L'expression «logiciel libre» fait référence à la liberté et
non pas au prix. Pour mieux appréhender le concept, vous pouvez penser à la «liberté d'expression», qui n'est pas synonyme à «l'entrée libre».
L'expression «logiciel libre» fait référence à la liberté pour les utilisateurs d'exécuter, de copier, de distribuer, d'étudier, de modifier et d'améliorer le logiciel. Plus précisément, elle fait référence à quatre types de liberté pour l'utilisateur du logiciel :
• La liberté d'exécuter le programme, pour tous les usages (liberté 0).
• La liberté d'étudier le fonctionnement du programme, et de l'adapter à vos besoins (liberté 1). Pour ceci l'accès au code source est une condition requise.
• La liberté de redistribuer des copies, d'aider votre voisin (liberté 2).
17
GuppY
• La liberté d'améliorer le programme et de publier vos améliorations, pour en faire profiter toute la communauté (liberté 3). Pour ceci l'accès au code source est une condition requise. Un programme est donc un logiciel libre si les
utilisateurs ont toutes ces libertés. Ainsi, vous êtes libre de redistribuer des copies, avec ou sans modification, gratuitement ou non, à tout le monde, partout. Être libre de faire signifie (entre autres) que vous n'avez pas à demander ou à payer pour en avoir la permission.
Vous avez aussi la liberté de faire des modifications et de les utiliser à titre personnel dans votre travail ou vos loisirs, sans en mentionner l'existence. Si vous publiez vos modifications, vous n'êtes pas obligé de prévenir quelqu'un de particulier ou de le faire d'une manière particulière. Il faut tout de même respe cter la licence originelle .
La liberté d'utiliser un programme, c' est la liberté pour tout type de personne ou d'organisation d'utiliser ce programme pour tout type de système informatique, pour tout type de tâche, et sans être obligé de communiquer ultérieurement avec le développeur ou tout autre entité spécifique.
Si vous souhaitez plus d'informations sur les logiciels libres, l'adresse (dont ce texte est tiré) est la suivante :
http://www.gnu.org/philosophy/free-sw.fr.htmlPour plus d'information sur le mouvement GNU
(acronyme récursif de GNU is Not Unix), vous en trouverez sur le même site http://www.gnu.org
GuppY c'est quoi ?GuppY est avant tout un système de gestion de
contenu permettant de diffuser sur Internet l'ensemble de vos textes images, ... sur votre propre portail.
J'entends parler de CMS, qu'est-ce que c'est ?CMS est l'acronyme de Content Management System,
ce qui signifie Système de Gestion de Contenu. Il existe de nombreux CMS, aussi divers qu'il y a d'utilisations de sites web, certains sont spécialisés dans les blogs, d'autres dans le Wiki.
18
Introduction
GuppY est quant à lui spécialisé dans les portails.
Pourquoi GuppY en particulier ?GuppY est un CMS spécifique du fait même de sa base
de données au format texte. Les fonctionnalités de base de GuppY permettent de créer un site dynamique complet pouvant satisfaire de nombreux besoins. Un système de Plugins permet d'ajouter un grand nombre de fonctionnalités répondant aux besoins spécifiques.
Mais pourquoi ce CMS alors ? A cette question je n'ai pas encore trouvé de réponse car il y en a plusieurs. Ce qui m'a fait rester, c'est la convivialité du forum, la facilité d'utilisation, les évolutions qui ne partent pas dans tous les sens, une équipe française, un projet avec une identité marquée par cette culture.
Courte présentation des fonctions GuppYGuppY est un portail web pensé pour être facile
d'utilisation pour l'utilisateur final. Il ne nécessite pas de base de données de type MySQL pour fonctionner. Il permet de générer très rapidement un site web complet et interactif, sans aucune connaissance technique au préalable. D'origine GuppY comprend :une page d'accueil modulable,un éditorial pour accueillir vos visiteurs,un système de news pouvant être diffusées en RSS,un système de blog simple d'utilisation pouvant être diffusé en RSS,une gestion d'articles répartis en boîtes et catégories pouvant être diffusés en RSS,un système de commentaires activables ou non,un annuaire de liens, un espace de téléchargements, destiné
19
GuppY
essentiellement aux archives zip,une FAQ (Foire aux Questions),un diaporama de photos ,un livre d'or modérable à souhait,un forum réparti en catégories,une boîte "sondage",un compteur ,une newsletter, un système de recommandation, un calendrier avec agenda, une boîte RSS pour afficher les flux RSS des sites amis,une gestion multi-rédacteurs, une messagerie interne, des zones membres, une boîte de connexion "préférences" pour conserver le profil des membres du site,une version allégée destinée aux navigateurs mobiles comme les PDA,un système d'amélioration par skins et plugins,
Les versions de GuppY
GuppY n'a pas toujours eu ce nom. Ce projet a commencé en tant que miniPortail le 30 décembre 2002 (voir préface d'aldweb). Ce nom laissait entendre mini ce qui, aux vues des possibilités
20
Introduction
offertes, sonne faux. Il a été renommé GuppY avec la version 2.4 en septembre 2003. Depuis, GuppY grandit pour en arriver à la Version 4.6.5
– Numéro de version
Le numéro de version de GuppY est composé de 3 chiffres. Ces chiffres ont chacun une signification.
Premier chiffre : la série, actuellement 4. Ce chiffre change lors d'évolutions majeures de la structure de GuppY,
Second chiffre : la version. Dans la série, des améliorations de fonctionnement sont apportées. Une nouvelle version sort alors qui incrémente ce chiffre. On passe ainsi de la V4.5 à la V4.6,
Troisième chiffre (non obligatoire) : l'évolution. Dans une version on peut, malgré tout le soin apporté au développement, découvrir des dysfonctionnements mineurs voire de rares failles de sécurité. Seuls quelques fichiers évoluent alors pour corriger et améliorer. Il est bien sûr conseillé d'avoir la dernière évolution et de s'inscrire à la lettre d'information pour être averti des différentes sorties.
– Mises à jour
Deux types de mise à jour existent qui, chacune, nécessitent une procédure adaptée.
La Migration
La migration sert à changer de version de GuppY, comme par exemple de passer de la V4.5 à la V4.6. Les structures de données peuvent évoluer entre ces versions. Un script (petit programme automatisé) est fait pour que vous ne perdiez pas vos données et une documentation est immédiatement mise à jour sur cette procédure sur le site officiel.Voici les étapes principales d'une procédure de migration :
Sauvegarde complète du site,Contrôle d'intégrité de la base de données,Désactivation des plugins,
21
GuppY
Upload (chargement) d'un GuppY nouvelle version,
Remise en place des dossiers data, img, page, file et photo,
Utilisation du script de migration,Mise en place des plugins adaptés à cette
nouvelle version,Contrôle d'intégrité de la base de données,Sauvegarde complète du site,
Cela peut paraître long et compliqué, rassurez-vous il n'en est rien, la plupart des tâches sont automatisées.Le Patch
Le patch permet d'avoir la dernière évolution. Il est simple à appliquer et il n'y a aucun risque pour vos données.
Il existe 2 types de patch : le cumulatif et le non cumulatif.
– Le patch cumulatif contient tous les fichiers modifiés depuis la première sortie de la version. Il permet de faire monter n'importe quelle version à la dernière évolution disponible.
– Le patch non cumulatif contient les derniers fichiers modifiés. Il permet de monter d'une évolution. Il faut n'avoir qu'une version de différence à appliquer pour pouvoir l'utiliser.
Fréquence des sorties et durée de vie
Certains projets ont des fréquences régulières de sortie.
Chez GuppY, il est de tradition de sortir une série quand il semble nécessaire de modifier en profondeur GuppY et de sortir une version quand elle est prête et a été testée pour apporter un produit stable.
Quant aux évolutions, cela dépend du fil des événements : sur le forum, des petites évolutions peuvent être demandées suite à la découverte d'une erreur dans le code. Ces évolutions attendent un certain nombre de changements en fonction du niveau d'importance pour sortir. D'autres font suite à une faille de sécurité (n'ayez crainte, il y en a bien moins que sur un système d'exploitation que vous connaissez bien), et sont diffusées au plus vite après la découverte de la dite faille.
22
Introduction
Dans ce dernier cas, une lettre d'information, une nouvelle et un sujet sur chaque forum sont créés pour avertir les utilisateurs.
Combien de temps perdure une version de GuppY ?
La série 4 date de décembre 2004. Elle a un certain âge et une stabilité reconnue. La version 4.5 a été créée en juin 2005, et la version 4.6 en 2007. Nombre de site GuppY continuent cependant dans leur première version depuis des années, sans problème. Ils ne peuvent malheureusement pas utiliser les derniers plugins développés. Ils doivent cependant rester vigilant concernant les patch de sécurité de leur version de GuppY.
Vu ainsi, on pourrait se dire que le produit n'évolue pas très vite. Bien au contraire, cette stabilité dans les versions permet une émulation autour du produit pour les personnes créant des plugins, skins, et autres éléments autour de Guppy, que la Team (équipe de développement de GuppY) ne pourrait pas supporter.
Durant les deux ans de vie de la V4.5, il y a eu 18 évolutions, ce qui fait une moyenne d'une évolution tous les 1 à 2 mois.
Cette fréquence permet à un non informaticien de suivre les évolutions sans souci et de se concentrer alors sur le contenu de son site.
23
GuppY
24
Qui sont les membres de la GuppYTeam ?
Chapitre
2
Qui sont les membres deQui sont les membres de la GuppYTeam ?la GuppYTeam ?
Qui sont ils ?La GuppYTeam est une joyeuse bande d'amis avant
tout. Ils sont engagés dans l'aventure du développement du CMS.
Mais ce CMS doit rester le prétexte à une franche camaraderie. N'allez pas croire que l'équipe ne fait rien, bien au contraire ! Cependant l'idée est de le faire chacun à son niveau, avec comme dans tout groupe d'amis des hauts et des bas. Mais à la fin, tout le monde se retrouve autour d'une bière virtuelle pour arroser encore la sortie d'une nouvelle version qu'ils appellent leur bébé. Autour du projet GuppY, chacun consacre le temps qu'il souhaite. Certains membres de l'équipe prennent des congés, d'autres préviennent qu'ils ne seront plus disponibles pendant un certain temps. Mais l'essentiel est de rester une famille dans ce monde du logiciel libre.
25
GuppY
Pourquoi développent-ils GuppY ?Vaste question, pourquoi développer ? Aussi étrange
que cela puisse paraître, c'est pour le plaisir. Le plaisir à plusieurs niveaux : le plaisir de donner, le
plaisir aussi de recevoir, la satisfaction de voir des écoles utiliser GuppY avec des élèves de 7 ans parfois, le plaisir de surfer sur Internet à la recherche d'une information et de tomber sur un site utilisant GuppY. Le bonheur aussi, comme cela m'est arrivé, d'être contacté par un utilisateur et de se rendre compte qu'il habite à 200 mètres de chez soi. Pour conclure, GuppY, c'est du plaisir. Le jour où il n'y a plus de plaisir, on prend ses distances mais toujours avec la possibilité de pouvoir revenir.
Combien leur rapporte GuppY ?Là aussi, cela peut paraître étonnant dans notre
monde, faire GuppY ne rapporte rien. Au niveau financier, bien sûr, car il faut acheter des machines, payer une connexion Internet, des hébergements, des noms de domaines. GuppY ne rapporte rien à la GuppYTeam si ce n'est de la reconnaissance et de la satisfaction.
Comment est organisée la GuppYTeam ?L'organisation s'articule autour de streams (ou groupes)
ayant chacun en charge un des aspects de GuppY.Chaque membre peut intégrer plusieurs streams en
fonction de ses envies et besoins.
26
Qui sont les membres de la GuppYTeam ?
Les tâches sont réparties de la sorte :Back-up : gère les sauvegardes des sites utilisés par
l'équipe ainsi que les sites publics.GuppYTeam : gère les sites internes à la Team.FreeguppY.org : gère le site officiel du projet.GuppYLand : gère le site de ressources pour les
plugins, skins, et ajouts.Webmail : répond à vos mails. Attention, les questions
techniques sont renvoyées au forum. N'envoyez par mail que des messages nécessitant une certaine discrétion, ou une candidature à entrer dans la Team.
International : gère les traductions d'articles et l'assistance en langage non francophone.
Web sites streams : regroupe les équipes pour coordonner la communication sur les sites.
Stearing Comitee : dirige la GuppYTeam, donne les grandes orientations au projet.
Développement : regroupe les équipes des différents
27
GuppY
secteurs autour du développement des versions à venir.Creative lab : berceau de créativité, cette partie de
l'équipe propose des améliorations, concepts, ... Éternels émulateurs d'idées, ils sont ouverts sur le futur d'Internet et les évolutions nécessaires à GuppY.
GuppY Light : développe les versions mobiles de GuppY.
Documentation : réalise les documents disponibles pour vous aider, les articles des sites officiels, plaquettes, présentations, diaporamas, nécessaires pour communiquer autour de GuppY.
Design : imagine le futur du design de vos sites en cherchant toujours à pousser vers plus de flexibilité et de possibilités de personnalisation.
Développement php : regroupe nos développeurs de premier plan, ce groupe transforme les idées en réalisations.
Mac : nous ouvre au monde Mac pour que toutes les plates-formes puissent utiliser GuppY aussi simplement.
Rejoindre la GuppYTeamComme toutes les communautés du libre, nous
sommes toujours en recherche d'aide. Mais un simple mail disant : « Je peux vous aider » ne suffit pas pour entrer dans la Team. Il faut avoir déjà donné sur le forum ou son site, être reconnu, et s'engager à un secret concernant les données ou informations internes à la Team. Cela pour s'assurer que la motivation est réelle et s'inscrit dans la durée. Nous tenons à notre stabilité, ce qui permet la stabilité de GuppY.
Il nous arrive cependant d'annoncer que nous avons besoin d'aide sur certains sujets précis.
L'association FreeGuppYAvec la sortie de la version 4.6 est née l'association
freeguppy qui sert à rassembler les bonnes volontés autour du projet GuppY. Notre souci est d'assurer la pérennité du projet GuppY. Cette association nous permettra cela et bien plus. Pour en savoir plus, le site de l'association est :
http://asso.freeguppy.org
28
Découverte et installation
Chapitre
3
Découverte etDécouverte et installationinstallation
L'archive
– Obtenir GuppY
GuppY peut s'obtenir de différentes façons. La plus simple étant d'aller sur le site freeguppy.org et d'y télécharger la dernière version. La seconde, plus hasardeuse est d'attendre qu'un magazine parle de GuppY et le distribue sur CD.
Attention, vous trouverez GuppY sur d'autres sites, intégrant des plugins, skins, et autres ajouts. Ces versions peuvent ne pas être à jour, leur utilisation est donc à vos risques et périls. Seule la version distribuée sur freeguppy.org est officiellement reconnue.
Décompresser Guppy
GuppY est distribué dans une archive au format zip. Il faut décompresser cette archive pour en extraire les fichiers
29
GuppY
composant GuppY. Pour ce faire il existe de nombreux outils. Personnellement, j'utilise 7zip qui a l'avantage d'être un logiciel libre et que l'on peut trouver sur le site : http://www.7-zip.org/
On ouvre l'archive de GuppY et on choisit d'en extraire le contenu dans un dossier local. On obtient ainsi les fichiers et dossiers composant GuppY. Toutefois, GuppY étant écrit en PHP qui est un langage dynamique, vous avez besoin d'un logiciel spécifique pour le faire fonctionner (voir ci-dessous, installation locale).
Installation locale
Pour fonctionner GuppY a besoin d'un serveur PHP, choisissez-en un adapté à votre système d'exploitation.
L'installation en local permet de tester, modifier, tâtonner sans mettre en péril votre site en production. Cela permet, par exemple, de tester l'utilité de différents plugins chez soi, de vérifier les fonctions qu'offre GuppY et de former vos rédacteurs et co-webmestres à la mise en ligne de contenu.
Windows Linux Mac
EasyPHP : www.easyphp.org/
Wamp : www.wampserver.com/
MiniGuppY : www.freeguppy.org
Lamp : http://www.apachefriends.org/en/xampp-linux.html
Mamp : http://www.mamp.info
30
Découverte et installation
MiniGuppY
GuppY est un des rares CMS à proposer un pack facile d'utilisation pour installer en local sur sa machine (fonctionnant sous windows) un serveur web paramétré pour faire fonctionner GuppY.
Ce pack appelé MiniGuppY renferme un ensemble de services permettant en local de découvrir GuppY. Il contient un GuppY standard sans plugins ni ajouts spécifiques. Ce pack permet d'utiliser GuppY sur un réseau local en utilisant l'adresse IP ou le nom de l'ordinateur hôte du serveur du type http://192.168.0.15 ou http://Lucien. Ce système n'est cependant pas conçu pour permettre un accès au site depuis Internet.
Dans ce pack de logiciels, nous utilisons des applications libres, nous ne pouvons connaître totalement ces applications, il faut s'adresser à leur site officiel respectif. Ce package est concu pour fonctionner sur Clef USB ce qui vous permet de travailler de façon itinérante sur votre site sans avoir à installe de serveur PHP.Avant MiniGuppY il y avait EasyGuppY ce package existe toujours et est encore documenté mais n'est plus mis à jours. Il faut donc si on souhaite l'utiliser mettre la dernière version de GuppY à la place de celle distribuée.
Les paramétrages de ces serveurs peuvent être modifiés par leurs interfaces respectives pour s'adapter à votre configuration.
Installation en lignePour une installation en ligne il vous faut un hébergeur.
Il donne accès à tous les internautes au contenu déposé dans leurs comptes par les webmestres. Cet hébergeur doit proposer le support de PHP dans une version la moins restrictive possible.Il existe différentes offres d'hébergement :
Hébergement dédié
Cet hébergement est coûteux. Il s’adresse aux sites à
31
GuppY
fort trafic ou manipulant beaucoup de données. Avoir un hébergement dédié signifie que vous maîtrisez l’ensemble des paramètres d’hébergement de votre site. Posséder un hébergement dédié nécessite donc des connaissances solides d'Internet et des réseaux informatiques.
Hébergement mutualisé
C’est souvent le meilleur rapport prestation/coût. Votre site est hébergé, avec d’autres sites, sur un des serveurs de votre hébergeur. Sachez que certains hébergeurs limitent de façon raisonnable le nombre de sites hébergés sur un serveur tandis que d’autres n’hésitent pas à surcharger leurs serveurs.
L’hébergement mutualisé convient à la plupart des sites car la variété des services fournis et des coûts d’hébergement permettent de choisir en fonction de ses besoins et de faire évoluer son site raisonnablement.
Hébergement dédié virtuel
Il s’agit d’un système offrant la flexibilité de l’hébergement dédié en diminuant le coût, du fait de la mutualisation des serveurs.
Hébergement en propre
Le principal atout de l’hébergement en propre est... la quasi gratuité ! Mais bien souvent il ne reste de la gratuité que les miettes car très rapidement il faut se pencher sur les limites de ce système : sauvegarde des données, maintien de la bande passante, maintenance (tant logicielle que matérielle) du serveur web, sécurisation des services, etc. Et le temps passé vous coûtera beaucoup plus que la pseudo gratuité. En période de création, vous avez autre chose à faire !
Lequel choisir
S’engager immédiatement dans un hébergement payant peut être difficile car on ne connaît pas les possibilités de GuppY, on se cherche un peu, et on n’arrive pas à estimer l’espace nécessaire.
32
Découverte et installation
La solution est de commencer chez un gratuit. Après 6 mois à 1 an, on sait ce que l’on cherche à faire et on peut alors en changer en toute connaissance de cause.
Envoyer ses fichiers chez son hébergeur.
Pour cette opération primordiale, nous allons utiliser un logiciel libre du nom de FileZilla http://filezilla.sourceforge.net/
FileZilla est un client FTP (File Transfert Protocole ou programme de transfert de fichiers, voir glossaire), c'est un logiciel qui sert à "uploader" c'est-à-dire transférer sur votre emplacement Internet votre GuppY, vos images, fichiers mis en téléchargement...
J'ai choisi FileZilla, mais c'est à peu près la même chose avec un autre client FTP.
33
GuppY
Voici l'interface de FileZilla qui se compose de quatre parties principales.
– Le bandeau supérieur contient les éléments concernant la connexion.
– Au centre il y a deux explorateurs, à gauche l'ordinateur local, à droite les répertoires de l'hébergeur.
– En dessous, nous trouvons la file d'attente des fichiers.–
Nous allons alors paramétrer notre connexion en cliquant sur :
34
Découverte et installation
Ce qui va ouvrir une boîte de dialogue :
Dans cette boîte de dialogue, en cliquant sur « nouveau site » nous allons entrer les paramètres de connexion fournis par l'hébergeur. Le bouton « enregistrer et quitter » permet de retourner à l'écran d'accueil. Le fait alors de cliquer sur le bouton :
Permet d'obtenir une liste des connexions paramétrées et de s'y connecter.
Un simple « glisser-déposer » avec la souris permet alors d'envoyer chez l'hébergeur l'ensemble des fichiers et dossiers de GuppY.
Les CHMODSOui, je sais, encore un mot barbare, mais qui cache
quelque chose de simple à comprendre. La majorité des hébergeurs sont sous GNU Linux. Cette plate-forme gère des droits au niveau des fichiers pour savoir qui peut les lire, les écrire et les modifier (heureusement pour la sécurité de votre site !).
Attention! Certains hébergeurs n'acceptent pas la modification de CHMOD. Prenez contact avec lui en cas de souci.
35
GuppY
Notation des CHMODS
Les droits s'expriment selon un code rwx, r pour read (lire), w pour write (écrire) et x pour execute (exécuter).
Cela se note aussi de façon numérique dite octale : un chiffre en base 8, entre 0 et 7. On traduit le rwx en octale par les puissances de 2, le premier caractère étant 2 puissance 2 (soit une valeur de 4), le second 2 puissance 1 (soit une valeur de 2), le troisième 2 puissance 0 (soit une valeur de 1).Exemples :
Si le droit est rwx, cela équivaut à 111 en base 2, soit 7Si le droit est r-x, cela équivaut à 101 en base 2, soit 5Si le droit est r--, cela équivaut à 100 en base 2, soit 4
Voilà pour l'explication des chiffres.Un fichier a des droits ou pas, et ce selon 3 profils :– le propriétaire,– - le groupe,– - le reste.A chaque profil, on associe un droit de type rwx.
Un fichier qui aurait 744, équivaut à rwxr--r--, le premier ensemble de 3 lettres (rwx) est pour le propriétaire, le second ensemble (r--) pour le groupe, le troisième (r--) pour les autres. Dans cet exemple, le propriétaire aurait tous les droits, le groupe la lecture et le reste la lecture aussi.
Comment appliquer les CHMODS
Tout simplement avec le logiciel de transfert FTP. Avec FileZilla, dans la fenêtre de droite (chez l'hébergeur) faites un clic droit sur un dossier, et cliquez sur « attributs du fichier ».
36
Découverte et installation
Apparaît alors cette boîte de dialogue :
On peut indifféremment utiliser les cases à cocher ou la saisie de valeurs numériques. On peut aussi sélectionner plusieurs dossiers ou fichiers en une fois pour attribuer à tous les mêmes droits en une seule opération.
Les CHMODS de GuppY
Vous trouverez les CHMODS à appliquer dans le fichier lisezmoi.txt de GuppY ainsi que dans les archives des plugins qui nécessitent des CHMODS.
1. Répertoire admin- Fichier admin/mdp.php CHMOD 666
2. Répertoire data CHMOD 777- Fichiers data/* CHMOD 666
3. Répertoire data/archive CHMOD 777- Fichiers data/archive/* CHMOD 666
4. Répertoire data/cache CHMOD 777- Fichiers data/cache/* CHMOD 666
5. Répertoire data/countmsg CHMOD 777- Fichiers data/countmsg/* CHMOD 666
6. Répertoire data/usermsg CHMOD 777- Fichiers data/usermsg/* CHMOD 666
37
GuppY
L'installation de la baseÇa y est, votre site est en ligne. Mais il contient des
informations qui ne vous sont pas utiles, elles sont là pour « jouer », découvrir et aider aux premiers pas avec GuppY.
Il faut les supprimer au départ de votre site pour partir sur une base vierge.
Pour ce faire, il existe le dossier « install », son utilité est de vider la base de données et de recréer une base vierge. C'est à la fois très pratique (pour vous)... et très dangereux (pour vous aussi, rappelez-vous, les fameux pirates). Il faut donc supprimer ce dossier après utilisation pour éviter le vidage de la base par une personne mal intentionnée.
Vérifiez après chaque migration ou patch que ce dossier est vide ou inexistant. Il est toujours dommage de perdre l'essentiel de son site : le contenu. Et ça n'arrive pas qu'aux autres ...
38
Configuration
Chapitre
4
ConfigurationConfiguration
Après l'installation, il est important de configurer votre site pour qu'il réponde à votre besoin spécifique. Vous n'avez pas forcément besoin de tous les modules ou fonctions, il vous est alors possible de les activer ou non.
Rentrer dans l'administration du siteSi vous souhaitez démarrer avec votre site, il faut vous
connecter en tant qu'administrateur. Pour ce faire, enregistrez-vous comme membre de votre site. Dans l'exemple, le membre utilisé s'appelle « admin », mais vous pouvez utiliser le pseudo de votre choix (attention à la casse Majuscules/minuscules : Admin et admin sont deux pseudos différents pour GuppY).
L'apparence du site peut être modifiée en fonction de la skin (« peau » du site). Nous sommes ici en no_skin d'origine (skin livrée d'origine avec GuppY).
39
GuppY
Vous trouverez une boîte avec la mention « préférences », cliquez sur « devenir membre ».
Vous allez alors obtenir un écran de connexion ressemblant à ceci :
40
Configuration
Dans cette partie, remplissez les informations vous concernant, en tant que membre du site.
La seconde partie vous permet de choisir une apparence du site personnalisée et ce en sélectionnant la skin, et la disposition des boîtes. Mini-éditeur concerne l'écran vous permettant de saisir des textes dans les parties forum, et interactives du site. Le choix de l'avatar ne concerne que le forum.
41
GuppY
Une fois enregistré, une fenêtre de confirmation
apparaît :Elle reprend l'ensemble des informations données.
Ceci étant fait, vous pouvez maintenant rentrer dans la partie administration en cliquant simplement sur : Il vous est alors demandé un mot de passe sur la page d'origine, ce mot de passe est « pass » ( sans les « » ).
Vous êtes maintenant sur la page d'administration.
42
Configuration
Administration générale Cette partie est consacrée à l'aspect technique du site,
et ne permet pas d'en modifier le contenu mais le contenant.
43
GuppY
Elle est composée de plusieurs icônes, chacune ayant sa propre utilité.
Il est important ici de procéder dans l'ordre pour ne pas avoir de surprises. Certains paramétrages sont irréversibles, il faut être attentif et procéder par étapes.
Configuration généraleDans cette partie de la configuration, beaucoup de paramètres sont à modifier. Prenez votre temps, rien ne presse, vous serez d'autant plus satisfait si vous n'avez pas à revenir en arrière.
La case optimisation de vitesse concerne la compression des pages web, cette fonction n'est pas supportée par tous les hébergeurs et est désactivée dans l'administration.
44
Configuration
La partie « infos site » est importante. Le nom du site est repris en page d'accueil, l'URL permet d'accéder aux données et de faire fonctionner l'éditeur, elle est souvent automatiquement détectée mais vous devez la vérifier et la corriger si nécessaire. Quand vous aurez mis votre site en ligne, ou si vous changez d'hébergeur, vous devrez retourner sur cette page pour vérifier l'URL du site.
Les langues du site représentent un paramètre que l'on ne peut plus modifier une fois le site commencé, il est important de tout de suite définir correctement ce paramètre.
Un pack de langues existe et permet d'utiliser une grande quantité de langues différentes. D'origine, GuppY est livré avec le français et l'anglais mais il est aussi possible de faire votre site en une seule langue, dans ce cas choisissez « pas de deuxième langue » (allez tout de suite en bas du formulaire, enregistrez et reprenez ensuite la configuration).
Le slogan est utilisé dans un script pour défiler en bas dans votre navigateur. Cette fonction n'est supportée que par Microsoft Internet Explorer.
Les formats de date et d'heure permettent de s'adapter aux normes du pays en modifiant l'ordre des composants.
45
GuppY
Les informations sur le webmestre (nom et mail) sont reprises dans la boîte « contact » de la page web. La coche « email PHP » active ou non une page de contact. En la cochant, lorsque l'on clique sur webmestre, on obtient dans ce cas un formulaire de contact. Si elle est vide, cette même action déclenche une procédure en javascript affichant l'email qui pourra être utilisé dans votre courielleur favori. Le choix de messagerie instantanée et l'identifiant permettent par exemple d'être contacté par votre logiciel de discussion instantanée préféré. Je conseillerais ici de ne pas en spécifier si votre site est très fréquenté.
Les balises méta connues aussi sous le nom de méta tag sont reprises dans l'entête de la page web. L'entête est lue par les moteurs de recherche et par des robots. Il est important de bien les remplir. Remplissez tous les champs mais il est conseillé actuellement de laisser « méta Reply-To » vide , car des robots parcourent le web à la recherche de cette balise ou tout autre email traînant en clair sur Internet à des fins de spam ou pourriels.
46
Configuration
Le copyright de GuppY se trouve en bas de page. On peut ainsi paramétrer l'apparence et la présence des logos autour du copyright.
On peut choisir ou non d'afficher le copyright. La GuppYTeam souhaite que chaque site arbore fièrement cette signature discrète, c'est là la seule rémunération demandée pour utiliser cet outil. Avouons que l'on ne pense pas enlever à Windows toutes les marques de fabrique ou le nom de sa distribution de Linux. Au contraire on est fier de dire j'ai telle distribution Ubuntu, Debian, ou autre. Avec GuppY c'est pareil, de plus cette mention est indispensable pour demander de l'aide : elle permet aux forumeurs qui vous viennent en aide, en voyant votre site, de se référer à une correction passée et de tester un dysfonctionnement depuis différents systèmes.
47
GuppY
Configuration services
Cette partie permet l'activation et la configuration des différents services de GuppY. C'est ici que vous décidez d'utiliser un service, par exemple les nouvelles . Il suffira alors de décocher une case. Pas besoin d'aller toucher au code de
GuppY. Tout ce que vous faites ici est réversible à l'infini, aussi facilement que si vous allumez ou éteignez la lumière chez vous.
La partie Administration permet de définir un pseudo préférence. Ce pseudo est utilisé par l'administration rapide. La coche « administration rapide » n'est pas utile immédiatement mais devient rapidement indispensable avec la montée en régime de votre site.
En effet, elle permet de positionner pour l'administrateur et uniquement lui, trois petites images lien au bas de chaque boîte, de chaque article, de chaque élément du site pour l'éditer directement, le désactiver ou le supprimer.
Le choix de l'éditeur est utilisé en administration pour rédiger les nouvelles, articles, ... Il existe de nombreux éditeurs. D'origine GuppY embarque FCKEditor. Les autres éditeurs sont disponibles sous forme de plugins à ajouter. Vous trouverez ainsi forcément celui qui vous convient le mieux.
Masquer le bouton « admin » permet d'éviter à d'autres de cliquer dessus pour voir et pour tenter de rentrer dans l'administration. Il suffit alors de taper « admin » à la fin de l'adresse du site pour y accéder. Ex : http://monsite.fr/admin/admin.php.
La coche « Collaborateurs » permet de définir si l'on gère ou non des collaborateurs. Il est inutile de le cocher si on est seul webmestre sur son site.
48
Configuration
Choisir les services d'un site est important mais attention aux risques. A tout activer on se retrouve aux commandes d'un site rempli d'interactions, et étant débutant on peut se faire submerger. Pour débuter, activez un minimum de choses, lancez votre site, et voyez ce dont vous avez besoin au fur et à mesure. Vous pouvez toujours venir activer les fonctions. De plus le lancement d'une fonction comme le forum peut faire l'objet d'une nouvelle, d'une annonce et participer à la montée en puissance de votre site.
49
GuppY
Les services par un jeu de coches et choix permettent d 'activer et paramétrer toutes les fonctions de GuppY.
La section page d'accueil permet d'ouvrir le site sur l'accueil ou le blog en fonction des préférences.
Le blog peut être activé ou non et se présenter de deux façons, l'une normale (entre les boîtes latérales), l'autre en blog pleine page sans ces boîtes, en fonction de vos envies. Les contributions des utilisateurs peuvent toujours s'afficher immédiatement, être sujettes à modération (c'est à dire validées par le webmestre - vous), ou interdites.
On peut choisir aussi de publier ou non ce blog au format RSS pour que d'autres sites puissent en afficher le contenu. De la même manière, il est aussi possible d'afficher les blogs au format RSS venant d'autres sites. Attention tout de même : les RSS peuvent être bloqués par certains hébergeurs.
Il en va ainsi de toutes les sections de GuppY qui peuvent au besoin être activées ou désactivées en quelques secondes.
50
Configuration
Le nombre d'éléments par service délimite le nombre d'éléments par page, c'est à dire par exemple le nombre de news que le visiteur pourra voir simultanément sur une même page. Attention tout de même à ne jamais laisser de case vide ou 0 ce qui engendrerait des erreurs sur les pages.
La partie « contributions visiteurs » permet de définir une popup d'attente (petite fenêtre d'info) après la validation d'une contribution sur le forum ou ailleurs.
51
GuppY
Tout site est une cible potentielle pour les robots spammeurs, un système d'anti-spam est donc nécessaire. Les valeurs d'origine suffisent à un site ayant une fréquentation moyenne. Si la fréquentation augmente, pensez à augmenter dans le même temps ces valeurs en cas de plaintes de vos visiteurs ne pouvant plus contribuer.
La supervision n'est pas un super pouvoir d'un de nos héros favoris mais un système permettant d'être averti des événements et des contributions faites sur votre site par les visiteurs (vous recevrez dans ce cas un mail par inscription, contribution forum, message sur livre d'or, ...). Pour que ce service fonctionne, il faut que votre hébergeur accepte la fonction mail PHP. Il faut aussi trouver le protocole adapté à votre hébergeur. La supervision consiste en un envoi de mail. Pour tester le protocole adapté, recommandez votre site à vous-même et, si vous recevez un email, c'est que cela fonctionne.
Astuce compteur : à réception du mail du compteur on est tenté d'aller le changer pour le prochain palier, cela ne sert à rien, si vous souhaitez un mail tous les 100 visiteurs, mettez 100 et à chaque multiple de 100 vous recevrez un email.
52
Configuration
Configuration sections
Les sections de GuppY peuvent être renommées pour coller à votre site. En effet, tout le monde ne veut pas forcément « accueil » mais peut être « départ », ou « home ». Ici vous pouvez changer ces noms
sans difficulté. Ainsi le menu supérieur, les boîtes, et tout le contexte du site sont modifiables.
L'ordre des icônes du menu est fonction du nom de la section, mais vous pouvez les trier dans un autre ordre. Pour cela, utilisez une balise masquée du langage HTML devant les titres, comme <!--01--> <!--02--> <!--03-->, par exemple. Cette fonction du menu est une nouveauté de la version 4.6. Mais cette astuce était déjà utilisée pour ordonner les articles dans
53
GuppY
les boîtes articles, sujet que nous traiterons plus loin.
Configuration Accueil
La configuration de l'accueil permet de mettre en page la première page que verra le visiteur.
Cette page d'accueil s'affiche à condition de ne pas avoir choisi le blog en page d'accueil dans la configuration des services.
La page est constituée de boîtes centrales. C'est l'ordre de ces boîtes qui est défini ici. Les boîtes disponibles de base sont : l'éditorial, le forum en direct, les dernières nouvelles, le blog, les derniers billets, le livre d'or mon préféré.
Suivent alors des cases très simples pour définir le nombre d'éléments à afficher (sur la page d'accueil cette fois) et la coupure de texte pour les nouvelles et le blog (ce qui revient à choisir la taille d'affichage de ces messages, de manière à mieux gérer l'aspect visuel de votre page d'accueil). On choisit aussi ici le message du livre d'or à afficher : l'ID (pour identifiant) du message du livre d'or, c'est le numéro identifiant ce message. Repérez le message que vous préférez. Allez dans l'admin, icône livre d'or. dusde votre message préféré, et mettez cette valeur dans configuration accueil.
54
Configuration
La configuration Forum
Bien configurer son forum est important pour améliorer la lisibilité de celui-ci. Modifier cette configuration peut devenir difficile si vous passez d'un forum sans catégorie à un forum avec catégories, et vice versa. Le risque étant de
devoir reprendre l'ensemble des sujets du forum pour leur réattribuer une catégorie.
Je vous conseille donc de bien réfléchir à la façon dont vous souhaitez utiliser cette fonction, et éventuellement de démarrer sans forum le temps de le configurer comme bon vous semble.
Le premier bouton de cette configuration permet de rédiger une charte. Cette charte peut être utilisée ou non mais elle est recommandée. Elle va vous permettre d'établir les règles d'utilisation de votre forum. Je laisse plus bas un exemple de charte, elle est certes un peu longue mais permet d'être clair dans sa communication et la gestion sereine du site, sans se demander si la désactivation d'une contribution est légale ou non.
Les coches suivantes permettent de choisir un affichage entre les boîtes ou en pleine page du forum, d'activer la gestion des catégories ou non, un compteur de lectures ou non, le nombre de catégories de discussions, et des paramètres d'affichage d'images ou de maintien au top de certains sujets.
55
GuppY
En ce qui concerne les catégories, en avoir trop perd le visiteur novice et il aura tendance à poster dans la première venue sous sa souris, sans chercher plus loin. Avoir 25 catégories peut mener à plus de désordre que seulement 2. Il est d'usage de dire que 10 catégories peuvent être un maximum, mais il n'est pas toujours aisé de s'y tenir en fonction des utilisations. Évitez aussi la catégorie « divers », qui elle aussi peut être source de confusion. Si le besoin s'en fait sentir, une catégorie « détente » permet d'être légèrement plus restrictive que « divers ».
Exemple de charte
1.OBJETCe forum a pour but de permettre aux internautes de témoigner de leurs expériences, d'échanger leurs avis et de poser des questions relatives au contenu du site.
2.RESPONSABILITÉL'auteur d'un message est seul responsable des propos qu'il publie.En cas de non respect de cette charte et des lois et réglementations en vigueur, l'auteur s'expose, au delà du simple retrait de son message sur ce forum, aux sanctions civiles ou pénales afférentes.
3.RESTRICTIONSSont prohibés : les messages contenant des critiques et opinions non fondées et argumentées, les messages à caractère ordurier, outrancier, outrageux, diffamatoires, violents, racistes, purement gratuits ou usurpant l'identité d'un tiers, et plus généralement tout message portant offense à l’intégrité de la personne,les messages diffusant des numéros de téléphone et adresses e-mail non publiques sans l’autorisation des personnes concernées,les messages contenant des propos visant l'échange de contenu illicite ou préjudiciable, le contournement du droit d'auteur.
4.RÈGLES DE GESTION
56
Configuration
Dans le cas où un message enfreindrait les règles édictées dans cette charte, l'administrateur se réserve le droit de modifier ou supprimer le message incriminé, de façon automatique ou après validation.Dans le cas où un auteur récidiverait, l'administrateur adressera si possible un message d’avertissement à l'auteur. En cas de non respect de cet avertissement, l'administrateur se réserve la possibilité d'interdire définitivement l'auteur de toute nouvelle publication sur ce forum.Ce forum détient et conserve toutes données de nature à permettre l’identification des auteurs des messages et procède à l’archivage privé des messages postés supprimés. Ces informations ne pouvant être communiquées qu’à une autorité judiciaire ou à un plaignant dans le cadre d’un litige.
5.CONSEILS DE RÉDACTION
Rappel du savoir vivre sur le forum : la netiquette.Lorsque vous créez un nouveau sujet, pensez à le poster dans la bonne rubrique. Donnez un titre compréhensible qui reflète bien le contenu de votre message. Ne postez votre message que dans une seule rubrique. Ne postez pas plusieurs fois le même message.Évitez le langage type 'SMS' ou 'chat' et les fautes d'orthographe volontaires, sur un forum vous n'êtes pas limité en espace pour l'écriture de vos messages. Écrivez dans un français correct en évitant de faire trop de fautes d'orthographe (relisez-vous avant de poster).N'écrivez pas TOUT EN MAJUSCULES, votre message paraîtra agressif, et on aura moins envie de répondre à votre message avec gentillesse.Pensez à aérer vos messages en y insérant des retours à la ligne permettant une bonne lecture. Veillez à la pertinence de vos propos afin de ne pas ennuyer les lecteurs. A titre indicatif, je vous conseille de ne pas divulguer votre adresse email dans les messages afin de ne pas être repéré par les robots qui pourront vous spammer par la suite.
6. INFORMATIQUE ET LIBERTÉS
Conformément à l’article 34 de la loi "Informatique et Libertés"
57
GuppY
du 6 janvier 1978, les auteurs disposent d'un droit d'accès, de modification, de rectification et de suppression des données qui les concernent. Ils peuvent exercer ce droit en envoyant un message via le formulaire de contact du présent site.
Les participants à un forum apprécient de se voir honorer par des rangs, cette fonction peut tout de même être désactivée en choisissant « inactif ». Le choix d'une échelle doit être fonction du site. Sur le site d'une école les élèves voudront vite voir des étoiles, le niveau faible sera plus encourageant pour eux à participer à la vie du forum. Sur un site à fort trafic, on risque vite d'avoir tout le monde à 5 étoiles ce qui peut en gêner la lecture de la hiérarchie, on peut alors passer à fort. Sur les sites ne recevant qu'une contribution par mois, désactiver cette fonction évite un jugement de valeur du visiteur ne voyant que des étoiles grises.
Une fois cette configuration effectuée, enregistrez cette partie et passez à la suite.
58
Configuration
Les catégories de discussions permettent de donner un titre et un libellé aux sujets. Vous voyez aussi une case avec un 1 en face de Sujet 1, c'est ce qui est appelé l'ID du sujet. Si deux sujets ont le même ID, les contributions seront visibles dans les deux simultanément. Il ne faut pas laisser cette case à vide à la création d'un nouveau sujet.
Archivage du forum
Il est évident qu'un forum long est lourd à maintenir. Quand je parle de lourd, je parle d'environ 1000 à 1200 sujets actifs, voire moins sur certains hébergements mutualisés ou lents. On peut alors archiver les éléments anciens. Ils
restent consultables mais les discussions sont alors fermées.
Le fonctionnement est très simple. On donne une date avant laquelle les éléments du forum sont inaccessibles, et on lance un archivage. Le terme BATCH utilisé signifie « par lot », c'est à dire que l'on traite tout un lot de messages. A la fin de l'archivage un contrôle d'intégrité de la base est lancé (le contrôle d'intégrité sera traité un peu plus loin).
Gestion zones membres
Comme son nom l'indique la gestion des zones membres permet de gérer les membres (visiteurs). Cette section permet de restreindre la navigation sur le site. Ces fonctions sont selon moi à utiliser avec prudence, car beaucoup d'internautes ne resteront pas sur un site qui oblige à s'enregistrer. Il est certes gratifiant d'annoncer un grand nombre de membres, mais combien se sont enregistrés, ont consulté et ne viendront plus ? Par conséquent, je n'utilise cette fonctionnalité qu'avec parcimonie.
59
GuppY
La configuration d'une zone membre peut être activée ou non. Elle permet, par un jeu de coches, de limiter l'accès à certaines sections aux seuls membres, et/ou de limiter les contributions aux seuls membres. La limitation des contributions peut aider à limiter les pollutions sur le site.
60
Configuration
La gestion des membres permet de supprimer des membres du site. Si par exemple ils ont perdu leur mot de passe ou vous font savoir leur souhait de ne plus être membre.
Écrire aux membres doit être considéré comme une lettre d'information uniquement consultable sur votre site en se connectant. Les membres qui ne se connectent pas n'y accéderont donc pas. Soyez prudent si vous avez beaucoup de membres car ce message sera dupliqué dans la boîte de chaque membre et utilise de l'espace d'hébergement.
Droits
Les droits concernent les membres (visiteurs) qui vont vous aider à alimenter, modérer, et faire vivre votre site. En effet tenir seul un site Internet, est valorisant, mais très vite cela peut devenir lassant voire contraignant. Et pourtant le site nous plaît mais,
seul, on est moins fort qu'en équipe.
On va vouloir alors gérer des rédacteurs (collaborateurs). Le système de GuppY est basé sur la confiance mutuelle. Certains plugins permettent une autre gestion des rédacteurs, nous le verrons plus loin. Cela signifie que tous les rédacteurs ont accès à tout le contenu des sections autorisées.
61
GuppY
On peut dans cette partie attribuer ou gérer les droits déjà attribués. Pour que cela fonctionne, le service collaborateurs doit être activé dans la configuration des services.
Dans l'attribution des droits, on choisit dans un premier temps le collaborateur à qui les droits vont être attribués. Attention tout de même : évitez d'attribuer des droits restreints à l'administrateur principal sous peine de se retrouver éventuellement dans l'impossibilité d'administrer son propre site. Donnez-lui tous les droits.
La fonction s'affiche aussi dans le forum pour bien identifier les responsables du site des autres visiteurs.
Une série de coches reprenant l'ordre des icônes de l'administration permet alors de donner accès soit à toute une section soit juste à certains éléments de l'administration à vos collaborateurs.
62
Configuration
La gestion des collaborateurs permet bien sûr de rééditer les droits pour les modifier voire les supprimer en fonction des besoins.
Mot de passe d'administration
Le mot de passe administrateur est une chose essentielle à modifier. Si vous ne le modifiez pas, n'importe quel visiteur allant dans l'administration avec le mot de passe « pass » peut ajouter modifier, supprimer
le contenu à sa guise. Pour le modifier, il suffit de rentrer le mot de passe actuel et de saisir 2 fois le nouveau mot de passe.
63
GuppY
Contrôle d'intégrité DB
Le contrôle d'intégrité de la base de données GuppY doit être exécuté de temps en temps, et de toute façon quand vous réalisez qu'il y a un désalignement des données (par exemple, lorsque vous
êtes certain d'avoir posté une discussion sur le forum et que celle-ci n'apparaît pas...).
Ce contrôle d'intégrité de la base de données GuppY est une opération qui peut être longue. Si votre base de données GuppY est grosse, elle peut ne pas fonctionner correctement, par exemple sur un serveur web ayant paramétré un temps court d'exécution des scripts PHP. Dans ce cas, procédez par plages de documents ou par batch.
Qu'est ce qui peut provoquer un désalignement ? Par exemple, la suppression d'éléments sur un site très actif en contribution utilisateurs. Il est donc conseillé de procéder à ce contrôle en cas de suppression de contenu ou sur un serveur lent si des contributions ont obtenu le même numéro. Elle est aussi effectuée automatiquement à la fin d'un archivage du forum.
En tout état de cause, un contrôle régulier reste conseillé même si aucun problème n'est constaté.
64
Configuration
Maintenance
La maintenance est l'équivalent de la corbeille de votre bureau, cette page permet de récupérer les éléments supprimés et de les réinsérer dans leur section respective.
Pour ce faire, une coche permet soit de restaurer, soit de supprimer l'élément. Pour effectuer l'action sur plusieurs éléments simultanément, il suffit de tous les cocher et de cliquer sur « Exécuter les actions sélectionnées ».
Travaux
Pour certaines actions, il peut être nécessaire de ne plus avoir de mouvement sur le site donc de le fermer, temporairement bien sûr. Les actions pouvant nécessiter une telle pause sont peu nombreuses. En fait je n'en vois qu'une : la migration. Mettre le site en
travaux est inutile pour écrire un article ou réorganiser les sections. Mais lors d'une migration (de version à version, ou changement d'hébergeur) les données doivent être figées, la mise en travaux est donc nécessaire. La mise en travaux lors des sauvegardes du répertoire data évite les décalages entre docid.dtb (fichier GuppY de base de données identifiant vos documents, articles, ... présents sur votre site) et les docXX.inc (fichiers contenant vos données) dus à la durée de sauvegarde.
65
GuppY
Il faut bien entendu être membre du site pour le fermer, ainsi vous aurez encore accès au site mais pas les autres visiteurs qui seront redirigés vers une page GuppY, indiquant que votre site est en travaux.
A Propos
Cette rubrique renferme différentes informations importantes. Dans un premier temps les crédits et la licence de GuppY (licence que vous avez été invité à lire lors du téléchargement).
Suivent des informations techniques (nouveauté très pratique sur la 4.6) :
Version de GuppY : Permet de connaître la version utilisée et de voir si elle est à jour.
Environnement : Pour connaître le Système d'exploitation du serveur qui vous héberge, la version de PHP utilisée ainsi que l'URL du site.
Liste des plugins : Permet de connaître les plugins en place sur le site.
Ces informations sont à donner sur le forum de GuppY en cas de problème : elles vont aider les équipes du forum (utilisateurs ou membres de la GuppYTeam) à trouver l'origine d'un dysfonctionnement. Elles leur font aussi gagner du temps, et vous obtiendrez votre aide beaucoup plus rapidement. Il suffit de coller ces informations à la fin de votre demande d'aide sur le forum de freeguppy.org pour donner les détails permettant un meilleur diagnostic.
Remarques :
– Certains l'inscrivent dans leur signature forum personnalisé, une fois pour toutes lors de leur inscription sur le forum GuppY.
66
Configuration
– Si vous ne donnez pas ces infos et que vous posez une question, ne vous étonnez pas de lire « nous ne lisons pas dans le marc de café », « nous n'avons pas de boule de cristal », ou des petits smileys amusants : cela signifie juste « on a besoin de plus d'infos pour t'aider ».
67
GuppY
68
Ajout de contenu
Chapitre
5
Ajout de contenuAjout de contenu
DéfinitionLe contenu, c'est ce que vous apportez à votre site. Ce
sont vos textes, vos images, vos vidéos, tout ce qui fera que votre site sera unique. Cette gestion se fait avec les icônes d'administration du cadre « Administration des données ». Chacune de ces icônes permet de gérer une section ou partie de section. Les écrans, dans certains cas, se ressemblent. Référez-vous alors à l'entête de la page où vous êtes.
Les prises d'écran sont faites sur un site comprenant 2 langues, si vous avez choisi « pas de 2ème langue », vous n'aurez qu'un cadre de saisie.
69
GuppY
L'éditorial
L'éditorial se place sur la première page. Il permet d'accueillir le visiteur. Cette page est potentiellement celle qui sera la plus vue, soignez particulièrement cet éditorial. Soyez clair, présentez le site, ses objectifs. Pour ce faire quelques questions à se
poser :
– quelle est le but du site (club , commune, famille) ?
– que cherchent mes visiteurs ?
– d'où viennent mes visiteurs ?
Ces questions simples permettent d'organiser votre éditorial et de choisir quels seront les éléments à afficher. Le but est de permettre de présenter le site au monde, que le visiteur sache tout de suite de quoi il parle pour qu'il ait envie de rester. Il faut qu'en moins de 10 secondes, il comprenne de quoi vous parlez.
Savoir ce que vont chercher les visiteurs permet de
70
Ajout de contenu
mettre des liens, organiser les menus pour qu'ils accèdent rapidement au contenu. Savoir d'où viennent les visiteurs va aussi orienter vos choix au niveau des images à mettre. En effet, imaginons un site pour une commune rurale, qui n'a pas encore l'ADSL, si dans l'éditorial vous insérez une vidéo de 3Mo les habitants n'attendront jamais 20 minutes sur cette première page. Certes les connexions ADSL se généralisent mais ne sont pas encore accessibles à tous, et dans certains pays, il faut encore utiliser les modems bas débits. Si vos lecteurs se trouvent là-bas, restez léger.
L'éditorial se modifie sur une page d'administration dédiée. Comme vous le voyez, au milieu du texte apparaissent des signes barbares, c'est du code HTML. Ce code contient la mise en forme pour le texte. Mais alors, me direz-vous, faut-il apprendre le HTML ? Je répondrais non, ce n'est pas indispensable car un éditeur permet de mettre en forme le texte, mais des bases vous permettront d'aller plus loin et d'ajouter des éléments plus ou moins intéressants.
L'icône permettant d'accéder à l'éditeur est celle ci :
71
GuppY
L'éditeur d'origine de GuppY ressemble à cela :
72
Ajout de contenu
Pour bien fonctionner cet éditeur à besoin de l'adresse du site dans la configuration générale, si elle en est absente ou fausse, l'éditeur ne fonctionnera pas.
Les nouvelles
Les nouvelles peuvent être vues comme un journal. On annonce ce qui se passe, elles sont toujours triées de la plus récente à la plus ancienne.
Voici l'interface de gestion des nouvelles :
73
GuppY
Écrire une nouvelle
Cliquez sur « Écrire une nouvelle », un nouvel écran apparaît, avec les éléments à remplir. L'éditeur affiché est toujours le même, je ne vais donc pas le remettre ici mais voilà ce qui est nécessaire pour une nouvelle :
A la création, on peut choisir d'activer ou non une nouvelle, ce qui permet d'attendre avant de l'afficher.
Le pseudo et l'e-mail se remplissent automatiquement si vous êtes membre du site.
Il vous faut un titre et éventuellement une icône qui
74
Ajout de contenu
viendra dans le coin supérieur droit de la nouvelle.
Complétez ensuite le corps de la nouvelle et enregistrez.
Modifier une nouvelle
Dans la gestion des nouvelles en cliquant sur le titre de la nouvelle vous obtiendrez le même écran qu'à la création, dans lequel vous pourrez la modifier.
Supprimer une nouvelle
On peut désactiver ou supprimer une nouvelle. Ces actions sont utiles si vous laissez vos visiteurs proposer des nouvelles.
Pour ce faire, utilisez les cases à cocher en face des titres des nouvelles et validez.
Dupliquer une nouvelle
On peut dupliquer une nouvelle. Cette fonction permet de repende les titres, et mise en forme d'une nouvelle précédente. On retrouve le bouton à coté de deux de désactivation et suppression.
Les articles
Les articles sont des textes accessibles à partir d'une boîte latérale. D'origine, il y a deux boîtes articles (c'est un peu le principe d'un menu déroulant) que l'on peut placer. Pour pouvoir choisir dans quelle boîte viendront se placer les articles, il
faut que les deux soient visibles. Cela se gère dans la configuration des boîtes que nous verrons plus loin.
75
GuppY
Écrire un article
Cliquez sur « Écrire un article » un nouvel écran apparaît, avec les éléments à remplir.
A la création on peut choisir d'activer ou non l'article, ce qui permet d'attendre avant de l'afficher. Il vous faut alors une catégorie dans la boîte. Les articles sont triés par catégorie. Soyez attentif à bien respecter les majuscules, minuscules d'un article à l'autre.
Le titre de l'article s'affichera au dessus de celui-ci au centre.
Le choix de la boîte permet d'attribuer l'article à l'une ou l'autre boîte.
L'icône vient se placer en haut à droite de l'article mais n'est pas obligatoire.
Complétez ensuite le corps de l'article et enregistrez.
La modification et la suppression se font comme pour les nouvelles.
Dans la boîte, les catégories, puis les titres d'articles sont affichés par ordre alphabétique, sans prendre en compte l'ordre de saisie. Cet ordre peut être gênant si l'on souhaite ranger différemment les articles. Pour y remédier, nous allons utiliser une fois encore une balise masquée HTML. <!--01--> <!--02--> <!--03-->ce qui permet d'obtenir un ordre de cette façon :
<!--01-->Janvier
<!--02--> Février
<!--025-->Mi-Février
<!--03--> Mars
Bien sûr si les « 01 » ne vous plaisent pas, une gestion « a b c » fonctionne aussi. L'important est d'avoir les sigles
76
Ajout de contenu
html, <!-- signifiant que le code entre < et > est lu mais non affiché.
Les réactions aux articles
Les réactions aux articles sont le fait des visiteurs. Si cette fonction est désactivée, vous n'aurez pas besoin de venir ici. La gestion s'apparente à celle des articles. Vous
pouvez éditer (par exemple pour répondre) désactiver ou supprimer une réaction.
La boîte spéciale
La boîte Spécial permet d'entrer un contenu pouvant être placé en latéral ou sous les boîtes centrales.
Les photos
De nombreuses façons d’afficher des images existent. La fonction installée de base dans Guppy est simple mais efficace : les images sont rangées dans des catégories et disposées dans un film, en cliquant
dessus elle s'ouvrent et affichent la légende.
L'insertion d'images se fait comme pour les articles. Les photos doivent être dans le dossier photo de GuppY. Le fait de cliquer sur « parcourir le serveur » permet de sélectionner la photo sur le serveur ou d'envoyer une photo directement sur le serveur depuis votre PC.
77
GuppY
Les téléchargements
Vous pouvez proposer des téléchargements à vos visiteurs, comme des archives que vous avez créées, pour les partager avec le plus grand nombre. Ces fichiers doivent en priorité être au format zip
car d’autres formats pourraient lancer non pas un téléchargement mais une ouverture du fichier en fonction de l’ordinateur distant. Par exemple, un fichier PDF s’ouvre facilement dans Internet Explorer. Si vous souhaitez que le visiteur le télécharge, il est conseillé de créer une archive ZIP.
Champs à renseigner :
– Catégorie : par exemple « Mes fichiers »
– Titre : par exemple « Mon plus beau fichier »
– Description : par exemple « Vous allez pouvoir télécharger ici ma plus belle réalisation »
– Adresse de téléchargement :
Les téléchargements peuvent être externes ou internes.
Un lien externe est hébergé sur un site distant et commence par http….
Un lien interne peut commencer directement par file/monfichier.zip.
La différence majeure entre les deux types de liens est que Guppy ne peut pas connaître la taille d’un fichier distant, les temps de téléchargement seront alors inconnus. Un lien interne permet par contre de donner ces renseignements à l’internaute désirant télécharger ce fichier.
Par exemple le même fichier peut être renseigné de la même façon s’il est dans votre dossier file.
Interne : file/mplang.zip
78
Ajout de contenu
Externe : http://monsite.ext/file/mplang.zip
Enfin, on peut aussi choisir : Logiciel sous licence, cela permet de demander au visiteur d'accepter une licence avant de télécharger, si elle est à « blanc » la question ne sera pas posée.
Les licences disponibles sont : Cecill, GNU-GPL, GNU-LGPL et Creative Commons.
Les liens
Les liens sont regroupés dans un annuaire permettant de répertorier les liens vers des sites amis, traitant du même sujet ou qui ont attiré votre attention, et que vous souhaitez partager avec le plus grand nombre.
Maintenant, vous vous en doutez, il y a une catégorie, un titre et une description, il suffit de compléter l'adresse du lien. Pour finir, enregistrez. Pour vérifier, entrez dans la section lien pour tester celui-ci.
Comme tous les éléments de GuppY, un lien peut être édité, désactivé ou supprimé à tout moment.
La FAQ
La FAQ, Foire Aux Questions en français, (Frequently Asked Questions en anglais) sert à regrouper les questions que peuvent se poser vos visiteurs, comme par exemple des explications de fonctionnement, des définitions de termes spécifiques au sujet traité, ou
toute autre chose que vous jugerez utile.
Il peut par exemple s'avérer utile de préciser comment devenir membre du site, qui communique par ce site, ...
79
GuppY
Le livre d'or
Le livre d’or est un lieu d’expression proposé aux visiteurs. Ces messages peuvent être affichés directement, ou après validation par l’administrateur.
Pensez, de temps en temps, à changer le message du livre d'or affiché en page d'accueil si nécessaire.
Si votre site parle de sujets polémiques, le livre d'or peut être utilisé pour des messages qui ne correspondent pas au sujet.
Le forum
Lieu d'expression par excellence, le forum contient les contributions de vos visiteurs.
Le forum est un espace de communication et comme tout espace de communication, il faut veiller à ce qu’il n’y ait pas de dérapage. Le webmestre est responsable des propos présents sur son site et doit modérer le forum .
A l'édition, le premier message d'un sujet permet de le changer de catégorie, lui et les réponses correspondantes. Cette partie permet surtout de désactiver, ou supprimer un sujet ayant dérapé. Contrairement au livre d'or, le forum permet de suivre des discussions.
80
Ajout de contenu
Le sondage
Tout le monde sait ce qu’est un sondage et GuppY permet d’en mettre un en place de façon relativement
simplifiée.
On entre ici la question, suivie des possibilités de réponse. Les votes représentent le nombre de voix pour une réponse, vous pouvez ici les modifier comme bon vous semble mais un vote truqué n’est pas très utile.
Les boîtes libres
Quatre boîtes libres sont disponibles pour accueillir tout ce qui vous intéresse, images, liens, texte.
En sélectionnant la boîte à modifier, un écran de paramétrage permet de donner un nom à la boîte et de saisir son contenu.
Les bannières
Les bannières peuvent être utilisées de plusieurs façons : faire de la publicité pour d’autres sites bien entendu, mais pourquoi pas aussi insérer une bannière de son propre site ce qui
permet d’avoir un en-tête. Rien de tel que de faire sa propre publicité étant donné que l’on n’est jamais aussi bien servi que par soi-même.
81
GuppY
Les bannières doivent être dans le dossier img de GuppY, les bannières affichables sont soit des images fixes JPEG, animées GIF, ou des animations Flash SWF.
Pour les images GIF ou JPG, il faudra ajouter le lien cible de la bannière, pour les fichiers flash le lien doit être dans le fichier.
On peut bien sûr modifier, désactiver ou supprimer une bannière de GuppY.
Les citations
Les citations permettent d’afficher une citation de votre choix. Elles ne contiennent que du texte, et des smileys. Il est possible d’y intégrer des images, mais je le déconseille car cela peut déformer le site.
Afin de générer des effets, vous pouvez aussi utiliser l'ensemble des balises HTML.
Le pied de page
Tout le monde aime signer ses oeuvres, son site ou autre. Le pied de page est un lieu privilégié. Il vous permet d'intégrer certaines mentions légales, ou des liens au bas de chacune de vos pages.
Le texte intégré viendra alors se placer automatiquement au dessus du copyright de GuppY.
Recommander
Cette partie est uniquement consultative. GuppY permet d'envoyer à un ami une recommandation par email pour un site. Un webmestre doit savoir ce qui transite par ce
même site. Vous verrez ici l'ensemble des recommandations envoyées au travers de votre site.
82
Ajout de contenu
Les Compteurs
Quel site ne possède pas son compteur, élément si essentiel pour mesurer l'audience de son site ? GuppY en possède bien entendu plusieurs : le compteur de visites, le compteur des articles, celui des forums et enfin celui des téléchargements.
Le compteur de visites permet de le booster au départ, si par exemple vous reprenez un ancien site avec GuppY, ou si la lenteur de votre hébergeur ferait fausser ce compteur. Attention tout de même, un site sans contenu affichant 70 000 visiteurs, ça sonne faux. Si vous débutez, commencez à 0 cela sera d'autant plus gratifiant. En dessous, un enregistrement du nombre de visiteurs des jours précédents permet de suivre l'évolution.
Si une barre est rouge elle montre où devait être le compteur, en cas de souci.
83
GuppY
Le compteur d'articles permet en une vue de voir le nombre de lectures de chaque article. On peut ici augmenter le nombre de lectures ou le repasser à 0 en fonction des besoins.
Les compteurs forum et téléchargements fonctionnent de la même façon que celui des articles.
Les statistiques
Encore un outil essentiel au webmestre : les statistiques. Elles peuvent être publiques ou privées, on peut, en activant le service les rendre visibles ou non aux visiteurs. Mais le webmestre y a toujours accès. En plus des statistiques identiques à
celles que peuvent consulter les visiteurs, le webmestre peut purger celles-ci (les remettre à 0).
Ces statistiques sont un excellent point de départ de suivi de votre site. Mais s'il grandit, vous chercherez d'autres éléments, que des outils spécialisés en statistiques vous apporteront. Certains hébergeurs offrent gratuitement des outils de statistiques avancés. Celles de GuppY ont l'avantage d'être simples et compréhensibles pour le débutant et suffisantes pour commencer une analyse de fréquentation de son site.
84
Ajout de contenu
Les lettres d'informations
La lettre d'information, plus souvent appelée newsletter permet un envoi simultané d'un email à un ensemble d'abonnés. Bien entendu la fonction mail PHP doit être activée chez votre hébergeur,
sans cela cette fonction est inutilisable.
L'envoi se déroule en 3 parties :
- La collecte d'abonnés, car bien sûr sans eux nul besoin d'essayer d'écrire.
- L'écriture de la lettre, son objet, son contenu. On peut ainsi préparer la lettre bien avant de l'envoyer.
– Enfin, l'envoi de la lettre à tous les abonnés.
Collecter les emails
Pour collecter les emails, il faut activer la boîte newsletter. Il est préférable de laisser les visiteurs s 'inscrire, il est extrêmement désagréable de se voir inscrit de force à ce type d'information. La liste des abonnés permet de retirer une adresse de la liste. Les raisons de retirer une adresse peuvent être diverses : email n'existant plus, email farfelu entré par un visiteur, email qui revient après un envoi pour destinataire inexistant. Cet écran permet de cocher les adresses à supprimer de la liste.
85
GuppY
Écrire une lettre d'information
Pour rédiger cette lettre, on procède comme pour un article. On donne un titre et on complète la zone de texte. Avec GuppY, les lettres d'informations peuvent être au format HTML, ce qui veut dire comporter des images, animations, en plus du texte. Je conseillerais de rester simple, car de nombreux logiciels de courriel bloquent les images.
Un lien de désabonnement vient s'ajouter automatiquement à la fin du texte lors de l'envoi. Il est conseillé de ne pas toucher au code pour le retirer. Car il permet au visiteur de se désabonner facilement en cas d'inscription frauduleuse, et cela montre un respect du lecteur. Cela dit, les cliqueurs fous ont tendance à laisser aller leur souris dessus pour voir le site : il est donc conseillé de remettre en fin de lettre d'information un lien pointant vers votre site, ainsi le premier lien cliquable n'est pas celui du désabonnement.
Envoyer la lettre
Nous voici enfin prêt : on a des abonnés, on a une lettre mais on a peur de se tromper : et si un élément ne passe pas ? Comment le vérifier ? Là, on choisit de voir sa lettre d'information. En bas, un bouton permet de la tester. Ce test envoie la lettre mais uniquement au webmestre du site qui pourra la visionner comme un simple abonné. Après ce test, on peut sans souci envoyer la lettre à l'ensemble des abonnés. Remarque : le bouton d'envoi ne s'affiche pas s'il n'y a pas d'abonné(s).
86
Ajout de contenu
Les documents RSS
Les documents RSS permettent d'afficher sur votre site des nouvelles venant d'autres sites. Ces nouvelles appelées RSS sont en fait des fichiers diffusés par les sites
pour permettre un affichage aisé de leur actualité par quiconque le souhaite ou en a l'autorisation. Le fonctionnement est simple : il faut activer la boîte RSS qui va lister les liens RSS des sites que vous aurez saisis et les afficher au centre de votre site si on clique dessus.
Ajouter un RSS se fait grâce à 2 champs :
– Le premier est le nom du site, ce sera le nom affiché dans la boîte latérale pour définir le lien.
– Le second contient l'adresse à laquelle on trouve les nouvelles. Il s'agit en général d'un fichier XML. On ne peut pas se contenter de l'adresse du site. Beaucoup
87
GuppY
de sites affichent le lien pour s'abonner. Certains cachent cette adresse pour ne la donner qu'au cas par cas, il faut parfois chercher un peu pour trouver ces liens.
Remarque : Pensez cependant à rester cohérent dans l'utilisation des RSS et à donner les liens vers des sites traitant du même sujet que vous. Une longue liste de liens ne sera pas lue, faites un tri pertinent.
Les Logs
Les logs signifient en français l'historique des événements. Ce terme désigne pour GuppY l'enregistrement séquentiel dans un fichier de tous les événements particuliers, ces derniers permettent
d'analyser pas à pas l'activité interne du site.
La configuration permet de définir les pages à surveiller et le nombre d'informations à conserver dans le journal.
88
Ajout de contenu
Le journal contient alors différentes informations. Ces informations permettent de suivre les visites sur le site.
Si vous n'utilisez pas les logs, décochez tout. Cela permettra d'éviter au serveur une écriture à chaque page, et de ne pas gaspiller des ressources surtout sur un serveur lent.
Les fichiers
Cette section permet d'envoyer sur votre site, sans vous connecter en FTP, des fichiers dans les dossiers img, pages, photos et file de GuppY. Vous ne pouvez pas créer de dossier mais vous pouvez parcourir les sous-dossiers que vous avez créés. Vous
avez une icône en fonction du type de fichier, son nom, sa taille et une icône pour le supprimer.
89
GuppY
Tout en bas, un système permet d'explorer votre ordinateur à la recherche d'un élément à envoyer sur le site. La taille pouvant être envoyée est limitée par l'hébergeur, le plus souvent à environ 2Mo.
Cette fonction fort pratique peut s'avérer fastidieuse en cas d'envoi d'un grand nombre de fichiers. Il faut alors préférer une connexion avec un client FTP.
L'agenda
Cet outil permet d'annoncer des événements à certaines dates. Il vient dans la boîte calendrier pour permettre aux visiteurs de consulter mois par mois, ou jour par jour, les animations proposées. Cet agenda reste cependant simple, ne comportant ni horaire, ni
manifestation de plusieurs jours. A vous de spécifier les horaires, et de coller le texte sur les différentes dates de la manifestation.
Pour ajouter un événement, cliquez sur « ajouter un événement ». Là, sur le calendrier, choisissez la date souhaitée. Il faut alors un pseudo du rédacteur (rempli automatiquement avec votre nom de membre si vous êtes enregistré sur le site) et un texte descriptif. Les événements peuvent bien sûr être supprimés, modifiés ou masqués.
90
Ajout de contenu
Le blog
Nouveauté de GuppY 4.6 : le blog est issu d'une forte demande des utilisateurs. Sa gestion s'apparente aux articles, mais en les triant comme les nouvelles sur une page spécifique. Le blog est une partie de Guppy que vous pouvez constituer grâce à
la réunion d'un ensemble de billets triés par ordre chronologique. Chaque billet est comparable à un journal de bord ou à un journal intime. Vous pouvez y insérer un texte, enrichi d'hyperliens et/ou d'éléments multimédias et sur lequel chaque visiteur peut apporter des commentaires.
Si vous désactivez la partie réaction, je vous conseille de continuer à utiliser la section nouvelles.
Si on regarde sur Internet, la structure d'un blog est toujours identique. Pour ne pas dérouter les blogueurs, la page d'affichage du blog est un peu différente de celle des autres sections de GuppY.
Les commentaires au blog
Les commentaires du blog sont au billet ce que les réactions sont aux articles. Leur gestion est grandement similaire. Cette section permet de modérer les propos tenus dans les commentaires.
Les blog RSS
Les blog RSS correspondent aux nouvelles RSS, à cela près qu'elles s'affichent au centre de la page type blog. Sa gestion est identique.
91
GuppY
La mise en forme du texte dans l'éditeur
L'éditeur interprète ce que vous écrivez et transforme cela en code HTML Il peut vous arriver de vouloir faire des Mises en pages spécifiques, ici nous allons voir comme faire ces actions dans l'éditeur ou en mode source avec du code HTML. Pour quoi avoir des bases de HTML me direz vous ? Pour débuter cela ne sert à rien, mais il arrive forcément un moment ou in veut une mise en page, ou des fonctions nécessitant un minimum de code. En général les personnes ayant déjà un jours crée un site classique vont instinctivement chercher le code. Les débutants eux vont utiliser les éditeurs de façon classique. Il n'y a pas de jugement de valeur le tout étant d'arriver au résultat souhaité.
Créer un paragraphe
Lors de la rédaction on peut souhaiter que deux blocs de textes soient séparés ou collés. Dans l'éditeur pour que les éléments soient collés tappez ( shift + Entrer ) pour un interligne simple juste Entrer.En code HTML cela correspond à : <br /> et <p> </p><br /> Renvoie à la ligne, sans changer de paragraphe, elle n'utilise pas une balie entrante et sortante comme d'autres balises<p> </p> encadre chacun de vos paragraphes on place <p> au début du paragraphe et </p> à la fin.
Transformer en italique
La transformation en Italique dans l'éditeur est simple. Et se passe comme dans vos traitements de textes favoris. Il faut sélectionner le texte à mettre en forme et cliquer sur le petit I le texte sélectionné passe alors en italique.En HTML cela se crée avec le code <span style="font-style: italic;"> </span><span style="font-style: italic;"> se place au début du texte mis en forme et </span> à la fin. Pensez bien toujours à fermer les
92
Ajout de contenu
balises ouvertes.
Transformer en gras
Comme pour l'italique pour la mise en gras on sélectionne le texte à mettre en gras et on clique sur le B. (B signifiant Bold en anglais )Le code HTML correspondant : <span style="font-weight:bold;"> </span>Ce code s'utilise de la même façon que le code Italique.
Transformer en souligné
Dans l'éditeur il faur dans ce cas cliquer sur U (U comme Underlined en anglais) Le code HTML correspondant : <span style="text-decoration:underline;"> </span>Ce code s'utilise de la même façon que le code Italique.
Cumuler les mises en formes
On peut être amené à vouloir un texte gras et souligné dans l'éditeur on cliquera sur B et U Le code généré sera alors :<span style="font-weight: bold; text-decoration: underline;">Les propriétés sont assemblées avec comme séparateur un ; (point virgule)
Utiliser les styles
Pour avoir une mise en forme uniforme il est bon d'utiliser les styles prédéfinis, cela permet de faire suivre la mise en forme de vos textes en fonction de l'aspect graphique de votre site et cela sans reprendre tous les articles.
Les titres sont à définir avec les mises en formes Tire1, Titre2, Titre3.
En code HTML ces titres correspondent aux balises H1, H2, H3. Ces balises comme toutes les mises en formes se caractérisent pas une balise de début et une balise de fin.Cela donne : <h1></h1>
93
GuppY
<h2></h2> <h3></h3> <h4></h4> <h3></h3> <h4></h4> <h2></h2>
On place entre les balises le titre du chapitre. Cela permet de structurer vos textes mais aussi de rendre plus lisible le contenu de la page. Respecter ces mises en formes standard peut paraître barbare car il faut définir les propriétés des titres dans la feuille de style de la skin. Au départ on se fait un peu violence à utiliser ces styles mais au changement de mise en forme on est heureux.
Petite explication pratique : Je crée un site sur fond jaune si dans chaque articles je viens définir mes titres en noir souligné à la place de H1 Le rendu sera bon mais si dans 1 an le jaune de mon site m'a lassé et je passe au bleu foncé, je voudrais mes titres en blanc pour qu'ils soient lisibles. Si mes titres sont en H1 pas de souci, une modification de la feuille de style suffit. Si j'ai défini mes mises en formes articles par articles, je dois tous les reprendre ce qui peut être long et sans intérêt. Les personnes changeant régulièrement de skin pour Noël, Pâques, ... Verront rapidement l'intérêt de ces standards.
Créer une liste
Les listes ou énumérations sont très pratiques pour présenter des ensembles. Il existe deux types de listes, les listes à puces et les listes numérotées. Ces deux listes s'utilisent de la même façon.
On tape le premier item, le sélectionne et clique sur le type de liste désiré. Le second item s'obtient en appuyant sur entrer. Une pose de numérotation peut se faire par Shift + Entrer. Une fin de numérotation par deux entrer successifs.La liste numérotée en code HTML se code de cette façon :<ol> <li>1er item</li> <li>2nd item</li></ol>
94
Ajout de contenu
Les listes a puces quant à elles donnent :<ul> <li>1er item</li> <li>2nd item</li></ul>
On débute les listes par les balises <ol> ou <ul> et les temine par la balise </ol> ou </ul> correspondante. Chaque élément est alors encadré par les balises <li> </li> ce qui met automatiquement une puce ou un numéros. La pause de numérotation est possible grâce à la balise <br /> ce qui donne: <li>1er item<br />texte intermédiaire</li> le texte intermédiaire est alors lié à l'item donné et donc mis en décalage par rapport à l'item.
Intégrer un lien hypertexte
Un lien hypertexte est un objet (texte ou image) renvoyant à une autre page ou section de page. Ils sont de plusieurs types, et peuvent chacun avoir leurs propriétés. On peut distinguer trois grandes familles de liens : Internes, Externes, les Ancres. Un lien interne renvoie une page du site courant. Ce lien peut être absolu ou relatif. Un Lien Externe renvoie vers un site tiers. Une ancre renvoie vers une partie de page.
Ces 3 Liens se présentent le la même façon. On utilise la balise <a href> et </a> entre ces deux balises on peut mettre un texte ou une image qui au clic permettra de suivre le lien.
Exemple de lien interne<a href="index.php" target="_self" title="retour index">index</a>Exemple de lien Exerne<a href="http://www.framasoft.net" target="_blank" title="Titre du lien">Framasoft</a>Exemple d'ancre<a href="#ancre" target="_blank" title="ancre">mon ancre</a>
Pour utiliser une ancre il faut dans un premier temps la créer avec la petite ancre de l'éditeur. Cela donne un code de type : <a name="ancre"></a> chaque ancre doit être unique. Cette fonction est très utile dans les
95
GuppY
longs articles dans lesquels on débute par un sommaire.
Les propriétés des liens href="http://www.framasoft.net" : cible du lientarget="_blank" : Cible du lien qui peut être _blank (nouvelle fenêtre), _self (même fenêtre), d'autres cibles existent mais elles ne sont que rarement utilisées. title="Titre du lien" : Titre utile pour les mal voyants et le référencement.
Insérer un trait
Certaines personnes aiment insérer un trait de séparation dans leurs articles. Ces barres horizontales peuvent être personnalisées dans la feuille de style (ce que je conseille).En HTML cela correspond à la balise <hr /> on peur personnaliser dans un article la hauteur et la largeur en personnalisant les paramètres width: et height: comme dans l'exemple : <hr style="width: 100%; height: 2px;" />Cette balise comme la balise <br /> n'a pas de partie ouvrante et fermante mais une seule.
Insérer un tableaux
Les tableaux sont intéressants à utiliser, mais aussi complexes. Ils permettent de présenter une synthèse d'éléments bien lisibles. Dans l'éditeur il faut cliquer sur le tableau. On définit le nombre de lignes, de colonnes, la largeur , la hauteur et les bordures du tableau. Il est aussi intéressant pour le référencement de compléter le Titre et le résumé du tableau.Pour un tableau de type :Titre1 23 45 6
96
Ajout de contenu
Le code donne :
<table width="200" cellspacing="1" cellpadding="1" border="1" align="" summary="Résumé"> <caption>Titre</caption> <tbody> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </tbody></table>
Un tableau s'ouvre et se ferme avec les balises <table> et </table>. Le titre se positionne entre les balises <caption> et </caption>. Le corps du tableau se place entre <tbody> et </tbody>. Chaque ligne se positionne entre <tr> et </tr> et chaque cellule entre <td> et </td>.Les Propriétés du tableau :
● width="200" : Largeur des cellules en px ou pourcent, je conseille les pourcentages pour une adaptation plus facile à l'écran du visiteur.
● Cellspacing="1" : Espace entre les cellules
● cellpadding="1" : Marges entre les cellules
● border="1" : Largeur de la bordure du tableau
● align="" : Alignement du tableau
97
GuppY
● summary="Résumé" : Le résumé du tableau construit.
Insérer un texte depuis MS WORD
Les traitements de textes sont bien pratiques, mais MS WORD lors d'un copier coller emporte aussi la mise en forme (police, taille, ..)
Insérer une image
Insérer une image est une chose courante dans un article pour illustrer le texte et l'aérer un peu. L'insertion d'une image se fait avec la petite icône jaune représentant une montagne.On entre alors l'URL (adresse de l'image) en absolu ou relatif. En absolu on indique http://monsite/img/monimage , en relatif on commence à la racine de son site ce qui donne img/monimage. On définit ensuite le texte de remplacement. Ce texte est utilisé si l'image n'est pas trouvée ou pour les logiciels de lecture des mal voyants. On définit ensuite la hauteur et la largeur d'affichage. Le code HTML donne : <img width="240" height="320" border="0" src="img/monimage" alt="Description alternative" title="Titre de mon image" />Penez à bien compléter les balises alt et title elles sont lues par les moteurs de recherche.
Attention à la taille des images utilisées, en effet si vous chargez une photos de votre appareil photo numérique 8 Mégapixel elle fera environ 3264 + 2448 Pixels, pour un poids de près de 2Mo Si vous utilisez cette image tel quel, votre affichage sera ralentis et de toute façon l'image sera trop grande pour une simple illustration. Personnellement je re-dimensionne mes photos à 300 ou 400 pixels de large. Elles pèsent alors environ 30Ko ce qui est nettement plus rapide à charger et laisse de la place pour le texte. Le logiciel Gimp peut re-dimensionner vos photos si vous le souhaitez.
Insérer une vidéo
L'insertion de vidéo n'est pas prévus à l'origine avec un assistant il faudra donc de toute façon passer par l'intégration en mode source. Cette intégration sera aussi différente si votre
98
Ajout de contenu
vidéo est hébergée sur un site tiers comme Google vidéo, Youtube, dailymotion. En effet ces sites proposent un système permettant grâce à une balise <embed > de publier votre vidéo sur votre site. Si la vidéo est sur votre propre site dans un dossier la procédure dépendra du format de la vidéo. Je vous conseille dans ce cas de télécharger le plugin vidéo permettant de faciliter cette opération.
Attention comme avec les images faittes attention à la taille de la vidéo de plus evitez de faire un lancement automatique cela consomme votre bande passante à chaque visite alors que tous les visiteurs ne seront pas forcément intéressés.
Insérer une animation flash
Les animations flash sont présentes sur de nombreux sites, on trouve des jeux, publicités, utilitaires, ... pour les insérer il faut cliquer sur le petit f et sélectionner le fichier flash à insérer. Le code HTML donne : <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="img/monanimation.swf" play="true" loop="true" menu="true" title="1er_tiers_468x60_14ko.swf"></embed>
Explication :ype="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="img/monanimation.swf" play="true" loop="true" menu="true" title="1er_tiers_468x60_14ko.swf"
type="application/x-shockwave-flash" : on déclare l'animation flash
pluginspage="http://www.macromedia.com/go/getflashplayer" : si le visiteur n'a pas le plugin installé sur son navigateur internet on donne une adresse permettant de télécharger le plugin permettant de lire ces animations.
99
GuppY
src="img/monanimation.swf" : adresse de l'animation
play="true" : Lecture automatique activée
loop="true" : lecture en boucle activée
menu="true" : possibilité d'afficher le menu flash avec un clic droit pour arrêter une animation par exemple.
title="titre de l'animation" : un titre utile pour les mal voyants et les moteurs de recherche.
Afficher du code informatique
Certains développeur voudront peut être afficher un code HTML cela est possible grâce à la balise <XMP< et </XMP> qui encadrent la portion à afficher sans l'interpréter. La balise <PRE> </PRE> à aussi son intérêt en fonction de ce qui est présenté. À vous de tester et choisit celle qui pour vous est la plus adaptée.
Conseils pour les contenus
Le contenu
Soyez original, avec un point de vue qui est personnel surtout si le sujet est aussi traité sur de nombreux autres sites.
Mettez les balises « alt » au minimum sur les images pour les personnes non voyantes, c'est une façon de les accueillir sur votre site et de les aider à comprendre votre contenu. Les balises « title » peuvent être mises sur tous les éléments et permet l'affichage d'infos bulle.
Mise en page – erreurs à éviter
• Mettre une animation Flash dans une page d’accueil. A quoi cela sert-il ? Selon moi, cela sert à faire chercher aux visiteurs le bouton « Passer l’intro ». Les gens qui viennent sur votre site, sont là pour une information, pas pour
100
Ajout de contenu
attendre la fin d'une animation. C'est dans les premières secondes que l'on perd ou non un visiteur.
• Utiliser de nombreux scripts Javascript. Il est facile de trouver des scripts et/ou plugins qui font énormément de choses drôles. Sachez que cela ralentit votre site. Amusant au départ, ces fioritures deviennent vite insupportables. Par exemple : le script qui met une animation qui suit la souris. Ne placez des scripts que s’ils sont vraiment nécessaires, ou de façon périodique pour s'accorder à l'actualité.
• Mettre de la musique sur le site. Longs à charger, les morceaux de musique que vous placez à l'arrivée sur votre site feront fuir des visiteurs. D’autant plus que la mélodie que vous avez sélectionnée ne plaira pas forcément, et deviendra éprouvante pour les nerfs.
• Mettre du texte sous forme d’images. Les images ne sont pas prévues pour afficher du texte. D’autre part, le gros inconvénient est que les moteurs de recherche comme Google regardent le texte de votre site pour mieux l’indexer. Si vous mettez du texte sous forme d’image, Google ne verra rien et votre site sera mal indexé. De plus les visiteurs mal voyants se trouveront grandement lésés.
• Mettre trop de popups. Les popups sont des fenêtres qui s’ouvrent à l’ouverture ou à la fermeture d’une page. Un popup est le maximum à mettre pour une page voire un site. Et encore, cela dépend du thème de votre site. Si votre site parle de peinture, pensez-vous qu’il soit vraiment nécessaire de mettre une popup de publicité pour une société de vente lointaine qui vous rapportera quelques euros par an ? Consacrez-vous plutôt à votre site, à sa structure, à son design, à son référencement et à votre activité principale.
• Mettre des bannières, comme pour les popup. Si cela ne vous rapporte que peu d’argent, embellissez votre site plutôt que de placer des bannières qui ne rapportent rien. Une bannière est un nombre acceptable pour le visiteur.
101
GuppY
Administration rapide
Le terme administration rapide désigne de petites icônes en bas à droite de tous les éléments de votre site, permettant à l'administrateur, aux modérateurs, aux rédacteurs, une fois enregistrés, d'accéder directement à la modification d'un élément, à sa désactivation ou à sa suppression. Avec l'augmentation du contenu, l'administration de votre site devient plus complexe, les listes d'articles sur plusieurs pages, ce qui rend la recherche longue pour effectuer des modifications.
Les boutons d'administration rapide ne sont pas visibles pour les visiteurs. Cela ne les trouble pas dans leur navigation. L'administrateur, lui, peut alors surfer comme le visiteur, voir le contenu à modifier et grâce au lien, directement le modifier, ce qui rend cette tâche plus agréable et plus facile, mais aussi permet de gagner du temps.
Les astuces pour le faciliter la vie
Models Fckeditor
Pour certains sites on souhaite avoir une mise en forme d'articles uniforme et tout recréer peut être fastidieux.
Avec l'éditeur fckeditor on peut créer des models, c'est un script à créer et à appeler dans l'éditeur. C'est dans le fichier fcktemplates.xml,
On ajoute des templates en ajoutant des sections à ce fichier du type :
102
Ajout de contenu
<Template title="ton titre" image="image.gif"><Description>La description</Description><Html><![CDATA[le contenu de la mise en page en HTML]]></Html></Template>
Un article dans 2 catégories
Il peut arriver d'avoir à mettre 1 articles dans 2 boites ou menus (voir plus et le retaper ferait perdre du temps lors de la mise à jours la solution :
Créez un article
Remplissez la catégorie
A la place du titre de l’article insérez : <a href=www.lesite.com/page.php class=box>le texte affiché</a>
Le texte affiché correspond au descriptif de l’article que verra le visiteur. Si la page est sur votre site préférez un Href du type :
a Href=page.php
cela facilitera le parcours sur le site et les éventuelles migrations. N’entrez une adresse complète que si la page est externe à votre site. Les pages peuvent être ouvertes dans une nouvelle fenêtre si vous insérez un target:_blank dans votre lien.
Le plugin ajoutemenu permet simplement de créer plusieurs liens vers un seul article.
Une page externe dans un article
On peut vouloir insérer le contenu d'une page externe dans un article. Cette page peut alors être mise dans une frame (a condition qu'elle ne contienne pas de mécanisme antiframes).
103
GuppY
Pour ce faire on utilise une iframe que l'on va insérer en mode source dans l'article.
<IFRAME src="http://www.lesite.ext/lapage.htm" width=600 height=200 scrolling=auto frameborder=0 > </IFRAME>
Les arguments width=600, height=200 et scrolling=auto sont à adapter au besoin.
Le plugin iconeframe permet de tester simplement une iframe sur un site.
104
Le graphisme de votre site
Chapitre
6
Le graphisme de votreLe graphisme de votre sitesite
DéfinitionPar graphisme, j'entends aussi bien la disposition des
éléments que l'apparence du site. L'apparence passe aussi bien par le thème graphique retenu, que par la disposition des objets sur la page. GuppY intègre une structure qui peut troubler mais aussi ouvrir les possibilités énormes de personnalisation. De ce fait, il saura satisfaire les débutants comme les plus exigeants des désigners web, en utilisant les technologies de pointe.
105
GuppY
Le menu graphisme
Ce menu permet de gérer l'apparence du site. La première des choses à faire est de choisir la skin sur laquelle on va travailler dans la liste déroulante. En effet, les modifications que vous allez apporter ne seront visibles que sur la skin sélectionnée.
La configuration thèmes
Cette partie définit le thème de base du site tel qu'il sera visible par n'importe quel visiteur.
La skin représente le graphisme employé, il est aisé d'ajouter des skins en les téléchargeant sur
Internet.
Les Smileys sont de petites figures postées en dessous des zones de texte permettant de contribuer au site. Elles aident à égayer les contributions des visiteurs, les articles, etc.
Les avatars permettent à chaque membre de choisir dans une liste une image lui correspondant.
106
Le graphisme de votre site
Les icônes sont utilisées dans le menu pour permettre la navigation. Ce menu peut ou non avoir un effet de « rollover » ce qui signifie qu'au passage de la souris sur l'icône celle-ci est changée par une autre. Cet effet ne fonctionne qu'avec des packs prévus pour cela. Si le pack sélectionné ne le permet pas, en passant sur l'icône vous aurez la petite croix rouge signifiant « image non trouvée ».
Le thème de compteur permet de modifier les images utilisées pour l'affichage du compteur.
Le choix de curseur permet de modifier l'apparence de la souris (compatible avec certains navigateurs seulement).
La configuration look
La configuration du look permet de façon aisée de modifier les couleurs du site pour la skin « no_skin » ou de générer une base de CSS pour vos propres créations de skin.
107
GuppY
Pour ce faire, chaque élément de la page peut être modifié en paramétrant une couleur, une taille, une police.
Si la skin n'est pas modifiable, vous obtiendrez un écran avec :
Par contre, avec la no_skin ou certaines skins de votre création, vous obtiendrez :
Le bandeau permet de définir les couleurs du haut du site.
Les citations peuvent changer de police, de taille et de couleur par défaut, mais en écrivant une citation vous pouvez définir une couleur qui prendra le dessus sur ce paramétrage.
108
Le graphisme de votre site
Le menu de navigation définit les textes situés sous les icônes de menu ou dans la boîte latérale. Ceci permet de choisir une couleur de base même si en entrant le nom d'une section on peut y adjoindre une balise HTML qui en modifiera l'apparence pour, par exemple, en faire ressortir une en rouge parmi les autres.
109
GuppY
Les pages représentent le cœur du site. L'affichage de tous les objets du site est régi par ces paramétrages.
Les titres individualisés permettent à l'explorateur dans sa barre de titre la dénomination complète de la page affichée. Cela améliore aussi le référencement des pages.
On a aussi tous les paramétrages de couleurs possibles.
Les transitions entre les pages génèrent un fondu vers la page à afficher. Seul Internet Explorer utilise ce paramètre.
L'affichage du temps de chargement se retrouve en bas de page. Il permet d'évaluer la rapidité du serveur et la complexité de la page.
L'effet d'animation des liens permet de faire « descendre » légèrement le texte d'un lien quand on passe dessus avec la souris.
Comme son nom l'indique, cette section permet de définir les polices, couleurs, tailles, des titres des boîtes centrales ainsi qu'une image de fond.
110
Le graphisme de votre site
Après les titres, le contenu des boîtes centrales est défini. On peut bien sûr, passer au-dessus de ces paramètres, par exemple en modifiant le code HTML des articles pour ajouter des couleurs, agrandir des éléments, ...
Il en va de même pour les boîtes latérales :
111
GuppY
Nous utilisons aussi souvent des tableaux pour présenter les sujets du forum. On définit ici l'alternance de couleurs utilisées pour améliorer la lisibilité de ces éléments :
Les formulaires peuvent eux aussi être stylisés aux couleurs du site grâce à cette série d'éléments :
La boîte calendrier est aussi modifiable, pour bien mettre en valeur les journées où il y a une activité prévue. En cliquant sur une case colorée à droite du code couleur on peut afficher un sélecteur bien pratique pour ne pas avoir à mémoriser l'ensemble des codes possibles.
112
Le graphisme de votre site
Les lignes de séparation sont très pratiques dans le calendrier pour afficher plusieurs éléments distincts la même journée ou pour séparer un article, une nouvelle etc. Elle s'obtient grâce à la balise HTML <hr>. On configure ici ses propriétés.
Nous terminerons cette configuration par les barres de défilement latérales du navigateur :
113
GuppY
Configuration boîtes
La configuration des boîtes a énormément évolué depuis la version 4.5. Celle-ci nous propose désormais de gérer, en plus des boîtes latérales, la position des éléments de l'entête du site, une boîte supplémentaire en dessous de chaque boîte centrale ainsi que le pied de page. Mais ce n'est pas tout, cette mise en forme est rattachée à la skin, ce qui permet, en changeant de skin, de modifier l'ensemble des positions des boîtes. Quand les derniers emplacements sont occupés de nouveaux se créent à la fin
114
Le graphisme de votre site
pour qu'il n'y ait pas de limites au nombre de boites.
Ce que nous appelons boîtes sont simplement les éléments latéraux permettant la navigation ou l'affichage de contenu comme par exemple les boîtes articles :
La configuration style
Cette section est à réserver aux experts, aux passionnés, car une modification ici peut vous causer pas mal de soucis si elle est mal faite (n'oubliez pas les sauvegardes avant de modifier).
Le générateur permet, en un clic, de créer un fichier contenant la feuille de style définie par les paramétrages effectués dans « Config Look ». Ce fichier peut alors être repris directement à la main pour le modifier, l'améliorer, ...
115
GuppY
116
Gestion collaborative
Chapitre
7
Gestion CollaborativeGestion Collaborative
DéfinitionQue votre site grandisse vite ou non, un jour vous aurez
besoin d'aide, et de pouvoir définir dans quel domaine cette aide va pouvoir évoluer. On parle alors de gestion collaborative, puisque plusieurs personnes travaillent ensemble sur le même projet ! Votre site, du fait de la conception de GuppY, permet de former facilement des collaborateurs. Nous allons voir ici comment idéalement gérer cette collaboration avec GuppY.
117
GuppY
L'administrateur
L'administrateur est, à la base, le seul maître à bord. Il lui est même parfois difficile de se résigner à demander de l'aide. Il est bien connu que seul, on va plus vite, car on n'a pas besoin d'expliquer où on va, mais à plusieurs on va plus loin.
L'administrateur est responsable de son site, et doit avoir une vision de ce qu'il souhaite faire de celui-ci.
Les Collaborateurs
Il en existe plusieurs types : les rédacteurs, les modérateurs, les correcteurs, et ceux que nous appellerons les webmestres et les co-administrateurs.
Les rédacteurs
Les rédacteurs doivent avoir les droits (en fonction des services activés) sur les nouvelles, les articles, réactions aux
118
Gestion collaborative
articles, le blog, les réactions du blog, l'agenda et éventuellement les citations.
Ils écrivent le contenu du site, idéalement écrivent et laissent inactifs les articles avant une relecture par une autre personne qui validera.
Les modérateurs
La modération concerne en général le forum, les réactions au blog et les réactions aux articles.
Les modérateurs sont présents sur le forum pour supprimer ou fermer les sujets qui auraient tendance à dévier de la ligne éditoriale du site. Ils peuvent aussi supprimer certains liens mal placés par les visiteurs dans leurs contributions.
Les webmestres
Les webmestres sont des spécialistes du web et de ses langages. Ils auront besoin de l'accès à la configuration skin pour leur étude avant mise en place, ainsi qu'à des éléments de l'administration générale en fonction de leurs capacités. Ils sont les garants du bon fonctionnement du site. Ils peuvent, en fonction des plugins installés, accéder à certains d'entre eux.
Les co-administrateurs
Ces personnes sont polyvalentes et doivent pouvoir remplacer l'administrateur en cas d'absence. Ils ont un accès complet au site. Ce sont des personnes de confiance qui sont placées à ces postes.
Partager les tâches
Faire un site est une aventure. Pour évaluer qui fait quoi, il faut clairement demander ce que chacun sait faire et aime faire. En effet, on fait plus facilement ce que l'on aime même si on sait faire d'autres tâches. Le tout est d'établir des règles de gestion qui conviennent à chacun :
119
GuppY
- Qui recevra les mails de supervision ?
- Qui répondra aux questions du forum ?
- Qui écrira les articles ?
et ainsi de suite pour chaque service. On peut bien entendu être à plusieurs sur une section.
Aller plus loin
Cette gestion de base peut ne pas convenir, si on ne souhaite pas que les rédacteurs aient accès à tous les articles. Pour cela pensez à voir les plugins permettant l'ajout de fonctions. Il y en a forcément un qui répondra à peu près à vos besoins (voire totalement, puisque les développeurs les ont souvent créés en fonction des demandes des utilisateurs - vous).
120
Les Skins
Chapitre
8
Les SkinsLes Skins
DéfinitionLa définition officielle est : une Skin est un
habillage graphique et/ou CSS de Guppy.
Ce qui signifie qu'une skin est un ensemble de fichiers permettant de modifier l'apparence de votre site créé avec GuppY.
Où sont stockées les skins de mon site ?
L'ensemble des skins de votre site sont stockées dans le dossier skin. Il y a là un dossier par skin, et chacun d'entre eux contient les éléments pour une skin.
Qu'est ce que les CSS ?
CSS signifie "Cascading Style Sheet", traduit en français par "feuilles de style en cascade". C'est une feuille contenant des attributs de style qui permettent de définir les couleurs et l'aspect graphique de votre site. La feuille de style de GuppY se trouve dans chacune des skins sous forme d'un fichier inc ou css.
121
GuppY
Il existe de nombreux ouvrages sur les CSS, je me contenterai juste de dire que les CSS sont utilisées pour définir les couleurs, le rendu, les polices, et d'autres propriétés liées à la présentation d'un document. Le but est de bien dissocier la structure et la présentation du document.
Trouver une skin
GuppY embarque d'origine des skins permettant de donner une idée des possibilités. Mais il faut bien dire que l'équipe de développement n'est pas la seule à créer des skins. Il existe de nombreux sites proposant des skins de différentes façons, certains payants, d'autres gratuits. Les créateurs de skins ont sur leur site une bibliothèque utilisable en l'état mais aussi les astuces pour créer votre skin.
Utiliser une skin
Pour pouvoir utiliser une skin, il faut qu'elle soit présente dans le dossier skin. Elle est dès lors accessible à l'ensemble des membres du site qui, en modifiant leur profil, peuvent afficher la skin en question.
Je vous conseille de vérifier le rendu en la sélectionnant dans votre profil, ainsi si elle ne passe pas correctement vous serez le seul incommodé. Et votre site restera accessible aux visiteurs.
Après avoir tout testé, dans la configuration des thèmes, sélectionnez cette skin. Elle sera alors affichée pour l'ensemble des visiteurs.
122
Les Skins
Faire sa propre skin
On pourrait croire que tous les sites GuppY se ressemblent, mais grâce aux skins, on peut véritablement créer des structures de skin absolument fantastiques qui font que l'on ne reconnaît pas forcément que le site a été réalisé avec GuppY. Les CSS permettent ainsi des structures de pages modifiées qui peuvent laisser aux graphistes toute liberté de création ou presque.
Pour créer une skin, il faut connaître la structures des classes CSS utilisées. Elles sont schématisées ici.
On y voit bien les différents éléments structurant la page et leur position de base.
Schéma de la page : (les noms des sections correspondent aux styles CSS)
123
GuppY
Les éléments de la CSSScreen_choice : Choix de la résolution d'écran
Page : Attributs pour toute la page
HeadTop : Attributs du haut et du milieu de l'entête (logo, bannières, citations)
HeadBottom : Attributs du bas de l'entête ( logo, menu)
MainContent : Attributs du contenu principal
Leftside : Attributs de la colonne gauche des boîtes latérales
Rightside : Attributs de la colonne droite des boîtes latérales
Endbox : Attributs de la boîte située sous la boîte principale,
Foot : Attributs du pied de page
La liste des DIV et classes est longue pour plus d'informations des sites comme http://cssguppy.astrographisme.com , http://www.atelier-skins.net , http://charly.profbh.net/ entre autres répertorient ces éléments pour vous aider dans la création de votre skin.
4.2 Les fichiers d'une skin
Le fichier confskin.inc :
Il s'agit d'un fichier en langage PHP. Ce fichier enregistre les modifications effectués dans les sections « Config Look » et « Config Boites » : les couleurs, polices, position de boites. On peut éditer ce fichier avec un simple éditeur de texte de type bloc note pour retrouver un paramètre car le fichier est entièrement commenté.
124
Les Skins
Le fichier skin.inc :
Ce fichier est optionnel il n'est pas administrable par l'interface de GuppY. Ce fichier contient les chemins vers les fichiers de la skin (images, ou autres).
Le fichier index.php
Tous les dossiers de GuppY doivent contenir un fichier index.php. Dans les skin, ce fichier ne sert qu'à renvoyer vers le répertoire supérieur pour éviter l'indexation des fichiers de la skin. Il doit contenir la ligne suivante qu'il ne faut pas modifier :
<?php header("location:../index.php"); ?>
Le fichier style.css
C'est avec cette feuilles de style que l'on indique que telle partie du texte sera en rouge et aligné à droite, que les liens seront en vert et en gras, etc... Le principal intérêt de ce système est la rapidité de chargement. Lorsqu'un visiteur arrive sur le site, son navigateur va charger la feuille de style puis la gardera en mémoire, ce qui va rendre le chargement des pages du site considérablement plus rapide.
Les feuilles de style ne servent pas uniquement à formater du texte. On les utilise aussi pour des images, des tableaux, etc... Ainsi, dans GuppY, le logo, les bannières et tout un tas d'autres choses disposent de leur propre classe.
Pour plus de renseignements téléchargez la documentation sur les skin disponible sur http://www.freeguppy.org/ .
125
GuppY
Astuces
Figer la largeur
Dans le fichier skin.inc qui se trouve dans le répertoire de la skin .
$screen_choice = 800; (pour la figer à 800px de large)
Rechercher quelle classe gère un affichage
Sous firefox firebug permet d'explorer le code sourde de votre page et de donner facilement la classe à modifier pour ajuster ou créer votre skin.
126
Les Plugins
Chapitre
9
Les PluginsLes Plugins
DéfinitionLa définition officielle est : un plugin est un programme
externe à Guppy permettant d'ajouter des fonctionnalités complémentaires à celui-ci sans modifier les fichiers d'origine.
Trouver un Plugin
Pour trouver, il faut avant tout savoir ce que l'on recherche. Les créateurs de plugins sont externes ou internes à l'équipe de développement de GuppY. Ils créent les plugins en fonction de leurs besoins, mais aussi des vôtres.
Le site GuppYLand.org tente de répertorier les plugins. Tous les créateurs ne souhaitent pas y figurer, et il n'y a pas de contraintes, juste une incitation car GuppYLand amène vers eux de nombreux visiteurs en recherche du plugin qui répondra à leur besoin.
127
GuppY
Ne cherchez pas forcément un plugin qui fait exactement ce dont vous avez besoin. Un plugin peut être détourné de son utilité première, il suffit d'un peu d'imagination. Un compte à rebours de nouvel an peut très bien servir à annoncer un mariage, un anniversaire, une animation, il suffit de modifier la date cible et les actions sur le site.
Utiliser un plugin
Dans l'idéal, un plugin contient trois dossiers : un admin, un data, et un plugin.
– Le dossier admin contient un dossier plugin suivi d'un dossier au nom du plugin.
– Le dossier plugin contient un dossier au nom du plugin.
– Le dossier data, contient un dossier plugin suivi d'un dossier au nom du plugin.
128
Les Plugins
Pour être plus concret voici l'arborescence pour un plugin au nom de « monplugin »
1)admin/plugins/monplugin2)data/plugins/monplugin 3)plugins/monplugin
Ces trois dossiers ne sont pas forcément utiles. Certains n'ont d'utilité que dans l'administration, d'autres, comme imode, ajoutent à la racine un dossier imode pour les navigateurs mobiles.
A quoi servent ces dossiers ?
1)admin/plugins/monplugin
Contient les fichiers permettant d 'administrer le plugin, de le paramétrer, pour qu'il s'intègre parfaitement à votre site.
2)data/plugins/monplugin
Contient les données du plugin, tous les plugins ne l'utilisent pas, mais mettre les données ici permet de faciliter les montées de versions de plugins.
3) plugins/monplugin
Ce dernier dossier contient les fichiers apparaissant sur la partie publique du site, les boîtes, les images, et les fichiers de langue permettant d'utiliser ces plugins sur les sites multi-langues, voire de les traduire au besoin.
Chercher de l'aide sur un plugin
Pour les plugins, nous conseillons systématiquement de chercher de l'aide sur le site du créateur du plugin. De plus, un abonnement à sa lettre d'information vous permettra de vous maintenir à jour sur ce plugin, de bénéficier des nouvelles options mises en place par le créateur.
Les plugins, tout comme GuppY, évoluent, s'améliorent
129
GuppY
et offrent de nouvelles fonctionnalités, mais peuvent être un risque concernant la sécurité, et contenir des failles. Je suis pour ce qu'on pourrait appeler le risque minimum. N'installez que les plugins utiles à votre site, ce qui minimisera les risques. Un plugin inutilisé mais comportant une faille est dangereux pour tout le site.
Installer des plugins
Une fois votre plugin téléchargé, il est déconseillé de l'envoyer directement en ligne. Un test préalable pour apprendre à l'utiliser est conseillé. Une copie de votre site soit sur un serveur local soit dans un sous dossier de test est à préférer. Ainsi vous ne courez pas de risque pour le site en production et vous pouvez pousser au maximum la personnalisation du plugin. Une astuce toute simple : sur le site de test n'utilisez jamais la même skin que le site en production pour ne pas les confondre. Une fois habitué au plugin, mettez-le sur le site en production et reparamétrez-le. Le site de test peut, lui, contenir tous les plugins possibles, au besoin d'installations futures. Pourquoi tester ainsi les plugins ? Il est déjà arrivé que 2 plugins utilisent une même variable (même nom). Seul chacun fonctionne sans souci, ensemble c'est une catastrophe. C'est la raison pour laquelle nous demandons de donner les plugins installés en cas de problèmes de compatibilité connus.
Compatibilité des plugins
Les plugins sont présents dans GuppY depuis de nombreuses versions. GuppY ayant évolué, la gestion des plugins a suivi. Il faut vous assurer que les plugins que vous téléchargez et installez sont
compatibles avec votre version de GuppY. Dans le cas contraire des messages d'erreur vont apparaître sur votre site.
130
Les Plugins
Faire son propre plugin
Vous avez fait le tour et rien ne correspond, rien ne s'adapte. Votre idée est originale et personne n'y a pensé avant ou le fonctionnement du plugin ne suit pas votre logique, vous souhaitez créer votre propre plugin.
Créer un plugin permet un certain confort lors des évolutions et migrations de GuppY. En effet, vous ne touchez pas au code de GuppY, mais y ajoutez une fonction.
Si vous touchez au code de GuppY il vous faudra reprendre toutes ces modifications à chaque patch.
Débuter
Vous avez l'idée, vous avez le temps et les compétences en PHP pour faire un plugin mais par où commencer ?
Le plus courant et le plus simple est de prendre un plugin existant pour le modifier, la structure sera ainsi déjà existante. Pensez à toujours utiliser des variables de textes, pour faciliter les traductions. Créez vos fichiers PHP mais pensez à regarder les fonctions de GuppY qui peuvent être réutilisées sans avoir à
131
GuppY
les refaire.
Tester
Comme tout créateur, vos tests fonctionnent toujours, mais vous n'êtes jamais à l'abri de la manipulation cachée qui va être dangereuse pour le site. Pensez à demander des testeurs à la sortie d'une première version bêta, qui vous permettra, grâce aux retours, d'améliorer votre plugin, voire d'y ajouter la petite touche qui lui manquait mais qui maintenant que vous y pensez est indispensable.
Distribuer
Distribuez vos créations sur votre site, ainsi vous restez maître des versions, et récolterez les remerciements des utilisateurs pour votre travail. Pour faciliter la recherche des futurs utilisateurs potentiels, pensez à déclarer votre création sur le site de GuppYLand à votre tour.
Maintenir
Les créateurs de plugins sont invités à maintenir leur création. Pour ce faire ils ont accès à des pré-versions de GuppY avant leur sortie pour s'assurer de la compatibilité de leurs plugins avec les versions à venir de GuppY.
Attention, seuls les créateurs partageant leurs plugins sont invités, et il y a des clauses de confidentialité pour laisser entière la surprise à la sortie d'une nouvelle version de GuppY.
Exemples de plugins
Je vais présenter ci-dessous quelques plugins. Je les ais sélectionné pour leur utilité selon mon point de vue. Il en existe beaucoup d'autres, j'espère qu'avec cet aperçu, vous aurez une vision des possibilités offertes par ces ajouts.
132
Les Plugins
AjouteMenu
Fiche signalétiqueSite du créateur http://jmmis.free.fr
Fonction Ajout de boites de menu, souvent appelées par les utilisateurs boites articles.
Quand l'utiliser Ce plugin est utile quand vous avez besoin de plus de 2 boites articles. Il permet aussi d'avoir les menu à plus de 2 niveaux.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous pourrez configurer chacune des 20 boites disponibles. A partir du moment ou vous changez le nom d'une des boites elle devient disponible dans la partie config boites.Dès lors en passant par ce plugin vous disposez d'un menu pouvant faire référence aussi bien à des éléments internes au site qu'externe.Une particularité tout de même, ce plugin permet aussi de mettre en avant les articles nouveaux ou mis à jours par l'ajout d'une image.
Astuces Le fork AjouteMenu permet lors de la rédaction d'articles de sélectionner directement une des boites supplémentaire ajoutée, à condition de l'avoir nommée et activée.L'utilisation du caractère « | » (Alt Gr + 6) dans les catégories et nom d'articles permet l'ajout de niveaux supplémentaires.
133
GuppY
Diaporama
Fiche signalétiqueSite du créateur http://jmmis.free.fr
Fonction Ajoute à votre site une galerie de diapos redimensionnées automatiquement.
Quand l'utiliser Ce plugin est particulièrement utile pour faire afficher des photos sur votre site et plus complet que la fonction de base de GuppY.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous pourrez configurer vos diaporamas. (nombre de vignettes par ligne, par colonne, taille des vignettes) Ce plugin peut être appelé par une boite latérale ou une icône dans la barre de menu
Astuces En faisant précéder le nom affiché dans le menu par des <!--xx--> vous pouvez intercaler le diaporama dans les services d'origine de GuppY.
134
Les Plugins
G Sitemap
Fiche signalétiqueSite du créateur http://leconte-sylvain.hpsam.info
Fonction Ajoute à votre site un plan du site pour les robots de référencement
Quand l'utiliser Ce plugin est utile pour améliorer votre référencement. Il crée un fichier utilisé pa tous les moteurs de recherche référençant les pages de votre site.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous pourrez crée le plan du site sitemap.xml en fonction des plugins utilisés si ceux-ci sont supportés.
Astuces Chez les hébergeur professionnels utilisez le système de cron pour automatiser la création du fichier sitemap.xml.
135
GuppY
Total Ban
Fiche signalétiqueSite du créateur http://leconte-sylvain.hpsam.info
Fonction Ajoute à votre site un gestionnaire de bannières publicitaires avancé
Quand l'utiliser Ce plugin est utile pour afficher des campagnes publicitaires sur une période donnée ou utilisant des scripts externes comme google adsense.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous pourrez activer le plugin. Allez dans config boite pour définir les emplacements d'affichage.Vous pourrez ajouter soit des bannières soit des régies publicitaires.
Astuces Délimitez à l'avance des bannières s'affichant sur différentes périodes en fonction de l'actualité de votre site pour annoncer des actions, manifestations, ...Ne mettez pas trop de régies publicitaires, 1 à 2 affichages par pages est suffisant, au-delà vous perdez en crédibilité et lisibilité. Il est parfois difficile pour le visiteur de faire la différence entre votre contenu et les publicités.
136
Les Plugins
wapimode
Fiche signalétiqueSite du créateur http://iguppy.free.fr
Fonction Ajoute une partie wap et imode à votre site
Quand l'utiliser A utiliser pour publier votre site sur les téléphones wap et imodes
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data. Et ajoutez les dossiers imode et wap
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous pourrez choisir les couleurs, définir les interactions possibles.
Astuces N'oubliez pas d'annoncer la disponibilité de votre site sur wap et imode, et cherchez à vous déclarer sur les moteurs de recherches spécialisés.
137
GuppY
Adm_Membres
Fiche signalétiqueSite du créateur http://www.monptitnet.net
Fonction Modifie la gestion des membres de GuppY.
Quand l'utiliser A utiliser pour une gestion plus poussée des membres avec sauvegarde sur le site de leurs préférences.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous définirez les fonctions activées ou non du plugin.Vous pourrez être prévenu lors de la création ou clôture de comptes.Verrouiller les inscriptions ou les soumettre à approbation du webmestre.Autoriser l'utilisation d'avatars externesAfficher des infos comme la date de dernière visite ou l'adresse IP du membre.Vous pouvez très facilement suspendre un accès en éditant un profil et en mettant le compte en : Suspendu.
Astuces Utilisez le fork Adm-Trankil pour faciliter la gestion des zones réservées aux membres.
138
Les Plugins
Adm_Redacteurs
Fiche signalétiqueSite du créateur http://lebrikabrak.info
Fonction Modifie la gestion des rédacteurs de GuppY.
Quand l'utiliser A utiliser pour une gestion plus poussée des redacteurs. En permettant à chacun d'avoir sa propre administration, ses propres documents, et une vision poussée des apports de chacuns.
Installation Téléchargez l'archive sur le site du créateurMettez sur votre site le dossier plugins dans plugins, le dossier admin dans admin et le dossier data dans data.
Configuration Dans le panel d'administration de GuppY vous verrez dans la partie réservée aux plugins une icône supplémentaire.En cliquant dessus vous définissez les droits des différents rédacteurs et consultez leurs créations.Les éléments peuvent appartenir à un ou plusieurs rédacteurs ce qui permet de travailler à plusieurs sur un document.On peut créer des groupes de rédacteurs ayant les mêmes droits
Astuces Pour une utilisation en classe, créez un groupe élève et mettez tous les élèves à l'intérieur ce qui permet de modifier une fois le groupe et de ne pas avoir à reprendre chaque élève pour lui attribuer des droits supplémentaires.
139
GuppY
140
Sécuriser votre site
Chapitre
10
Sécuriser votre siteSécuriser votre site
DéfinitionSécuriser son site c'est s'assurer que l'on est le seul à pouvoir ajouter du contenu sur son site mais aussi que personne ne puisse récupérer les données du site.
141
GuppY
Les bases
La base de la sécurité de votre site est le fichier « .htaccess » de la racine. Il permet de se prémunir des personnes ou robots tentant d'accéder directement à la base de données de GuppY. Sans ce fichier, une personne pourrait par exemple récupérer la base de donnée des abonnés à votre lettre d'information à des fins de spam. Pour ce faire, il interdit l'accès aux fichiers .inc et .dtb de GuppY à tout usage extérieur. La seconde utilité concerne les pages d'erreur. Le visiteur qui frappe une adresse inexistante tombera une page d'erreur de votre site au lieu d'une page blanche.
Contenu du .htaccess :
<Files .htaccess>Order allow,denyDeny from all</Files><Files *.inc>Order allow,denyDeny from allSatisfy All</Files><Files *.dtb>Order allow,denyDeny from allSatisfy All</Files>ErrorDocument 400 /error.php?err=400
142
Sécuriser votre site
ErrorDocument 401 /error.php?err=401ErrorDocument 403 /error.php?err=403ErrorDocument 404 /error.php?err=404ErrorDocument 500 /error.php?err=500
Personnaliser le .htacces fourni
Sur certains serveurs, la gestion des erreurs ne fonctionne pas et il faut reprendre les quatre dernières lignes en y ajoutant l'adresse complète de votre site ce qui donne :
ErrorDocument 400 http://www.votresite.ext/error.php?err=400ErrorDocument 401 http://www.votresite.ext/error.php?err=401ErrorDocument 403 http://www.votresite.ext/error.php?err=403ErrorDocument 404 http://www.votresite.ext/error.php?err=404ErrorDocument 500 http://www.votresite.ext/error.php?err=500
Cette protection peut s'avérer nécessaire si vous rencontrez des « erreurs 500 » en protégeant l'administration.
Supprimer le dossier d'installation
Le dossier /install sert à la mise en place. Après l'installation ou la migration du site, il faut toujours vérifier sa non-présence, car une personne mal intentionnée pourrait facilement l'utiliser pour vider la base de données et anéantir en quelques secondes des heures de travail.
La loi informatique et liberté
Nul n'est censé ignorer la loi. Cette phrase est simple mais la législation complète, je vais donner ici de grandes idées pour ne pas faire de grosses erreurs. Pensez à vous renseigner sur des sites comme la CNIL en fonction des données et du sujet de votre site.
Que votre site soit en France, suisse, Belgique ou tout autre pays, il existe des lois concernant la création de dossiers de données personnelles.
143
GuppY
Par exemple en France pensez à mettre dans un article ou dans le pied de page un texte de type : Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données selon la loi Informatique et Liberté (article 34) du 6 janvier 1978.
Il ne suffit pas de l'afficher il faut aussi l'appliquer. Ainsi si dans le forum, un article, ou tout élément les coordonnées d'une personne sont données, il faut pouvoir les supprimer sur simple demande. Par coordonnées j’entends tout ce qui permettrait de la reconnaître ou la contacter : adresse postale, adresse de courriel, téléphone, ...
Attention à bien respecter aussi le droit à l'image des personnes et de ne publier des photos dont vous avez reçu l'autorisation d'utilisation sur un site internet.
On parle aussi souvent de site déclaré à la CNIL. La CNIL (Commission Nationale Informatique et Libertés) analyse les fichiers de collecte de données. Avec la grande quantité de sites réalisés, les sites classiques n'ont plus besoin de se déclarer. Si votre site traite de votre association, famille ou autres sujets classiques, cette inscription n'est plus nécessaire.
Aller plus loin
Protéger l'administration de GuppY
L'administration de GuppY est protégée par un mot de passe. Cette protection est efficace mais pas suffisante. On parle alors de protéger l'administration par .htaccess (cette protection supplémentaire ne peut être livrée avec GuppY, car elle dépend notamment de votre hébergeur).
On crée alors un nouveau fichier qui va chercher un login et un mot de passe pour autoriser l'entrée ou non dans la zone d'administration. Cela correspond à une protection forte. Ce type de protection est beaucoup plus difficile à contourner.
144
Sécuriser votre site
Les attaques par dictionnaire sont les plus courantes pour casser un mot de passe. Je conseille de ne pas utiliser de nom, ou mot existant dans un dictionnaire. Préférez les suites de lettres sans rapport et, dans l'idéal, mélangez majuscules et minuscules, cela rendra l'accès frauduleux au dossier admin impossible.
Protéger son contenu
Comme tout système, GuppY, peut contenir des failles qui, exploitées, permettraient de modifier votre contenu. Celles-ci sont rares mais pas impossibles (aucun système n'est sûr à 100%). Si une faille de sécurité est découverte, un patch correctif est publié très rapidement. Il est donc important de conserver sa version de GuppY à jour. De la même façon, il faut suivre l'évolution des plugins que vous utilisez car ils peuvent également être source de failles de sécurité : abonnez-vous aux différentes Newsletters des sites sur lesquels vous téléchargez vos plugins, mais surtout, abonnez-vous à celle de freeGuppY !
Rester prudent
Tout cela ne sert à rien si l'on ne prend pas quelques précautions de base pour éviter certaines erreurs.
Mot de passe :
• Il ne faut pas noter son mot de passe : il faut qu'il soit mnémotechnique, c'est à dire facile à mémoriser.
• Il faut le garder secret : si l'on désire travailler à plusieurs sur un même ordinateur, il faut créer autant de comptes que d'utilisateurs.
• Il ne faut pas choisir comme mot de passe une information personnelle (prénom, nom du projet...) : les mots présents dans un dictionnaire français ou étranger sont à éviter. Proscrire également toute variation de ce qui précède (ajout de chiffres, mots accolés...)
145
GuppY
• Ne pas utiliser un mot de passe important pour une application peu sûre, ou pour un compte utilisateur d'un site Internet.
Les données :
• Il faut sauvegarder son site très régulièrement. Plus il est ouvert aux contributions des visiteurs et plus les sauvegardes devront être rapprochées dans le temps.
• Il ne faut pas donner trop d'accès aux rédacteurs non sûrs, qui pourraient par inadvertance (ou malveillance ?) effacer du contenu.
146
Maintenir votre site
Chapitre
11
Maintenir votre siteMaintenir votre site
Définition
Maintenir un site, c'est le pérenniser dans le temps, s'assurer de son bon fonctionnement, et éviter la perte d'informations. Un site non maintenu ou site fantôme est une plaie, combien de fois êtes-vous arrivé sur un site vous annonçant fièrement une bonne année 2004 rempli de messages de spam dans le forum et le livre d'or et dont le contenu est caduc ?
C'est malheureusement courant. En plus d'être une plaie pour les recherches sur Internet, c'est une plaie pour les hébergeurs gratuits, qui voient là s'envoler de l'espace disque avec des sites non maintenus qui grossissent et ralentissent leurs serveurs. Je conseille à l'arrêt d'un site de supprimer l'ensemble des fichiers, si vous l'abandonnez, ou de désactiver le forum, livre d'or, réactions, si vous le mettez en sommeil. Ainsi vous ne serez pas l'heureux créateur d'un site poubelle.
147
GuppY
Sauvegarder
Règle d'or de l'informatique, la sauvegarde de son site est trop souvent oubliée. La fréquence doit être adaptée à la fréquentation de votre site. Une sauvegarde hebdomadaire peut suffire pour un site ayant un trafic moyen, une sauvegarde mensuelle pour un site personnel sans fort trafic, mais un site qui accueille 1000 à 1500 visiteurs par jour voir plus, doit penser à des sauvegardes journalières.
Pour éviter l'oublis de sauvegarde, je conseille d'automatiser cette tache. Pour ce faire utilisez des logiciels spécialisés comme « cobian backup ».
Nettoyer
Quand les visiteurs ont la possibilité de laisser des messages sur le site, certains en laissent parfois partout et sans lien avec votre contenu. Ces commentaires déplacés sont à retirer. Ils peuvent amener à des discussions sans queue ni tête, qui exaspéreront le visiteur sérieux. Le livre d'or aussi peut être la cible de messages publicitaires. Vérifiez chaque lien. Certains semblent sans gravité, mais d'autres donnent accès à des sites illégaux ou pour adultes. Si votre site traite de l'enfance, où s'adresse à des écoliers, cela n'a pas sa place chez vous. N'ayez aucun remords à les supprimer. Vous êtes responsable de votre site, et de ce fait pouvez autoriser ou non un contenu. Si vous ne le faites pas cela pourra vous être reproché.
Mettre à jour
L'information par essence est versatile, il faut penser à supprimer ce qui est caduc, à mettre à jour les informations, pour toujours être d'actualité.
L'exemple flagrant peut être vu sur les sites qui annoncent de joyeuses fêtes de fin d'année au mois de juillet. Cela veut dire que le site n'est pas mis à jour depuis au moins 6 mois, le visiteur passera son chemin, car il cherche une
148
Maintenir votre site
information actuelle. Si vous annoncez une ouverture de site avant de mettre votre Guppy et que vous donnez une date, pensez à la modifier quand elle sera dépassée, car un site qui annonce une ouverture prochaine donnant une date dépassée d'un ou deux mois voire plus, prête à sourire.
Il faut aussi maintenir à jour le contenant GuppY ainsi que les plugins installés, d'où l'intérêt d'en utiliser le moins possible.
Ajouter du contenu
Le contenu de votre site doit évoluer, et être original pour attirer les visiteurs, pensez à en ajouter régulièrement. Un site sans nouveaux articles ne fidélise pas le lecteur. Cette fréquence peut baisser par période, le lecteur comprendra, mais un site sans nouvelles perd ses habitués et son dynamisme. Le contenu sera aussi important pour le référencement que nous verrons plus loin.
Réorganiser son site
Votre site est en ligne depuis un certain temps, mais a force d'ajouter du contenu on perd un peu le visiteur. Il faut donc réorganiser les articles de temps à autres.
Avant de commencer il faut définir l'organisation cible à atteindre. Avoir un but est le meilleur départ pour arriver. Une fois le but définis on serait tenté de mettre le site en maintenance pour agir, mais je le déconseille. Un visiteur qui arrive sur une page de maintenance est déçus et continue ses recherches. Si une nouvelle annonce une réorganisation en cours le visiteur accédera au contenu tout de même. Une seconde nouvelle pour annoncer la fin de la réorganisation permettra de tenir le visiteur au courant et sera une preuve de la vie du site. L'avantage des articles par id dans ces cas est que l'on ne perd pas le référencement. L'adresse de l'article ne changeant pas. Il va sans dire que plus un site est important, plus sa réorganisation doit être réfléchie et prend du temps. Ne soyez jamais pressé pour une opération de maintenance de
149
GuppY
cette envergure.
En règle générale pour un site dynamique une réorganisation par an est nécessaire pour archiver les anciens articles et mettre plus en avant les nouveautés.
Structure de la base de donnée
En cas de souci il est intéressant de connaître la structure de la base de donnée de GuppY. Cela permet de se dépanner facilement en cas de crash du serveur ayant endommagé la base. Il est cependant recommandé en cas de modifications manuelles de procéder à un contrôle d'intégrité. Ce chapitre est une bouée plus qu'une nécessité, si vous n'avez pas de soucis, sa lecture n'est pas nécessaire voire rébarbative.
La base de donnée est totalement placée dans le dossier data sous forme de fichiers.
Les sous-dossier :
archive Archives du forum
cache Cache des flux RSS
countmsg Compteurs de messages des utilisateurs
error Messages d'erreurs en cas de surcharge il peut être intéressant de consulter les éléments ayant posé des problèmes grâce aux fichiers contenus ici.
usermsg Messages et comptes utilisateurs
plugins Ce dossier absent à l'origine est utile pour les données des plugins. Si vous développez un plugin il est conseillé d'enregistrer les configurations ici, cela facilite les migrations.
150
Maintenir votre site
Les fichiers :
admins.dtb Stoque les pseudos des administrateurs du site
ag,dtb Gestion de l'agenda
antispam.dtb Enregistre des IP de spameurs
ar.dtb Liste les catégories et titres des articles de la première boite
arten.xml flux RSS de diffusion des articles en anglais
artfr.xml flux RSS de diffusion des articles en français
bl.dtb Liste les catégories et titres des articles de la seconde boite
blogen.xml flux RSS de diffusion des billets du blog en anglais
blogfr.xml flux RSS de diffusion des billets du blog en français
bs.dtb Liste des flux RSS les sites externes.
config.inc Configuration des services de GuppY
confskin.inc Paramètres de la skin no_skin
counter.dtb Compteur de visites
dbversion.php Version de la base de donnée
docx.inc Les documents articles, nouvelles, billets sont dans ces fichiers
docx.dtb Compteurs des articles
docid.dtb pour chaque doc.inc donne la cat égorie et l'activation ou non des éléments. En utilisant la structure :
Type Doc Type FileID Status
151
GuppY
ar Article n s
ag Agenda n s
ba Banner n s
bl Blog n s
bs Blog RSS link n s
ci Citation n s
dn Download n s
ed Editorial n s
fa FAQ n s
ft Page Footer n s
fr Forum n s
f1 Freebox #1 n s
f2 Freebox #2 n s
f3 Freebox #3 n s
f4 Freebox #4 n s
gb Guestbook n s
li Links n s
ne News n s
nl Newsletter n s
ph Photo n s
ra Art. Reaction n s
re Recommandation n s
rb Commentaires blog n s
152
Maintenir votre site
rs RSS link n s
ru Forum rules n s
sp Special n s
n = Numéro de doc
s = statut : a = actif d = supprimé i = inactif
ed.inc Éditorial du site
f1.inc à f4.inc Boittes libres
frcat.dtb Catégories de discutions du forum
frcount.dtb Compteur du forum
frth.dtb Sujets de discutions
ft.inc Pied de page
index.php Ce fichier évite le listage du dossier
ippool.dtb Mémorise l'IP pour les sondages
ipstat.dtb Statistiques par IP
ipdoc*.dtb Mémorisation d'IP visiteurs
li.dtb Livre d'or
log_date.dtb, log_file.dtb, log_stats.dtb, logd.dtb, logh.dtb, logm.dtb, logp.dtb, logy.dtb Fichiers de log de visites.
newsen.xml flux RSS de diffusion des nouvelles en français
newsfr.xml flux RSS de diffusion des nouvelles en anglais
nextid.dtb numéro du prochain document
nextidbk.dtb sauvegarde de nextid
nwlist.dtb Liste des abonnées à la lettre de diffusion
153
GuppY
pool.dtb Sondage
ru.inc Règles d'utilisation du forum
sp.inc Boite spéciale
stats.dtb Statistiques
154
Où trouver de l'aide
Chapitre
12
Où trouver de l'aideOù trouver de l'aide
DéfinitionIl arrive forcément un moment où on ne trouve pas la
réponse à la question que l'on se pose. La communauté GuppY permet de répondre à de nombreuses interrogations. Pensez à faire une recherche sur freeguppy.org. Si la réponse n'est pas trouvée, utilisez le forum. Le forum de GuppY est convivial grâce à ses utilisateurs. Pensez à dire bonjour et merci, ça ne coûte rien et ça aide à résoudre les soucis. Collez le contenu de « à propos » permettant d'identifier votre site et ses composants, et permettant de faciliter l'assistance. Pensez aussi à consulter les forums, FAQ de votre hébergeur pour les questions techniques (pour par exemple les htaccess, ...).
Aide sur GuppYL'aide sur Guppy se trouve sur FreeGuppY.org. Un
moteur de recherche permet de chercher les réponses rapidement sur le site. Des articles et FAQ permettent de répondre à beaucoup d'interrogations courantes. Si rien n'est
155
GuppY
trouvé, postez sur le forum. N'hésitez pas à être précis, on n'a jamais trop d'informations pour aider à la résolution d'un souci.
Aide sur les pluginsPour les plugins, il faut penser à aller voir sur le site où
vous avez téléchargé le plugin. En effet, ils sont maintenant si nombreux qu'il est difficile de tous les maîtriser.
Aide sur les skinsLes créateurs de skin, proposent toute une littérature
sur les effets que l'on peut obtenir et comment y arriver. Mais pensez aussi aux sites traitant de CSS, pour comprendre le fonctionnement général.
Aide pour les enseignantsLes enseignants sont très représentés dans le monde
GuppY. Ils participent en créant des tutoriaux et autres aides. Ces aides peuvent être utilisés par tous. Elles sont disponibles sur le site : http://guppyed.org,
Les GuppY clef en main
Que ce soit pour aller à la mer ou à la montagne, des GuppY sont prêts pour vous. Pour mettre en place plus rapidement un site attractif pour vos classes transplantées, vos classes de mer, ou vos correspondances inter-classes. Ces GuppY contiennent des plugins facilitant l'ajout de contenu par les élèves.
Le B2I
Le B2I est grandement facilité grâce à des fiches de suivi et de formation permettant de valider les compétences grâce à GuppY. Utilisez-les sans hésitation, de nombreux établissements le font déjà. Les premier et second cycle sont
156
Où trouver de l'aide
très représentés.
Les projets d'école
De nombreux projets pédagogiques sont présentés sur GuppYEd. Vous y trouverez des projets liés à la radio, la nature, le cinéma, ... autant de moyens de stimuler l'appétit des élèves et leur faire assimiler les bases de l'informatique de façon conviviale et dynamique. Ils sont fiers de montrer à leurs parents le site de la classe et leurs créations.
Les activités possibles sont importantes, et vos retours d'expériences grandement appréciés sur ce site qui fait partie des sites de la GuppYTeam.
Et pour les non enseignants
Des guides détaillés, des tutoriaux animés, des fiches pas à pas pour ne jamais être perdu. Ces documents sont particulièrement intéressants dans la formation de rédacteurs sur votre site.
157
GuppY
158
Référencer votre site dans les moteurs de recherche
Chapitre
13
RéférencerRéférencer votre site votre site dans les moteurs dedans les moteurs de
rechercherecherche
Définition
Un moteur de recherche est un outil très utilisé actuellement sur Internet, que ce soit Google, Yahoo, MSN, ... Être bien placé sur un moteur de recherche permet d'augmenter la fréquentation de votre site. En fonction du sujet de votre site, il sera plus ou moins facile d'être en tête.
Déclarer son site
De nombreux sites vous proposent de déclarer sur les moteurs vos sites, contre paiement. Je ne dirais pas que cela ne sert à rien, loin de là. Mais un site peut se référencer tout seul. C'est en général quand on ne souhaite pas être référencé
159
GuppY
que l'on trouve le plus rapidement son site sur un moteur. Je conseillerais pour déclarer son site de faire pointer des liens vers son site, en participant à des forums en ayant en signature un lien vers son site web quand cela est possible.
Google permet aussi de déclarer une adresse de site pour envoyer un robot d'indexation sur le site. Cette opération permettra de faire connaître le site aux robots qui surfent pour les indexer.
Le contenu
Le contenu est essentiel. Il doit être original et mis à jour. Un contenu dense ne sert à rien. Il y aura trop d'informations, et trop de mots à référencer et à ranger pour indexer la page. La richesse en texte, la pertinence et l'abondance de votre contenu textuel représente 80% à 90% des facteurs de bon positionnement. Ensuite il faut penser aux liens. Des liens sortants de qualité, des liens entrants pertinents, des balises "title", des images adaptées, l'enrichissement du texte adapté (gras, balises h1 à h6 indiquant aux robots les points importants), des mises à jour régulières. Un site facile à parcourir pour un robot et la position dans le top 20 de Google est quasiment assurée.
Les meta tag
Les balises META sont des balises HTML spécifiques placées dans l'en-tête de la page, en fait ce qu'on appelle la source de la page, donnant des informations complémentaires. Elles ne sont pas destinées aux visiteurs mais plutôt aux robots des moteurs de recherche.
Cependant, les balises META ne sont plus vraiment utiles... Google, entre autres, ne les utilise plus (ou presque). Pour les autres moteurs de recherche, vous pouvez quand même utiliser les deux balises META suivantes :
balise META description (meta tag description) : cette balise permet de donner une description de la page. Préférez une ou
160
Référencer votre site dans les moteurs de recherche
plusieurs expressions correctement construites à une série de mots sans rapport.
balise META keywords (meta tag keywords) : cette balise contient une liste de mots appelés mots-clé, séparés soit par des virgules, soit par des espaces. Vous pouvez mettre plusieurs genres (masculin/féminin ; singulier/pluriel) des mots-clés les plus importants: pensez aux pluriels ou même aux fautes d'orthographe.
Ne vous attardez pas trop sur ces informations elles sont intéressantes à mettre en place pour débuter mais leur utilité sur le long terme est dérisoire.
Robot.txt
Le fichier robots.txt est un fichier au format texte contenant des instructions pour les robots d'indexation des moteurs de recherche en leur indiquant les pages qui ne peuvent pas être référencées. Ainsi tout moteur de recherche commence en cherchant le fichier robots.txt à la racine du site pour continuer ou non l'exploration d'un site web.
Le robot.txt de GuppY :
User-agent: *Disallow: /admin/Disallow: /data/Disallow: /file/Disallow: /img/Disallow: /inc/Disallow: /install/Disallow: /mobile/Disallow: /pages/Disallow: /photo/Disallow: /plugins/
On s'adresse à tous les robots.On interdit le dossier admin, nul besoin de le référencer, surtout vu son accès réservé.On interdit aussi tous les dossiers contenant des données : data, file, img, photo.On interdit de référencer les fichiers du moteur de GuppY.Les dossiers contenant les plugins, pages externes et mobiles sont, elles aussi, exclues.Le dossier install, bien que devant être supprimé est exclu pour être certain qu'il
161
GuppY
ne soit pas référencé.
Ce fichier peut avoir besoin d'être personnalisé. Il peut pour cela être édité avec un éditeur de texte simple comme notepad, notepad++ par exemple (on évitera les traitements de texte comme Word ou Write) .
Si vous avez des pages php externes à GuppY nécessitant un référencement, des pages de contenu, supprimez la ligne page.
Si votre forum n'est pas celui d'origine mais un plugin, ou si votre contenu est en majorité dans les plugins, supprimez la ligne plugins.
Si vous souhaitez que l'on puisse référencer vos photos, ce que je déconseille, supprimez la ligne photo.
Si vous avez des PDF que vous souhaitez référencer, et qu'ils sont dans le dossier file, supprimez cette ligne.
Enfin, si vous ajoutez des dossiers, pensez à mettre à jour ce fichier robot.txt pour décider ou non de référencer ce dossier. On peut bien sûr aller encore plus loin, mais vos recherches sur Internet vous permettront de trouver de nombreuses informations, pour améliorer encore la performance de votre fichier en fonction des robots ou autres aspirateurs.
Google sitemap
Google sitemap est un système permettant de cartographier un site Internet. Il ne faut pas le confondre avec google map qui propose des cartes géographiques de la Terre.
Les moteurs de recherche principaux se sont unis (Google, Yahoo, Msn et Ask) pour lire désormais une nouvelle ligne dans le code robots.txt, qui sera utilisée par les robots afin de lire le sitemap du site:
Sitemap: http://www.monsite.ext/sitemap.xml
le sitemap est un fichier XML il ressemble à ceci :
162
Référencer votre site dans les moteurs de recherche
<urlset> <url>
<loc>http://www.monsite.ext/index.php&lng=fr</loc><lastmod>2007-05-28</lastmod><changefreq>weekly</changefreq><priority>1</priority>
</url></urlset>
Le système Sitemap vous permet de donner aux moteurs de recherche les adresses des pages à explorer sur votre site Web. Ce système a été écrit pour s'adapter à tous les sites. Tout cela pour favoriser une exploration plus intelligente du site par les moteurs de recherche.
Ce fichier est bien plus complexe que robot.txt. Il est normé et peut être déclaré par exemple pour google sur la page : www.google.fr/webmasters/sitemaps .
Il faut créer ce fichier. Pour les non habitués des langages Internet, pas de panique, il existe un plugin qui génère automatiquement ce plan dans son fichier sitemap.xml. Il est développé par un membre de l'équipe de GuppY et s'appelle : Plugin G Sitemap.
Ce fichier qui maintenant est utilisé par tous les moteurs doit être mis à jour régulièrement pour y ajouter les liens vers les nouveaux documents.
crossdomain.xml
Vous avez une animation Flash sur votre site. Si il faut qu'elle consulte des données textes ou binaires (images ou animations Flash) dans le même domaine (Même site), il n'y a pas de questions à se poser. Mais, si vous utilisez un chemin d'accès externe pour accéder aux données, Flash refusera l'accès aux données. Un cas simple pour illustrer étant la visualisation de fichiers RSS dans un objet flash. Pour autoriser les applications flash à accéder à vos données il faut créer un fichier sur le site contenant les données. Ce fichier est le crossdomain.xml.
163
GuppY
Je conseillerais de créer un fichier cossdomain autorisant son propre site cela permetrat de ne pas se poser de questions sur la structure des adresses à donner lors de la création de l'objet flash
<?xml version="1.0"?><cross-domain-policy> <allow-access-from domain="mon_domaine" /></cross-domain-policy>
Pour autoriser tous les domaines on peut remplacer mon_domaine par * mais pour des raisons de sécurité je déconseille l'accès total. Si un webmestre est intéressé il vous contactera de lui même pour ajouter son adresse à son fichier.
D'origine GuppY ne donne pas de crossdomain.xml cela correspond à ne rien autoriser. Ce fichier peut être intéressant pour certains plugins utilisant des objets flash.
L'absence de crossdomaine peut être contournée par des script php mais en général les personnes utilisant cela éviteront cette solution car elle ralentit l'affichage de son propre site.
Les annuaires
Vous trouverez une grande quantité d'annuaires de sites sur Internet, ne vous attendez pas à un retour énorme, mais pensez à vous positionner sur ceux de votre domaine et les gratuits. En ajoutant ainsi les liens vers votre site, vous augmentez les chances de référencement rapide.
Supprimer son site des moteurs
Nous avons vu comment référencer un site mais certaines personnes ne souhaitent pas paraître dans les moteurs.
Pour exclure une partie et/ou la totalité de votre site Web, il faut placer le fichier robots.txt au niveau racine de votre serveur. Pour empêcher l'indexation de votre site par tout service de recherche, votre fichier robots.txt doit contenir
164
Référencer votre site dans les moteurs de recherche
l'instruction suivante :
User-Agent: *Disallow: /
Ce système standardisé est respecté par la majorité des robots. Lorsqu'ils lisent cette instruction, ils n'incluent pas le site web dans leur index.
Dans les meta, on peut aussi donner une indication de non indexation en choisissant :
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
Certaines autres techniques permettent de ne pas être mis en cache par google, de ne pas indexer les images, voire de ne pas mémoriser d'extraits de site. Mais pour cela, une recherche sur votre moteur préféré vous permettra de trouver ces techniques de non référencement.
Aller plus loin
Les URL Significatives (URL Rewriting)
L'URL Rewriting est possible avec GuppY, Mais il faut oser toucher au code PHP. Cette option n'est pour l'instant pas proposée de base pour des raisons techniques. Il est en effet difficile de distribuer un système de réécriture fonctionnant chez tous les hébergeurs.
Les URL dites Significatives sont des adresses de pages venant se substituer aux pages php générées par GuppY. Par exemple index.php?lng=fr sera remplacé par accueil-fr.html.
On peut ainsi plus facilement retenir l'adresse de la page. Elle
165
GuppY
est plus élégante pour le visiteur, et pour certains CMS permettent un meilleur référencement.
GuppY n'utilisant pas beaucoup d'arguments dans ses adresses php le gain pour votre référencement sera faible. Faible car les moteurs de recherche comme Google, Yahoo, ... savent suivre et référencer les pages de sites crées avec GuppY,
Le sujet étant complexe il ne sera que vu superficiellement dans ces pages, le site de référence pour l'URL Rewriting étant http://www.guppyzine.org qui explique comment arriver à votre but.
L'URL Rewriting nécessite du temps, ne vous lancez pas dans cette aventure si vous êtes pressés vous ne pourrez alors que être déçu.
Le principe : Le visiteur appelle une page avec une URL donnée. Le serveur Interprète grâce à des règles et affiche la page correspondante.
Savoir si son hébergeur accepte la réécriture : Les règles venant se placer dans le fichier .htaccess (que nous utilisons déjà pour les pages d'erreur) il faut modifier celui-ci et y ajouter :
Options +FollowSymlinks
RewriteEngine on
RewriteRule ^accueil.html$ index.php [L]
Appelez ensuite votre page en ajoutant accueil.html à la fin de l'adresse.
2 Solutions :
● Rien ne se passe : Votre hébergeur n'accepte pas cette fonction. Deux alternatives se posent alors, soit vous changez d'hébergeur, soit vous abandonnez ce projet de réécriture de votre site.
166
Référencer votre site dans les moteurs de recherche
● Cela fonctionne : vous avez ouvert la boite de pandore et vous pouvez vous lancer dans la réécriture de votre site.
Les googles webmaster tool
Vous les trouverez à l'adrese : http://www.google.com/webmasters/
Ces outils sont une base pour optimiser vos sites, les rendre plus visibles sur internet, et répondre à des problématiques précises comme l'hébergement de vidéos.
● L'état du site : Permet de voir si Google rencontre des soucis pour référencer votre site.
● Outils pour le webmestre : Permet de déclarer votre sitemap, voir si il est bien lu, ,,,
● Envoi de votre contenu à Google : pour déclarer l'adresse d'un site, faire héberger une vidéo, ,,,
● Blog Google : si vous avez choisi GuppY vous n'aurez pas besoin de cela.
● Groupe d'entraide pour webmestre : Ce groupe va vous permettre en cas de souci d'indexation de poser des questions et avoir des pistes de recherche.
● Centre d'aide des webmestre : Aide spécialisée sur les ourits Google.
Les autres moteurs de recherche
Google n'est pas le seul moteur de recherche pensez à vérifier votre placement sur Yahoo et MSN. En général un bon référencement Google suffit à ne pas être trop mal placé sur les autres moteurs, mais ce n'est jamais certain. La documentation sur le référencement MSN et Yahoo est moins importante sur internet et plus difficile à trouver du même coup.
Ces sites ont comme google une page permettant d'inscrire un
167
GuppY
site, demander une revisite après changement profond de sa structure, ...
Pour Yahoo cela se passe ici :
http://help.yahoo.com/l/fr/yahoo/url/
Pour MSN :
http://help.live.com/help.aspx?project=wl_webmasters&mkt=fr-FR
168
L'accessibilité
Chapitre
14
L'accessibilitéL'accessibilité
Définition
L'accessibilité du Web, c'est, selon Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web : «Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »
169
GuppY
Recommandations pour le contenu
Voici certaines recommandations résumées avec leurs applications dans GuppY :
Fournir des alternatives équivalentes au contenu auditif et visuel.
Pensez aux balises de description pour les images, vidéos et extraits sonores. En effet, dans les éditeurs de GuppY, on peut entrer des descriptions définissant le contenu pour l'insertion d'images. On pense souvent aux déficients visuels, mais les personnes déficientes auditives aussi surfent sur Internet et auront du mal à comprendre un extrait audio ou vidéo sur votre site.
Utiliser le balisage et les feuilles de style, et cela de façon appropriée.
Cela se fait en utilisant des feuilles de style CSS dans la skin du site.
170
L'accessibilité
Créer des tableaux qui se transforment de façon élégante.
Pour cela les tableaux doivent être créés avec ce qu'on appelle des « div ». Les éditeurs de GuppY tentent de les créer, mais il faut parfois les reprendre (relire leur code html) pour être 100% compatible.
S'assurer que les pages qui contiennent de nouvelles technologies se transforment de façon élégante.
On peut penser là aux JavaScript insérés dans la page. Ceux d'origine sont conçus pour être désactivés si les JavaScript sont inactifs. On peut le voir avec les menus latéraux.
Assurer un accès direct aux interfaces utilisateur intégrées.
Cela est maintenant possible dans la gestion du profil en sélectionnant la coche : Mini-éditeur simple (non WYSIWYG) qui permet de participer au forum plus facilement.
Conception respectant l'indépendance par rapport au périphérique.
Cela est réalisé grâce à l'adaptation aux PC, PDA, smartphones, téléphones, etc. Cette indépendance est bénéfique aussi pour l'accessibilité du site.
S'assurer que les documents sont clairs et simples.
Lors de vos rédactions, utilisez les styles H1 H2, ... pour vos paragraphes. Cela en facilite la lecture en plus de faciliter leur mise en forme grâce aux CSS de votre skin.
Informations légales
Dans certains cas les sites web se doivent d'être accessibles, c'est le cas notamment pour les sites de communes, qui se
171
GuppY
doivent de créer des sites accessibles aux personnes souffrant d'un handicap.
Conclusion
Il faut tenir compte de l'accessibilité dès la création d'un site web. Cela demande un effort. Cet effort peut être considéré comme une démarche citoyenne, même si vous n'êtes pas obligé de le faire. Tentez de vous y tenir car, au bout du compte, c'est un atout.
On peut se demander ce que cela rapporte bien entendu. Je dirais la fierté du beau travail, mais pas seulement. Cela apporte aussi un bien meilleur référencement, car en commentant vos vidéos et photos, les robots qui lisent vos pages peuvent connaître le contenu des images et mieux indexer votre page. Être accessible permet une lisibilité par tous et une meilleure visibilité sur Internet.
C'est un point important dans la réalisation d'un site quel qu'en soit le sujet.
172
L'accessibilité
Chapitre
15
FAQ (Si des questionsFAQ (Si des questions subsistent)subsistent)
Cette FAQ reprend les questions trouvées sur le forum de FreeGuppY. Elles ne vous seront pas toutes utiles (enfin espérons le) mais cela représente déjà une première bouée à laquelle vous accrocher. Tous les sujets ne sont pas abordés car beaucoup de réponses se trouvent déjà dans ce livre.
Administration
J'ai le message : "ERREUR ! Cette option n'est pas encore implémentée !"
Cela arrive souvent quant une page n'est pas trouvée dans l'administration. Vérifiez par FTP que tous les fichiers sont bien présents.
173
GuppY
Mes modifications ne sont pas prises en compte.
Vérifiez les droits (CHMODS) du dossier data pour les textes et configurations et le dossier skin pour les paramétrages graphiques.
Je n'arrive pas à afficher un flux RSS ou mon flux RSS ne peut pas être lu.
Certains hébergeurs bloquent les flux RSS vérifiez que le votre les accepte.
Mon site est bloqué en mode maintenance
Téléchargez en local le fichier data/config.inc et modifiez $serviz[44] (Mise en maintenance du site) de façon a avoir sur la ligne : $serviz[44] = stripslashes(""); Renvoyez ce fichier sur votre site pour la prise en compte ce cette nouvelle configuration.
Mon site à été piraté.
Chose rare il arrive qu'un site soit la cible de personnes ayant de mauvaises intentions. Vérifiez votre version de GuppY, patchez, nettoyer les dossiers de votre site et tenez vous au courant des mises à jours en vous inscrivant à la lettre d'information.
174
L'accessibilité
Tout mon contenu à disparu
Vérifiez que vous aviez bien supprimé le dossier install, si non supprimez le et renvoyez en ligne une sauvegarde de votre dossier data.
Mon site est lent que faire.
Vérifiez la taille des images utilisées, car des images ou vidéos en trop grand nombre ralentissent le site. Redimentionnez donc les images et évitez les vidéos se lançant à l'affichage.
Forum
Clôturer un sujet du forum :
Pour clôturer un sujet il faut soit être l'initiateur enregistré de la discutions soit être le webmestre connecté au site.
Remonter un sujet
il faut soit être l'initiateur enregistré de la discutions soit être le webmestre connecté au site. L'administrateur défini combien de temps un sujet est remonté si c'est un visiteur ou l'administrateur qui demande cette remontée.
Articles
Quel est le nombre maximum d'articles.
Il n'y a pas de limites. Des sites avec du trafic et 300
175
GuppY
à 500 articles tournent très bien.
Retirer les dates de créations et modifications des articles
Dans articles.php modifiez : <p style="font-size:smaller"><?php echo $web95; ?> <b><?php echo $txtart5 ; ?></b><br /> <?php echo $web20; ?> <b><?php echo $txtart4 ; ?></b><br /> <?php echo $web21; ?> <b><?php echo $txtart3; ?></b> <?phppar : <p style="font-size:smaller"><?php /* echo $web95; ?> <b><?php echo $txtart5 ; ?></b><br /> <?php echo $web20; ?> <b><?php echo $txtart4 ; ?></b><br /> <?php echo $web21; ?> <b><?php echo $txtart3; ?></b> <?php */ Les caractères /* et */ délimitent une partie mise en commentaire pour ne plus être interprétés.
Membres
Perte de mot de passe Utilisateurs
Si vous avez beaucoup d'utilisateurs je conseillerais de supprimer le nom d'utilisateur par l'administration et laisser l'utilisateur recréer le compte.Si vous avez peu de membres et pouvez prendre du temps, télécharger dans le dossier data / usermsg le fichier ayant le nom du pseudo. Éditez le dans un simple éditeur de texte. Les premiers caractères sont le mot de passe de l'utilisateur. Ce fichier contiens aussi les discutions des utilisateurs, attention ces discutions sont privées, ne vous amusez pas à les
176
L'accessibilité
lire sans l'accord du membre.
Skin
Comment modifier un skin vérouillé
Dans le dossier skin / « votre skin » prenez le fichier skin.inc et modifiez : $mod_css = "off"; si ce paramètre est à off la modification est interdite, il suffit de le passer à on. Attention modifier la CSS d'une skin nécessite de bonnes connaissances de la feuille de style de GuppY.
177
GuppY
178
Ouverture vers les autres CMS
Chapitre
16
Ouverture vers d'autresOuverture vers d'autres CMSCMS
Nous avons découvert GuppY mais d'autres produits existent qui font eux aussi de la gestion de contenu.
Définition
Les systèmes de gestion de contenu ou CMS (de l'anglais Content Management System), sont un type de logiciels de création et de diffusion dynamique de site Web.
Ils doivent permettre à plusieurs personnes de travailler sur un même document. Ils permettent de séparer le contenant de la gestion du contenu.
Je vais vous présenter ici différents types de CMS. Certains peuvent faire partie de plusieurs familles.
Les Blog
Les plus connus et populaires des sites actuels. Leur essor est
179
GuppY
dû à leur simplicité apparente. Qui n'a pas dans sa famille une personne qui fait un blog, ce type de journal où tout visiteur peut commenter les billets qui y sont postés ?
Leur utilisation actuellement s'étend de plus en plus aux blogs d'entreprises, blogs politiques, ... qui permettent une certaine proximité de terrain, et une interactivité forte pour promouvoir des idées.
Les WIKIS
Le WIKI est un espace de travail communautaire. Le plus connu des wikis est Wikipédia. Il contient une énorme quantité d'informations mise à jour par des internautes.
Le wiki permet en général de partager des bases de connaissances dans un domaine ou sur un projet. Il permet aussi de
voir l'historique d'un document pour voir les évolutions qui y ont été apportées.
Les Portails
Un portail Web est une structure web qui ouvre une porte unique sur un ensemble de ressources et/ou services (forum, recherche, ...) centrés sur un domaine d'activité ou une communauté particulière.
Les institutions sont friandes de portails. En général vous pouvez vous y enregistrer pour accéder à un contenu spécialisé destiné aux personnes intéressées pas le site.
GuppY est un portail. Il permet de gérer votre communauté grâce à un portail et de lui donner les moyens de participer à la vie en commun grâce à ses services.
Les Frameworks
Derrière ce terme barbare, la langue française nous donne le
180
Ouverture vers les autres CMS
terme de « cadre d'applications ». Un framework fournit des fonctions facilitant la création de tout ou partie d'un système de site web ainsi qu'une architecture pouvant être personnalisée par modules.
Ces éléments sont destinés aux experts en développement. Cela correspond, si on prend une image, à une voiture où on ne met que le moteur : à vous de sélectionner et assembler les pièces qui vont autour pour créer une voiture à votre image. Il est important alors d'avoir un cahier des charges précis de ce que l'on souhaite pour ne pas se retrouver face à une machine indomptable et inadaptée.
Quelques CMS représentatifs
Voici quelques noms de CMS permettant de découvrir le choix disponible. Ils sont les plus connus, par moi, mais il existe tellement de projets qu'il est impossible d'en faire une liste exhaustive.
Nom Type SitePortix Framework http://portix2.beNPDS Portail http://www.npds.orgJoomla Portail http://www.joomlafrance.org
/Mambo Système de
publication / Portail
http://www.mambo-foundation.org/
Xoops Portail http://www.frxoops.org/
181
GuppY
Plume CMS Système de publication
http://pxsystem.sourceforge.net/fr/
SPIP Système de publication
http://www.spip.net/fr
Apache Lenya
Framework http://lenya.apache.org/
Choisir son CMS
Il n'y a pas un CMS idéal mais des utilisations différentes avec des outils adaptés. Ce qui signifie que vous entendrez des personnes qui conseillent l'un ou l'autre outil avant même de savoir ce que vous souhaitez faire. Attention, le choix d'un CMS est difficilement réversible par la suite. Il est important d'en tester plusieurs, avant de se lancer dans un projet. Je conclurais en disant que le CMS idéal est le vôtre si vous en êtes satisfait.
182
Logiciels utilisés pour ce livre
Chapitre
17
Logiciels utilisés pour ceLogiciels utilisés pour ce livrelivre
Pour écrire un livre on utilise l'outil informatique. Écrire un livre libre sur un logiciel libre ne pouvait se faire sans rester totalement libre. J'ai utilisé des logiciels libres. Certains sont très connus, d'autres moins. Je tiens à les lister pour remercier leurs auteurs et contributeurs.
7zip 7zip est un puissant logiciel d'archivage. Vous le trouverez sur le site : http://www.7-zip.org/fr/ Ce logiciel existant en 63 langues supporte de nombreux formats : * Compression et décompression: 7z, ZIP, GZIP, BZIP2 et TAR * Uniquement décompression: RAR, CAB, ISO, ARJ, LZH, CHM, Z, CPIO, RPM, DEB et NSIS
183
GuppY
Cette flexibilité et sa puissance en font selon moi un outil indispensable pour extraire ou créer des archives de données.
Open Office Suite bureautique que l'on ne présente plus. Vous la trouverez sur le site : http://fr.openoffice.org/Open Office mérite de s'y attarder un peu. Véritable suite bureautique avec une installation simple. Vous créez/ouvrez n'importe quel document. Son interface est familière pour les personnes habituées aux suites bureautiques communes. Elle présente une grande facilité de prise en main et d'utilisation.Les documents gérés sont nombreux : Microsoft Word 6, 95, 97, 2000, XP ; DocBook ; EMR ; EPS ; Mac PICT ; Windows Metafile / Bitmap ; GIF ; JPEG ; PBM ; Kodak Photo CD ; PNG ; Adobe Photoshop ; Targa ; TIFF ; HTML ; MathML ; text.Cette suite multiplateforme permet de toujours pouvoir utiliser ses documents, aussi bien avec linux qu'avec des systèmes propriétaires tel MacIntosh ou Windows.
FileZillaC’est le client FTP. Vous le trouverez sur le site : http://filezilla.sourceforge.net/Son interface propose tout ce dont nous avons besoin pour le transfert de fichiers :
• éditeur de connexion,
• connexion par protocole SSH,
• répertoire de liens déjà visités,
• compression des données en cours de chargement (accélère la vitesse de transfert),
• réglage de la bande passante,
• double fenêtre paramétrable type explorateur (à gauche votre disque dur et à droite l’ordinateur distant).
184
Logiciels utilisés pour ce livre
FramakeyLa Framakey est pour moi un formidable outil de mobilité. Vous la trouverez sur la site : http://www.framakey.org La Framakey est une compilation de Logiciels Libres pour Windows, prêts à l’emploi sur clef USB qui facilite la vie des utilisateurs nomades. Cela me permet de retrouver mes outils sur toutes les machines, dans les cyber-cafés, chez des amis, ... Cela permet aussi de montrer des logiciels libres sans les installer.
Zazou Mini Web ServerZMWS est un serveur web portable.Vous le trouverez sur le site :http://www.zmws.com/Ce serveur très utile pour les démonstrations publiques non connectées à Internet permet de tester en local ou projeter à une assemblée un site Internet en PHP.
FirefoxLe navigateur Internet dont tout le monde à entendu parler.Vous le trouverez sur le site : http://www.mozilla-europe.org/fr/products/firefox/J'utilise depuis des années ce navigateur et les captures présentes sur ce site sont toutes faites à partir de Firefox.
extensions screengrab pour les captures
Pour créer mes sites, j'utilise des extensions comme webdevelopper ou firebug. Pour ce livre, j'avais besoin de captures et le salut est venu de screengrab qui facilite grandement cette tâche. Plus besoin de reprendre dans un éditeur d'images pour rogner et re-dimensionner, cette extension permet une capture facile de zones de site web.
GimpLe logiciel de retouches d'images.Vous le trouverez sur le site : http://www.gimp-fr.orgAvec Blender, Inkscape, Krita, Scribus et bien sûr Gimp, le
185
GuppY
domaine des retouches d'images est important dans le logiciel libre. Gimp m'a permis de reprendre certaines captures pour les améliorer afin qu'elles soient plus accessibles.
GuppYL'objet même de ce livre.Vous le trouverez sur le site : http://www.freeguppy.orgJe ne le représenterais pas ici, vous venez de lire près de 186 pages sur ce logiciel !
DIAQue seraient les diagrammes sans DIA ?Vous le trouverez sur le site : http://www.gnome.org/projects/dia/
On dit qu'une illustration vaut mieux que des mots, DIA permet de façon simple de gérer des diagrammes. Il permet surtout d'en faire des images simplement utilisables dans un livre comme ici.
186
Glossaire
GlossaireGlossaireAcronyme récursif : forme d'acronymie qui fait appel à la récursivité et plus précisément à l'auto-référence. On parle aussi d'autonymie. Voir Wikipedia pour plus d'informations.
Avatar : C'est votre représentation iconographique sur un site Internet, un forum. C'est avant cela l'incarnation terrestre de Vishnou.
Balise : Utilisé en langage html, xml, et autres langages informatiques pour la délimitation d'un groupe de mots ayant une propriété commune. Exemple en HTML <b> mots </b> délimitent les mots en gras.
Balise masquée : code HTML permettant d'utiliser un texte non affiché sur la page.
Balise méta : Balises non visibles par le visiteur insérées dans l'entête d'une page permettant de donner des informations sur la page (auteur, description succincte, etc.)
BATCH : Fonctionnement par file : les instructions ne sont pas effectuées immédiatement, mais d'abord regroupées dans la file puis exécutées en un bloc.
CHMOD : Désigne une instruction par laquelle on modifie les autorisations attachées à un document. Pour limiter la lecture,
187
GuppY
l'écriture ou l'exécution.
CSS : (Cascading Style Sheet) Les feuilles de style en cascade permettent la constitution de pages web mieux présentées, séparant proprement le contenu du contenant.
CMS : Content Management System : Système de gestion de contenu aussi nommés (PGC) progiciels de gestion du contenu. Ils permettent de gérer le contenu d'un site web sans avoir à écrire de code HTML.
Criticité : Degré de gravité d'un fait ou d'un état.
Div : Balise HTML permettant la mise en forme en tableaux.
Email : Electronic Mail. Désigne des messages échangés entre des utilisateurs par le moyen d'Internet.
Email PHP : Utilisation d'une fonctionnalité du langage PHP permettant d'envoyer un email sans passer par un logiciel sur l'ordinateur du visiteur.
Framework : Squelette d'application qu'il suffit de remplir pour l'adapter à ses besoins.
FTP : Le File Transfer Protocol (protocole de transfert de fichiers) est un protocole de communication pour l'échange informatique de fichiers. Il permet, depuis un ordinateur, de copier des fichiers, d'administrer un site web, et cela dans les 2 sens de communication (PC serveur ou serveur PC).
GNU : Système d'exploitation proche d'Unix, dans le domaine public, développé par ses utilisateurs.
GuppY : Le guppy (Poecilia reticulata) est un poisson d'eau douce tropicale. C'est aussi le nom du CMS présenté dans ce livre.
Hackers : Utilisé à tort pour désigner un pirate informatique. Un hacker désigne un virtuose pouvant intervenir dans différents domaines. Un hacker va vous dire « attention j'ai trouvé une faille dans votre système » mais il ne va pas l'utiliser. Le pirate c'est celui qui va vider, effacer ... votre site sans prévenir.
188
Glossaire
HTML : HyperText Markup Langage. Langage conçu pour créer des pages Web, il utilise une structure balisée permettant la mise en forme du texte.
ID : Identité du document. Numéro permettant de rechercher le fichier contenant un élément dans la base de données de GuppY.
Javascript : langage de script principalement utilisé dans les pages HTML.
Kiss : Slogan de GuppY qui signifie Keep It Small and Simple - littéralement "Gardons-le petit et simple".
Méta tag : Balises HMTL qui contiennent des mots clés, dans le but du référencement par un moteur de recherche.
Meta Reply-to : Balise HTML contenant l'email du webmestre, il est conseillé de ne pas la remplir.
Netiquette : Assemblage de Net et Etiquette. Ensemble de règles non officielles de bonne conduite sur Internet.
PHP : acronyme récursif de PHP: Hypertext Preprocessor, c'est un langage de scripts libre utilisé pour être exécuté par un serveur.
Plugin : module enfichable permettant d'ajouter une fonctionnalité.
Popup : Souvent utilisés dans les pages Web pour afficher des publicités.
Pourriel : Formé par la contraction de « courriel pourri », et désignant le spam.
Robots : dispositif accomplissant automatiquement des tâches.
RSS : Really Simple Syndication (« souscription vraiment simple ») est un format de syndication de contenu Web, codé en XML.
Script : Ensemble de commandes écrites dans un langage interprété.
189
GuppY
Serveur PHP : Ordinateur muni d'un serveur web interprétant le langage PHP.
Slogan : phrase facilement énoncée et retenue.
Smartphone : Téléphone portable qui offre des fonctionnalités d'assistant personnel.
Spam : mot désignant les courriers électroniques de masse, sans sollicitations des destinataires, à des fins publicitaires ou malhonnêtes.
Streams : Équipe formée, pour accomplir une tâche dans une organisation.
Upload : Opération de transmission de fichiers d'un système local (client) à un système distant (serveur).
URL : Adresse Internet reconnue par les navigateurs.
XML : (Extensible Markup Language / langage de balisage extensible) est un standard qui sert de base pour créer des langages balisés spécialisés.
Web : simplification de World Wide Web, littéralement la « toile mondiale », est un système sur Internet et qui permet de consulter, des pages de contenu.
Webmestre : francisation de l'anglais webmaster.
zip : Fichiers obtenus après compression par un logiciel utilisant un algorithme précis.
190
Glossaire
Index lexical7zip..........................30, 183Accueil ...........................54Adm_Membres..............138Adm_Redacteurs...........139administrateur........118, 151administrateurs..............119administration..................39Administration rapide....102agenda..............................90AjouteMenu...................133annuaires........................164Apache Lenya................182Archivage........................59archive...........................150articles.............................75Articles..........................175association.......................28B2I.................................156bannières..........................81base de donnée..............150blog..................................91Blog...............................179boîte.................................77boîtes.......................81, 114BY.....................................2C....................................121cache..............................150charte...............................56CHMOD........................187
CHMODS................35, 174citations...........................82CMS............18 sv, 181, 188Collaborateurs...............118commentaires .................91Compteurs...............83, 150Configuration..................44Contrôle d'intégrité..........64Criticité .........................188crossdomain...................163CSS. .107, 121, 123 sv, 156, 170 sv, 188DIA................................186Diaporama.....................134Div.................................188Droits...............................61Dupliquer.........................75EasyPHP..........................30Écrire...............................74éditorial............................70Email.............................188emails..............................85enseignants....................156ERP..................................16ERREUR.......................173FAQ.................................79Fckeditor........................102fichiers.............................89FileZilla...................33, 184
191
GuppY
Firefox...........................185flash.................................99Flash......................100, 163forum.........................59, 80Forum......................55, 175Framakey.......................185Framework............181, 188Frameworks...................180FTP..........................33, 188G Sitemap......................135Gimp..............................185GNU..............................188graphisme......................106gras..................................93GuppY...........................188GuppYLand...................127GuppYTeam....................25Hackers..........................188Hébergement...................31Hébergement dédié..........31Hébergement dédié virtuel.........................................32Hébergement en propre...32Hébergement mutualisé...32htaccess..........................142HTML............................189hypertexte........................95ID...........................151, 189image...............................98index.php.......................125installation...............38, 143italique.............................92Javascript.......................189
Joomla...........................181Kiss................................189KISS..................................1La Migration....................21Lamp................................30lettres d'informations.......85libres................................81lien...................................95liens.................................79Linux...............................30liste..................................94livre d'or..........................80logiciel libre.....................17Logs.................................88look................................107Mac..................................30maintenance...................174Maintenance....................65Maintenir.......................132Mambo..........................181Mamp..............................30membres..................59, 138Membres........................176messages........................150Meta...............................189META.......................160 svMettre à jour..................148MiniGuppY.................30 svminiPortail.........................9mise en forme..................92Mises à jour.....................21modérateurs...................119Modifier...........................75
192
Glossaire
Mot de passe............63, 145Netiquette......................189Nettoyer.........................148newsletter........................85no_skin..........................108nouvelles..........................73NPDS.............................181Open Office...................184photos..............................77PHP...........................189 svpied de page.....................82Plugin............................189plugins...........................156Plume CMS...................182Popup.............................189Portail............................181Portails...........................180Portix.............................181Pourriel .........................189réactions..........................77Recommander..................82rédacteurs..............118, 139Référencer.....................159Robot.............................161Robots............................189RSS............87, 91, 174, 189SA......................................2Sauvegarder...................148Script.............................189Sécuriser .......................141Serveur..........................190services............................48sitemap..........................162
skin................................123Skin........................121, 177skins...............................156Slogan............................190Smartphone....................190sondage............................81souligné...........................93Spam .............................190spéciale............................77SPIP...............................182statistiques.......................84Streams..........................190style...............................115styles................................93Supprimer........................75tableaux...........................96téléchargements...............78thèmes............................106Total Ban.......................136trait..................................96Travaux............................65tyle.................................115Upload...........................190URL...............................190URL Rewriting..............165versions............................20vidéo................................98W3C..............................169Wamp..............................30wapimode......................137web....................................1Web...............................190Webmestre.....................190
193
GuppY
webmestres....................119WIKIS...........................180Windows..........................30XML..............................190
Xoops............................181Zazou Mini Web Server 185zip..................................190
194
![[Aviation] SNS-2 GUPPY Ultralight Plans](https://img.pdfslide.us/doc/110x75/5571f37249795947648e0942/aviation-sns-2-guppy-ultralight-plans.jpg)
