SRC2 Web avancé. CMS. 2008/2009

CMS. Installation et configuration de Joomla.

IntroductionUn CMS est un système de gestion de contenu ( content management system en anglais). Connectez vous au site

de Joomla ( http ://www.joomla.fr/ pour la version française), et prenez connaissance des pages de présentation dece CMS.

• Qui est derrière la réalisation de Joomla ! ?• Quelle est la licence d’utilisation de Joomla ! ?• De quel CMS bien connu Joomla ! provient-il ?

1 Installation :Comme tout site web dynamique, un CMS nécessite un serveur web ( nous utiliserons apache ) une base de données

et un langage de script. Joomla nécessite une base Mysql et le langage PHP. Nous utiliserons le serveur Venus surlequel vous possédez un espace web ( dossier public_html ) et une base de donnée Mysql.

1. Télécharger la dernière version stable de joomla sur http ://joomlacode.org/gf/project/joomla/frs/2. Décompresser l’archive dans un dossier joomla.3. Couper/coller le dossier joomla resultant dans z:\\public_html4. Rendez-vous ensuite sur http ://venus/ <login>/joomla pour accéder à la routine d’installation de joomla. Vous

constaterez qu’un certain nombre de sous-dossiers nécessitent d’être accessible en écriture à joomla (il s’agit desdossiers indiqués comme "unwriteable"). Faire en sorte de les rendre accessible en écriture pour le groupe ”toutle monde”. A cette fin, il suffit pour chacun des dossiers mentionnés, dont le dossier joomla de :• faire un clic droit dessus et choisir l’option "propriétés",• Sélectionner l’onglet "sécurité",• Sélectionner le groupe "Tout le monde" et cocher la case "contrôle total",• enregistrer les modifications.

5. A la première étape de l’installation :• Indiquer comme "Host Name" : localhost.• Indiquer comme "MySQL User Name" : <login> . Il faut laisser le champ "Mysql Password" vide.• Indiquer comme "MySQL Database Name " : <login> et cliquer sur "Next".

6. A l’étape 3 : Indiquer une adresse mail quelconque (mais valide) et modifier le mot de passe administrateurde votre joomla en indiquant le nouveau mot de passe dans le champ "Admin password". Installez les donnéesd’exemple.

7. Supprimer (ou renommer) enfin le dossier joomla/installation afin de pouvoir vous connecter à votre sitehttp ://venus/ <login>/joomla.

2 Administration du CMSOn va maintenant explorer les possibilités de Joomla, qui permet de faire un site personnalisé comprenant de

nombreux modules sans avoir jamais à coder soi-même. L’interface d’administration de Joomla ! est disponible soushttp ://venus/ login/joomla/administrator.Suivez l’excellent guide de joomla pour les nuls pour prendre en main les outils d’administration. Quelques guidesd’utilisation sont disponibles sur http ://www.joomlafacile.com.Nous allons faire, dans l’esprit du document ”Joomla Pour Les Nuls”, un site relatant vos différents voyages, photosà l’appui. Imaginons que vous avez visité l’Europe et l’Amérique. Dans chacun de ces continents, nous imagineronsque vous avez visité deux pays (par exemple, Espagne et Italie en Europe, Brésil et Argentine en Amérique, à vous devoir).Vous devrez avoir dans votre navigateur deux onglets ouverts : l’un sur la console d’administration, l’autre sur le site,pour visualiser les changements que vous faites.

• Avant de commencer, télécharger ”Joomla Pour Les Nuls” ou récupérez le sur ecampus et lisez les pages 12, 13,et 14. Le vocabulaire de base (module, composant, menu, template...) y est défini.

3 Premiers pas. Gestion du contenu : création et publication d’articles.Les articles que vous créez devront être classifiés. Ils sont regroupés en catégories et les catégories sont elles-mêmes

regroupées en sections. Dans notre exemple, nous créerons donc une section Europe et une section Amérique, et danschacune d’elles nous créerons des catégories correspondant aux pays visités. Ainsi, la catégorie Italie contiendra lesarticles traitant de l’Italie.

SRC2 Web avancé. CMS. 2008/2009

3.1 Création et classification des articles• Sections et catégories. Créez une section Europe, puis une section Amérique : depuis le panneau principal,

accessible à tout moment par ”site->panneau d’administration”, cliquez sur ”Gestion des sections”, puis ”nouveau”.Les sections, catégories, et articles sont également accessibles par le menu ”Contenu”. Appuyez sur ”sauver” quandvous avez fini de créer la section. Faites de même une catégorie par pays visité (par exemple une catégorie ”Italie”qui appartient à la section ”Europe” ; faites au moins deux catégories par section). A quoi sert le paramètre”niveau d’accès” à votre avis ?

• Ecriture d’article. Créez 5 articles courts (”Gestion des articles->nouveau”. Classez les dans la bonne catégorieet section !), un pour chaque pays, plus un autre (un des pays aura donc deux articles à son sujet). Observez tousles paramètres disponibles. Les paramètres globaux sont disponibles dans "gestion des articles -> paramètres”.Lors de l’écriture de vos articles avec l’éditeur de texte intégré, utilisez le bouton ”lire la suite” qui permet deséparer le texte d’introduction (ce qui sera vu avant que l’utilisateur clique sur l’article) du reste du texte. Insérezune image (petite) dans au moins un de vos articles, et trouvez dans l’éditeur de texte le bouton qui permet deconfigurer l’affichage de l’image. Changez la marge (5 pixels) autour de l’image. Réduisez ses dimensions de sortequ’en largeur elle fasse 200 pixels.

– Rafraîchissez la page web de votre site. Voyez-vous vos articles apparaître ? C’est normal, on n’a pas choisi où etcomment les faire apparaître...

3.2 Publication des articles. Menus.– Vous pouvez faire apparaître votre article en page d’accueil : allez dans ”gestion des articles” et trouvez votre

article. Cliquez sur la croix rouge dans la colonne ”page d’accueil” et allez voir votre page web, en la rafraîchissant...Puis dépubliez cet article.

– Vous pouvez faire apparaître un menu de présentation de vos voyages :– Créez un menu (”gestion des menus->nouveau”) par continent. Vous disposerez donc, par exemple, d’un menu

”Europe” et d’un menu ”Amérique”. Ensuite, toujours dans la console de gestion des menus, appuyez sur ”modi-fier des éléments du menu”, puis sur ”nouveau” pour créer un objet de menu. Allez dans ”articles->catégories”puis cliquez sur ”articles d’une catégorie donnée en blog” la première fois, et ”Liste des articles des catégories”la deuxième fois que vous le ferez. Donnez un titre à votre page d’articles, et dites de publier tous les articlesde la catégorie ”Italie”, par exemple, en mettant dans la case ”catégorie” la catégorie correspondante. Cetteopération est à faire pour tous les pays d’Europe de votre site, dans le menu ”Europe”, et pour tous les paysd’amérique dans le menu ”Amérique”.

– Ce menu apparaît-il sur votre page web ? Non ? C’est normal : en fait, pour chaque menu (”Europe” et ”Amé-rique” par exemple) un module a été créé. Or ils ne sont pas encore activés : il faut les publier. Nous allonsvoir comment faire dans la section sur les modules.

3.3 Modules.Un module• Allez dans le panneau ”gestion des modules” (menu ”Extensions”). Observez tous les modules disponibles. Certains

sont chargés de vous indiquer le nombre de visiteurs, d’autres de vous fournir des statistiques, d’autres de vousfournir un ”fil d’ariane” (breadcrumbs) indiquant où vous êtes dans le site, etc... Ils sont visibles s’ils sont marquéscomme ”activé”. En cliquant dessus, vous pouvez les configurer. Dépubliez certains modules, si vous avez installéle jeu d’exemple (par exemple ”Banners”, ”Polls”, ”Latest News”...). Allez voir votre page web et en rafraîchissantvoyez ce qui change. Maintenant trouvez les modules qui ont été crées lors de la création de nos menus. Activezles.

• Désactivez/réactivez certains modules, pour voir à quoi ils servent. Puis désactivez tous ceux qui ne vous semblentpas utiles, de façon à avoir une page web suffisamment claire et aérée. A cette étape, vous savez créer une pageweb chargée de publier tous vos articles !

• Testez différents emplacements sur la page web pour le menu ”Europe” : pour cela, utilisez, dans les paramètresdu module ”Europe”, la liste ”Position”. Vous pouvez ainsi placer vous mêmes les différents modules de votre pageweb.

• D’autres modules sont disponibles en téléchargement sur le site de Joomla !. Ajoutez un module de votre choix.Joomla ! dispose encore de nombreux modules permettant de réaliser de nombreux services : vente en ligne,annuaires, forums ...

4 Configuration et personnalisation

4.1 TemplatesLes templates (appelés skins dans d’autres CMS) permettent de personnaliser l’aspect graphique. Ils sont consti-

tués d’un ensemble de fichiers css, xml, d’images, que vous pouvez retoucher...– Allez dans le menu ”gestion des templates” et testez les différents templates disponibles. Allez voir sur votre page

web ce que cela donne. Notez que vous pouvez les configurer, en particulier décider sur quelles pages appliquerquel template.

SRC2 Web avancé. CMS. 2008/2009

– Vous pouvez modifier les feuilles css définies par le template pour le personnaliser. Essayez par exemple, dansle template ”rhuk_milkway”, de remplacer le logo de joomla par le logo de l’IUT de Vélizy (que vous aureztéléchargé)... Il faut fouiller, bien sûr, dans le répertoire ”templates” présent dans le répertoire ”joomla”.

– On peut aussi utiliser un template graphique alternatif que vous aurez glané sur internet. Vous trouverez uneliste de sites proposant des templates gratuits sur http ://forum.joomla.org/index.php/topic,25306.0.html. Ladémarche d’installation est souvent similaire quelque soit le template choisi :– Télécharger le template et s’assurer de respecter la license d’utilisation,– Uploader l’archive téléchargée sur votre site joomla ! via le menu Installation ?Template-site dans l’interface

d’administration,– Définir le template installé comme celui par défaut dans ”Gestion des Templates”.

4.2 Gestion des utilisateursVous avez certainement remarqué les colonnes ”accès” lorsque vous avez configuré des modules ou des articles : ils

indiquent qui aura le droit de voir les dits articles ou modules. Il y a plusieurs types d’utilisateurs. ”public” désigne unutilisateur non enregistré. Un utilisateur inscrit sur le site, et enregistré dans la base de données, est marqué comme”enregistré”. Enfin un utilisateur (enregistré) peut être ”spécial” : il peut être défini comme auteur, éditeur, et rédacteur,ce qui lui donne de plus en plus de droits (écrire un article, les publier, ...). Il peut avoir encore plus de droit et êtredéfini comme ”administrateur” ou ”superadministrateur” ce qui lui donne le droit d’aller sur la partie administrationdu site et de le gérer.

• Allez dans le panneau ”gestion des utilisateurs” et créez un nouvel utilisateur défini comme ”auteur”.• Vérifiez que votre site le reconnaît bien. Faites lui écrire et éditer un article, sans passer par le back-office. Vous

aurez besoin pour cela d’avoir le module ”user menu” actif.

4.3 La page d’accueil• Vous pouvez la personnaliser avec le panneau ”Contenu->Gestion de la page d’accueil”. L’ordre des articles,

les articles qui y apparaissent etc... tout cela est défini dans cette page. Vous pouvez y mettre des articles quin’appartiennent à aucune catégorie, appelés articles statiques. Il faut les définir comme appartenant à la sectionnon catégorisée et à la catégorie non catégorisée. Ajoutez un article d’introduction pour présenter votre site.

• Pour changer le titre de la page d’accueil, allez dans la gestion des menus et cliquez sur l’icône pour modifier”main menu”, puis cliquez sur ”Home”. Dans ”paramètres->systèmes” vous pouvez changer le titre de la paged’accueil. Mettez un titre à votre convenance.

4.4 Extensions. Pour aller plus loin.• Afin de pouvoir ajouter des galeries d’image dans les articles téléchargez l’extension Simple Image Gallery et

installez la avec le menu ”Extension->installer”.• Gestion d’un site multilingue : le composant Joom !Fish permet la gestion de sites multilingues, testez.• Une bannière en Flash avec le module Flash Rotator.• Sur un tel site que faut-il faire pour sauvegarder les données d’un crash disque, ou pour migrer le site sur un

autre serveur ?