FOAD TICE Installation locale de JOOMLA SEPIA Académie de Reims FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/
Table des matières Objectifs 5 Introduction 7 I - Préparer le serveur web local WampServer 9 A. InstallerWampserver...9 B. Activer le serveur Web et choisir la langue...11 II - Mise en place de JOOMLA sepia 13 A. Placer les fichiers JOOMLA...13 III - Restaurer les données 15 IV - Accéder au site 19 V - Exercice 21 Conclusion 23 3
Objectifs Les objectifs généraux de la séance Administrateur : CMS JOOMLA sont de vous permettre de mettre en place et de gérer un site JOOMLA identique à ceux proposés par le Rectorat de Reims du serveur SEPIA. Par souci de simplicité et de facilité dans vos essais, vous travaillerez sur un site entièrement fonctionnel sur votre machine sans nécessité d'un hébergement sur Internet. Nous supposerons que vous savez déjà ajouter du contenu à un site JOOMLA de base comme cela vous est montré dans la partie de la formation Rédacteur : publier dans un CMS JOOMLA. Dans le présent chapitre, les objectifs immédiats proposés sont : installer un logiciel simulant un hébergement internet avec interpréteur php et base mysql sur votre machine, placer les fichiers d'un JOOMLA sepia dans le dossier de l'hébergement local, restaurer une base de données type pour SEPIA. 5
Introduction Avant de commencer les séances "Administrateur : CMS JOOMLA", il est indispensable d'avoir suivi les séances "Rédacteur : Publier dans un CMS JOOMLA". Les CMS (Content Managment System ou systèmes de gestion de contenu) comme JOOMLA mis en place par des utilisateurs avertis (webmestres, administrateurs du site) permettent à des rédacteurs sans qualification informatique particulière d'ajouter facilement du contenu à un site web. Dans un CMS, un simple navigateur Internet permet de fabriquer et de tenir un site à jour, grâce à une interface très simple d'utilisation. La plupart des CMS fonctionne avec des fichiers écrits en langage informatique php. Cependant, il est inutile pour ce qui nous concerne de connaître ce langage, sachez simplement que leur extension est.php comme par exemple index.php. Ils sont constitués, la plupart du temps, d'un ensemble de fichiers et d'une base de données. Pour vous former à l'administration d'un site JOOMLA, vous travaillerez sur votre machine sans qu'il vous soit nécessaire d'avoir une connexion Internet. Pour cela, vous utiliserez des logiciels comme WampServer, EasyPhp ou Vertrigo, qui vous permettent de reproduire sur votre machine, le fonctionnement de serveurs web. A la fin de cette séance, vous serez capable de : - installer, sur votre machine, un serveur web qui interprète le langage Php et gère les bases de données MySql, - mettre en place l'ensemble des fichiers nécessaire, - créer une base de données et restaurer les tables d'une base de données, - accéder au site JOOMLA mis en place pour une première utilisation. 7
Préparer le serveur web local WampServer Pages web html Internaute : Navigateur ne sait interpréter que du html html? Php? Serveur internet html Renvoie simplement les pages stockées Serveur internet et Php : Interprétation du php et création de pages html Schéma montrant l'interprétation des requêtes php d'un navigateur par un serveur Php 8
Préparer le I - serveur web local WampServer I A. InstallerWampserver Dans cette partie, vous installez le logiciel Wampserver. WampServer est une plate-forme de développement Web sous Windows. Il vous permet de développer des applications Web dynamiques à l'aide du serveur Apache2, du langage de scripts PHP et d'une base de données MySQL. C'est cette application qui nous permettra de simuler un serveur web dynamique dans lequel nous placerons notre CMS JOOMLA. Wampserver est un projet libre (opensource) en perpétuelle évolution. Vous pouvez télécharger Wampserver dans la version web de ce document ou sur le site http://www.wampserver.com Si vous avez télécharger le logiciel Wampserver compressé, décompressez tout d'abord ce logiciel. Vous disposez du fichier WampServer2.0i.exe Pour l'installer, double-cliquez sur ce fichier : l'installation commence. Répondez aux différents écrans en prenant tous les choix par défaut. 9
Préparer le serveur web local WampServer Installation de Wampserver, première partie Le huitième écran d'installation vous propose de désigner votre navigateur par défaut. Vous pouvez laisser le choix proposé (Internet Explorer) ou choisir votre navigateur préféré dans l'explorateur. Installation de Wampserver : choix du navigateur L'installation se termine et lance Wampserver. 10
Préparer le serveur web local WampServer Fin de l'installation de Wampserver Après l'installation, vous pouvez constater dans la barre des services, en bas à droite de votre écran, la présence de l'icône de Wampserver. Image 1 Icône de Wampserver dans la barre des services B. Activer le serveur Web et choisir la langue Fondamental Attention, pour le moment, Wampserver est lancé mais ne fonctionne pas complétement. Si vous placez la souris sur l'icône, vous constatez que le serveur est inactif (Offline) Image 2 Wampserver Offline 11
Préparer le serveur web local WampServer Pour l'activer, cliquez sur l'icône et choisissez Put Online. Image 3 Wampserver Online Le serveur est prêt à fonctionner, il nous reste à installer JOOMLA. Conseil Pour afficher en français : cliquez avec le bouton droit de la souris sur l'icône Wampserver de la barre des services, sélectionnez Language et activez French. un clic sur l'icône vous montre le menu en français maintenant. Image 4 Wampserver, choix de la langue 12
Mise en place de II - JOOMLA sepia II A. Placer les fichiers JOOMLA Dans cette partie, vous placez les fichiers de CMS JOOMLA dans le dossier www de WampServer. JOOMLA est composé d'un ensemble de fichiers qu'il faut placer au préalable dans l'espace, le dossier qui nous est réservé chez notre hébergeur, en l'occurrence, c'est Wampserver qui nous servira d'hébergeur local. Téléchargez le fichier compressé des fichiers et dossiers JOOMLA sepia dans la version web de ce document ou dans la partie Fichiers à télécharger de cette séance. Décompressez tout d'abord le fichier fichiers.zip. Vous obtenez un dossier nommé fichier fichiers. Ouvrez le dossier décompressé : vous découvrez l'arborescence ci-contre, constituée de plusieurs dossiers et fichiers (si vous découvrez dans le premier dossier fichiers, un deuxième dossier fichiers, ouvrez ce dernier dossier). Image 5 Fichiers et dossiers joomla sepia 13
Mise en place de JOOMLA sepia Sélectionnez l'ensemble de ces fichiers et dossiers et copiez-les. Cliquez sur l'icône de Wampserver dans la barre des services en bas à droite de votre écran et choisissez Répertoire www. L'explorateur s'ouvre sur ce dossier. Image 6 Répertoire www Supprimez le fichier index.php qui se trouve dans ce dossier et collez l'ensemble des fichiers de JOOMLA. Chemin pour placer les fichiers 14
Restaurer les III - données III Pour finir l'installation, vous devez créer une base de données nommé joomla et y restaurer les tables contenant tout le contenu. Télécharger tables.zip dans la version web de ce document ou dans la partie Fichiers à télécharger de cette séance. Décompressez le fichier tables.zip. Vous obtenez le fichier tables.sql. L'application logiciel qui va vous permettre de manipuler les bases de données avec WampServer (et avec bien d'autres hébergements) s'appelle phpmyadmin. Pour l'ouvrir, cliquez sur l'icône de Wampserver dans la barre des services en bas à droite de votre écran et choisissez phpmyadmin. Le navigateur s'ouvre sur cette application. Image 7 Ouvrir phpmyadmin Pour créer la base de données qui va recevoir les tables de notre joomla, saisissez joomla dans le champ Créer une base de données et cliquez sur le bouton Créer. 15
Restaurer les données Créer la base joomla La base est créée et son nom s'affiche dans la colonne de gauche. Pour y ajouter les tables, cliquez sur son nom dans la colonne de gauche. La fenêtre de gestion de la base joomla s'ouvre : choisissez Importer, parcourez pour sélectionner le fichier tables.sql que vous avez décompressé précédemment, cliquez sur le bouton Exécuter en bas à droite. Exécuter tables.sql Les tables sont créées et apparaissent dans la colonne gauche. Fermez le navigateur. 16
Accéder au site IV - IV Joomla sepia est désormais installé sur votre machine, nul besoin d'être connecté à Internet, tous les essais sont possibles! Il est prêt pour que vous l'utilisiez dans le chapitre suivant "Administrer son site sous Joomla sepia". Pour y accéder, cliquez sur l'icône de Wampserver dans la barre des services en bas à droite de votre écran et choisissez en haut de la liste localhost. Joomla sepia s'ouvre. Pour accéder à l'administration, il vous suffit d'ajouter /administrator Image 8 Accéder au site derrière localhost dans la barre d'adresses de votre navigateur et validez par la touche Entrée du clavier. Attention Le login pour accéder votre espace privé est webmaster avec le mot de passe webmaster Joomla sepia 17
V - Exercice V Envoi des images du site public (frontend) et du site privé (backend) Copiez les écrans de vos espaces public et privé (touche Impr ecran du clavier), collez les images d'écran dans un logiciel de traitement d'image (Photofiltre, Gimp, Paint etc), enregistrez ces images au format jpg et placez-les dans le dossier à votre nom de l'espace partagé http://dialog.ac-reims.fr/espaces (créez ce dossier si besoin dans formations-tice, Formations à distance 20xx-20xx+1, Formation CMS) Prévenez votre formateur grâce au module de messagerie de l'interface Pleiad. 19
Conclusion L'installation sur votre machine du CMS JOOMLA sepia intégré dans le serveur web Wampserver ne vous a pris que quelques minutes. Vous disposez maintenant d'un site JOOMLA sepia parfaitement fonctionnel. Vous pourrez y faire tous vos essais sans crainte de "casser" votre site. Si cela survenait, il vous faudrait peu de temps pour le réinstaller en suivant ce document. Le chapitre suivant vous donne toutes les informations pour l'administrer. 21