Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.



Documents pareils
Joomla! Création et administration d'un site web - Version numérique

Programme de la formation

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

Utiliser un CMS: Wordpress

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Projet en nouvelles technologies de l information et de la communication

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

Dans cette Unité, nous allons examiner

Manuel du composant CKForms Version 1.3.2

Guide d utilisation 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

WordPress : principes et fonctionnement

Installation / Sauvegarde Restauration / Mise à jour

Installation locale de JOOMLA SEPIA

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

mon site web via WordPress

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

GESTION DES MENUS. Un menu est un ensemble de liens permettant la navigation dans le site.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Sommaire. 1. Présentation de WordPress. 2. Hébergement et installation. 3. Prise en main, ajouter des contenus

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

LE CONCEPT DU CMS CHAPITRE 1

creer votre site internet en html/css

Création d un formulaire de contact Procédure

SARL DDLX Multimédia Place du général de Gaule Boisseron Tèl : support@ddlx.org. Agence Web. Design Prestashop personnalisé

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CRÉATION D UN SITE WEB

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Administration du site

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin

Manuel d'installation de Joomla 1.7

Installation de Joomla avec Filezilla

Guide de démarrage rapide

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Nouveautés joomla 3 1/14

Manuel d utilisation du site web de l ONRN

MODULES 3D TAG CLOUD. Par GENIUS AOM

Administration du site (Back Office)

INTRODUCTION AU CMS MODX

Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs

MANUEL INSTALLATION. GANESHA version 4. Editeur Anéma SAS Département Développement

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor

GUIDE DE DEMARRAGE RAPIDE:

GEST_INSTANCES APPLICATION DE GESTION DES INSTANCES ET REUNIONS EN EPLE ETABLISSEMENT PUBLIC LOCAL D ENSEIGNEMENT

INSTALLER JOOMLA! POUR UN HEBERGEMENT LINUX

KAJOUT WASSIM INTERNET INFORMATION SERVICES (IIS) 01/03/2013. Compte-rendu sur ISS KAJOUT Wassim

OUAPI Guide d installation Outil d administration de parc informatique. Documentation d installation et de paramétrage

Groupe Eyrolles, 2003, ISBN : X

MODE D EMPLOI WORDPRESS

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

Réussir. son site e-commerce. avecoscommerce

Optimiser pour les appareils mobiles

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Installer Joomla Pearson France Joomla! Le guide officiel Jennifer Marriott, Elin Waring

Utilisation du CMS (Content Management System) Wordpress

Utilisation du client de messagerie Thunderbird

Installation du transfert de fichier sécurisé sur le serveur orphanet

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

Formation Webmaster : Création de site Web Initiation + Approfondissement

Manuel d utilisation NETexcom

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Comment utiliser FileMaker Pro avec Microsoft Office

Publication dans le Back Office

Manuel d utilisation Mailchimp

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions

(Version 1.3) Création de site Internet avec Joomla!

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

SAUVEGARDER SES DONNEES PERSONNELLES

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed

Notice d installation et d utilisation du blog nomade avec un nouveau blog

Prise en main de Moodle

Démarrer et quitter... 13

Document d accompagnement de la formation Joomla!

les techniques d'extraction, les formulaires et intégration dans un site WEB

OCLOUD BACKUP GUIDE DE REFERENCE POUR ANDROID

Manuel d utilisation du web mail Zimbra 7.1

Guide d utilisation. Version 1.1

Installation d un manuel numérique 2.0

Bureautique Initiation Excel-Powerpoint

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

4. Personnalisation du site web de la conférence

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

PHP 5.4 Développez un site web dynamique et interactif

Formation Découverte du Web

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

Documentation Honolulu 14 (1)

Créer un site WordPress

Procédure d installation détaillée

USAGE DU MODULE DE NEWSLETTER ACAJOOM

Les différentes méthodes pour se connecter

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

GUIDE D UTILISATION DU BACKOFFICE

TP 6 Installation et configuration d une site internet avec un CMS Illustration avec Wordpress

Menu Fédérateur. Procédure de réinstallation du logiciel EIC Menu Fédérateur d un ancien poste vers un nouveau poste

Transcription:

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur un ordinateur local 3.2) Installation sur un hébergeur 3.3) Le sept étapes de ll installation Quelques généalités V. Console d administration et paramètres généraux 5.1) Actions courantes sur la console 5.2) Les menus principaux de la console 52.1) Site 52.2) Menus 52.3) Contenus 52.4) Composants 52.5) Extensions 52.6) Outils VI. VII. VIII. IX. Gestion des articles 6.1) Paramètres généraux 6.2) Création des sections 6.3) Création des catégories 6.4) Création des articles 6.5) Gestion de la page d accueil Gestion des menus 7.1) Création d un menu 7.2) Affectation d un menu Gestion des composants 8.1) Bannières 8.2) Contacts 8.2) Fils d actualité 8.3) Sondages 8.4) Liens Web Gestion des extensions X. Le template JSN_Epic XI. Sauvegarde et restauration de la plateforme avec Joomla Pack Page 1/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

I. PRÉSENTATION DE JOOMLA : Dans les années 90, les sites Internet étaient des sites statiques : une page d accueil avec des pages html non générées par un langage de programmation. Depuis maintenant plusieurs années, la norme est aux sites dynamiques, dans lesquels les pages qui les composent sont générées par des programmes, selon les requêtes des internautes. Parmi les composants techniques, les plus utilisés sont les COMPOSANTS OPEN SOURCE : Système d exploitation : Linux; Serveur Eb : Apache; Langage de programmation PHP; Base de données : MySQL. Cette structure se retrouve chez la plupart des hébergeurs. Dans le présent document, nous ferons références à l hébergeur «1and1». Dans cette vague, se sont développés les CMS (Système de Gestion de Contenu, en anglais : Content Management System) : Joomla est une système de gestion de contenu qui permet de créer des sites Internet Dynamiques. «Joomla» est la transcription phonétique d'un mot swahili qui signifie «tous ensemble». WordPress est un CMS, qui permet, comme Joomla de créer des sites Internet. Moodle et Claroline sont des CMS utilisés pour la formation à distance. Spip est un CMS pour la gestion d un journal d information en ligne. L idée fondamentale des CMS est de séparer tous les objets insérés dans les pages web (textes, images par exemple) de leur mise en forme (choix des polices de caractères, des couleurs et de l habillage graphique. Les contenus sont stockés dans une base de données (MySQL), alors que les directives relatives à la présentation se trouvent des feuilles de styles. Sur Joomla, les modifications des feuilles de styles s effectuent dans le template. II. DOCUMENTS DISPONIBLES : (http://aide.joomla.fr/documentation.html) Joomla met à la disposition des utilisateurs des documents pdf qui peuvent s avérer très utiles: documents pour l installation du logiciel, documents généraux, documents sur les serveurs locaux et documents sur les extensions. 2.1) DOCUMENTS D INSTALLATION : Installation de joomla 1.5 (1 546 K); Page 2/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

2.2) DOCUMENTS GÉNÉRAUX 1. Guide de l administration joomla 1.5 (6 21 K); 2. Les contenus dans Joomla (4 575 K). 3. Bases de l adminsitration Joomla (848 K); 2.3) DOCUMENTS SUR LES SERVEURS LOCAUX 1. Serveurs 2Go (1 125 K); 2. Serveur (1 096 K); 3. Serveur local movamp (992 K); 2.4) DOCUMENTS SUR LES EXTENSIONS ) 1. Joom fish : Sites multilingues (1 125 K); 2. Joomla pack (992 K) ; 3. Présentation JCE : Éditeur JCE (2461 K) Portail français de Joomla : http://joomla.fr/ III. INSTALLATION DE JOOMLA Pour installer Joomla, i l faut un serveur web, une base de données et un logiciel de transfert de données ftp (dreamweaver ou File Zila par exemple). Serveur web : Apache. PHP 5 Le serveur de base de données MySQL 4.0 ou plus 3.1) INSTALLATION SUR UN ORDINATEUR LOCAL 1. Télécharger la dernière version de EasyPhP ( http://www.easyphp.org/) et l installer. Après l installation, l icône de EasyPhP apparaît sur l écran en bas à gauche. 2. Créer le répertoire pour placer tout le site («EasyPhP/www/siteMonDomaine/»). 3. Télécharger à l adresse «http://www.installation-joomla.com/installation-joomla» la dernière version stable de joomla : «joomla_xxxx.zip» et la décompresser dans le répertoire «EasyPhP/www/siteMonDomaine/». 4. Après un clic droit sur EasyPhP, choisir «Administration» et cliquer sur «PhpMyAdmin» : créer la base de données («basemondomaine» par exemple). 5. Aller à l adresse «http://127.0.0.1/sitemondomaine/installation/» pour démarrer les sept étapes de l installation (voir le paragraphe 3.3). 6. Éventuellement copier les fichiers php.ini et.htaccess nécessaires. Installation terminée. 3.2) INSTALLATION SUR UN HÉBERGEUR 1. À la racine de l espace sur l hébergeur créer un répertoire pour placer tout le site («sitemondomaine»). 2. Télécharger à l adresse «http://www.installation-joomla.com/installation-joomla» la dernière version stable de joomla : «joomla_xxxx.zip», la transférer avec Dreamweaver ou File Zila sur le serveur et la décompresser dans le répertoire «sitemondomaine». 3. Dans l espace «MySQL» du serveur créer la base de données en notant les renseignements suivants : nom de la base de données, nom de l hôte, login et mot de passe. Page 3/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

4. Aller à l adresse «http://www.mondomaine/sitemondomaine/installation/» pour réaliser les sept étapes de l installation (voir le paragraphe 3.3). 5. Éventuellement copier les fichiers php.ini et.htaccess nécessaires. Installation terminée. 3.3) LES SEPT ÉTAPES DE l INSTALLATION ÉTAPE 1: CHOIX DE LA LANGUE ÉTAPE 2: PRÉ-INSTALLATION Page 4/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

ÉTAPE 3 : ACCEPTATION DE LA LICENCE ÉTAPE 4:BASE DE DONNÉES Page 5/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

ÉTAPE 5: CONFIGURATION FTP ÉTAPE 6: CONFIGURATION ÉTAPE 7: TERMINER Page 6/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Après avoir supprimé le répertoire «Installation», on peut aller soit sur le Site, soit sur la console d administration. IV. QUELQUES GÉNÉRALITÉS Les deux grands espaces de Joomla L espace de travail avec la console d administration: back-end Le Site (ce que voient les visiteurs) : front-end Les articles Ce sont les unités de contenus : textes, images, liens, etc Ils peuvent être catégorisés (sections et catégories) ou non catégorisés. Le modèle ou template Il fixe les espaces où se trouvent les articles, les modules et les menus. Il renferme les feuilles de styles pour la présentation du contenu. Les répertoires et les fichiers de Joomla Les extensions Composants : Mini-applications intégrées (com_content, com_registration); le cœur du logiciel est le noyau. Page 7/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Modules : blocs que l on retrouve autour du corps de la page. Plugs-in : Morceaux de codes activés sur un événement. L Éditeur WYSIWYG : pour éditer les articles. Le Core-Team : Équipe de bénévoles en charge du développement de la Source. Les joomleurs : Tous ceux qui à travers le monde utilisent Joomla pour créer des Sites Dynamiques. V. CONSOLE D ADMINISTRATION Après avoir établi la connexion avec l administration (http://www.mondomaine/dossiermondomaine /administrator/) : on arrive sur la console d administration sur le back-end: La console d administration comprend: Dans la partie supérieure : un menu général (Site, Menus, Contenu, composants, Extensions, Outils, Aide), l icône «Prévisualiser» donnant le lien vers le site (front-end), l icône avec le nombre de courriers arrivés et permettant d accéder à la messagerie, l icône avec le nombre d utilisateurs actuellement connectés et l icône de déconnexion. Sur la gauche : les icones donnant accès aux fonctions essentielles de Joomla. Sur la partie droite : le message d accueil, les utilisateurs connectés, les articles les plus populaires, les articles ajoutés récemment et les statistiques 5.1) LES ACTIONS COURANTES SUR LA CONSOLE Outre les icones figurant sur la console, d autres reviennent fréquemment sur les pages que l on rejoint à partir de la console. Voici la signification des principales icones: Editer l élément sélectionné dans la liste. Copier le ou les éléments sélectionnés dans la liste. Enregistre l action réalisée et revient à la page parente de la page en cours. Enregistre l action réalisée tout en restant sur la page en cours. Page 8/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Nouveau : ajoute un nouvel élément dans la liste. Déplacer le ou les éléments sélectionnés dans la liste. Supprimer la dernière action et fermer. Supprimer le ou les éléments sélectionnés dans la liste. Publier et dépublier (ou activer et désactver) le ou les éléments sélectionnés dans la liste. Pour reculer ou avancer dans la navigation. Pour télécharger ou uploader (exporter). Afficher la page qui permet de créer les éléments d un menu. Aide. 5.2) LES MENUS DE LA CONSOLE 52.1) SITE 521.1) GESTION DES UTILISATEURS Archiver et désarchiver le ou les éléments sélectionnés dans la liste Pour chaque utilisateur, on peut modifier le profil. Page 9/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

521.2) GESTION DES MÉDIAS : Pour gérer les dossiers des images et autres médias. 521.3) CONFIGURATION GLOBALE 5213.1) SITE : Paramètres du site, paramètres des métadonnées, paramètres SEO. 5213.2) SYSTÈME : Paramètres du système, paramètres des utilisateurs, paramètres des médias, paramètres de débogage, paramètres du cache et configuration des sessions. Page 10/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

5213.3) SERVEUR : Paramètres du serveur, paramètres de localisation, paramètres FTP, paramètres de la base de données et réglages email. Page 11/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

52.2) MENUS Quand on clique sur Menus dans la console d administration, on a accès aux liens vers la «Gestion des menus» (affiche la liste complète de tous les menus existants), la «Corbeille de menu» (pour supprimer un menu), «main Menu» (le menu principal et tous les menus secondaires créés par le concepteur du Site. La gestion des menus est vue en détail dans le paragraphe VII. 52.3) CONTENUS : gestion des sections, gestion des catégories, gestion des articles, corbeille article. La gestion des contenus est vue en détail dans le paragraphe VI. 52.4) COMPOSANTS : Bannière, formulaires, contacts, docman, JCE, JoomlaPack, fils d actualités, sondages, recherche, liens web. La gestion des composants est vue en détail dans le paragraphe VIII. Page 12/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

52.5) EXTENSIONS : Installer ou désinstaller une extension, gestion des modules, gestionnaire des plugins, gestionnaire des templates, gestion des langues. La gestion des extensions est vue en détail dans le paragraphe IX. 52.6) OUTILS : Lire des messages, écrire des messages, envois de courriers électroniques en nombre, vérification globale, nettoyer le cache. VI. GESTION DES ARTICLES Dans Joomla, les contenus sont organisés en SECTIONS et CATÉGORIES. Ainsi, le responsable de la gestion scolaire d une école pourrait organiser les cours offerts par l école de la manière suivante : Page 13/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Les sections et les catégories sont des conteneurs et les articles (ici les cours) renferment le contenu des cours. C est avec le contenu que commence véritablement la conception du Site. Il faut réaliser dans l ordre les opérations suivantes : 1. Définir, si ce n est pas fait encore, les PARAMÈTRES GÉNÉRAUX (voir le paragraphe précédent). 2. Définir les paramètres généraux des articles 3. Créer les sections. 4. Créer les catégories. 5. Créer les articles 6.1) PARAMÈTRES DES ARTCLES En cliquant sur Contenu/Gestion des articles/ dans la console d administration, on obtient le menu cidessous : Il faut cliquer sur l icône pour obtenir la fenêtre qui permet de rentrer tous les paramètres des articles. Page 14/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Pour les articles existants, on peut les copier, les éditer, les publier ou les dépublier, les archiver ou les désarchiver, les déplacer dans un nouveau conteneur ou les supprimer. En cliquant sur l icône créer un nouvel article. on peut 6.2) CRÉATION DES SECTIONS En cliquant sur «Contenu/Gestionnaire des sections» dans la console d administration, on obtient le menu ci dessous: Pour créer une nouvelle section, on clique sur l icône et on doit indiquer le titre de la nouvelle section. 6.3) CRÉATION DES CATÉGORIES En cliquant sur «Contenu/Gestionnaire des catégories» dans la console d administration, on obtient le menu ci dessous: Pour créer une nouvelle catégorie, on clique sur l icône nouvelle catégorie. et on doit choisir la section indiquer le titre de la Page 15/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

6.4) CRÉATION DES ARTCLES En cliquant sur «Contenu/Gestion des articles» dans la console d administration, on obtient le menu cidessous : Pour créer un nouvel article, on doit cliquer sur l icône Écrire le titre de l article. Sélectionner une section. Sélectionner une catégorie. Dans la fenêtre de l éditeur, entrer le texte de l article. et effectuer les opérations suivantes : Entrer les paramètres de l article (nom de l auteur, niveau d accès, dates de la création et publication). Éventuellement, modifier certains paramètres généraux. Entrer les méta-données de la page web (description et mots clés Sur les articles existants on peut effectuer plusieurs opérations : Publier ou dépublier l article: sélectionner l article puis cliquer sur l icône correspondant ou. Archiver ou désarchiver l article: sélectionner l article puis cliquer sur l icône correspondant ou. Éditer l article: sélectionner l article puis cliquer sur l icône. Page 16/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Copier l article: sélectionner l article puis cliquer sur l icône. Déplacer l article dans une autre catégorie: sélectionner l article puis cliquer sur l icône. Supprimer l article: sélectionner l article puis cliquer sur l icône. 6.5) GESTION DE LA PAGE D ACCUEIL En cliquant sur «Contenu/Gestion de la page d accueil» dans la console d administration, on arrive à la gestion de la page d accueil: On peut ajouter les articles catégorisés ou non que l on veut voir figurer sur la page d accueil. VII. GESTION DES MENUS Dans la console d administration, quand on clique sur «Menus/Gestion des menus», on obtient la liste des menus existants. Actuellement, il y a le «Main Menu» avec 114 éléments et le menu «Top Menu» avec 1 élément. 7.1) CRÉATION D UN NOUVEAU MENU Pour créer un nouveau menu, il faut cliquer sur et donner le type de menu, son titre (VENDEE dans notre exemple), sa description et le titre du module correspondant qui est créé automatiquement: Le nouveau menu «VENDEE» apparaît quand on clique sur «Menus/Gestion des menus» dans la console d administration. Page 17/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Ajoutons maintenant des éléments au menu «VENDEE». En cliquant sur l icône du menu «VENDEE», on fait apparaître le gestionnaire d éléments du menu VENDEE. En cliquant sur l icône le sélecteur du type d éléments apparaît: Page 18/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

On peut insérer un lien interne, un lien externe (vers une page extérieure à Joomla), un séparateur et un alias (autre élément de menu déjà existant). 71.1) LIENS INTERNES : Dans sa version native, Joomla possède huit sortes LIENS INTERNES : ARTICLES : liste des articles archivés, un article, proposition d un article, articles d une catégorie affichés en format blog, liste des articles d une catégorie, articles de la page d accueil en format blog, articles d une section en format blog, liste des catégories d une section. CONTACTS : contacts classés par catégorie, fiche standard de contacts. FILS D ACTUALITÉ, SONDAGES et RECHERCHER UTILISATEUR, LIENS WEB et ENCAPSULEUR (WRAPPER) 71.2) LIENS EXTERNES, SÉPARATEUR ET ALIAS : La plupart des liens vont diriger vers un article. L encapsuleur peut s avérer très utile : on peut insérer dans le cadre qui a été créé des pages html appartenant à d autres sites; comme il s agit d un lien interne, l internaute demeure dans l environnement du site. Dans le prochain paragraphe, nous verrons comment insérer une extension qui construit des formulaires; le sélecteur de liens reconnaîtra cette nouvelle extension. Page 19/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Voici à titre d exemple un menu comportant 4 éléments. Nous pouvons ajouter un premier lien vers un article général «AVAN-VENDEE» : Puis deux articles dont l élément parent est «AVAN-VENDEE» : AVAN et VENDEE. On obtient ainsi un menu hiérarchisé : Si AVAN désigne une association, on peut créer des liens vers l INSCRIPTION et le REGISTRE par exemple. Page 20/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

7.2) AFFECTATION D UN MENU : À chaque fois qu un menu est construit, l ordinateur créé le module associé. C est en allant à «Extensions/Gestion des modules» dans la console d administration que l on retrouvera le module «VENDEE»; en l ouvrant, il sera possible de déterminer où sera affiché ce menu. VIII. GESTION DES COMPOSANTS Cinq composants standards se trouvent dans JOOMLA: bannière, contacts, fils d actualité, sondages et liens web. 8.1) BANNIÈRE Ce composant permet d afficher de manière périodique des bannières publicitaires sur le site. Si un visiteur clique sur la bannière, le clic est comptabilisé. Il est possible de gérer les clients en différentes catégories. Page 21/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

8.2) CONTACTS Dans Joomla, on a la possibilité de créer des catégories de contacts. 8.3) FILS D ACTUALITÉ Les fils d actualité permettent de gérer la quantité sans cesse croissante d informations disponibles sur Internet. Le composant «Fils d actualité» permet de faire référence à des fils d actualité qui correspondent à d autres pages Web afin de les intégrer au site que l on construit. On peut gérer les catégories de fils d actualité. Le composant «Syndicate» sert à paramétrer les fils d actualité. Page 22/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

8.4) SONDAGES Ce composant permet demander leur avis aux visiteurs. 8.5) LIENS WEB Ce composant permet d établir une liste et de l intégrer au site Web. IX. GESTION DES EXTENSIONS On peut regroupe dans un répertoire les dossiers compressés de toutes les extensions que l on souhaite installer. C est ce que nous avons fait en plaçant dans le répertoire «Extensions» quatre dossiers compressés, téléchargés sur Internet : Une extension pour créer des formulaires : com_ckforms_fr-fr.zip. Une extension pour installer l éditeur JCE : Pack_JCE15_FR-EN_24-09-09.zip. Une extension pour installer le template ESN+Epic : jsn_epic_free_2.0_j15.zip Une extension pour sauvegarder et restaurer : com_joomlapack-2.3.3-plus_fr.zip. 9.1) INSTALLER-DÉSINSTALLER : on clique sur «Extension/Installer-Désinstaller» dans la console d administration, il est possible d installer ou désinstaller des composants, des modules, des plugins, des langues ou des templates. Page 23/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

9.2) GESTION DES MODULES : Quand on clique sur «Extension/Gestion des modules» dans la console d administration, on arrive sur la page qui permet de gérer tous les modules installés. On peut ajouter de nouveaux modules ( ), éditer un modules existant ( ), copier des modules ( ), activer ou désactiver un module ( ), changer l ordre d affichage des modules. 9.3) GESTION DES PLUGINS : Quand on clique sur «Extension/Gestion des plugins» dans la console d administration, on arrive sur la page qui permet de gérer tous les plugins installés. À partir de cette page, il est possible d éditer un plugin installé ( ), d activer ou désactiver un module ( ) et de changer l ordre d affichage des plugins. 9.4) GESTION DES TEMPLATES : Quand on clique sur «Extension/Gestion des templates» dans la console d administration, on arrive sur la page qui permet de gérer tous les templates installés. Il est possible d éditer un template installé ( ), et de choisir un template comme défaut ( ). Page 24/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

9.5) GESTION DES LANGUES : Quand on clique sur «Extension/Gestion des langues» dans la console d administration, on arrive sur la page qui permet de gérer les langues. Il est possible de choisir une langue comme défaut ( ). X. LE TEMPLATE JSN-Epic Il existe de nombreux templates que l on peut télécharger sur Internet : www.joomla-templates.com/ www.iwannaclick.org/.../template-joomla.html www.siteground.com/joomla.../joomla-templates.htm www.gelono.com/fr/templates-joomla-1.5-gratuits.html www.joomla24.com/ Nous avons choisi le template JSN+Epic ; le dossier compressé ( jsn_epic_pro_2.0_j15.zip) peut être téléchargé à l adresse : http://www.joomlashine.com/shop/client/more_information.php?product_id=1 Page 25/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Directement sur la console d administration, on peut changer la couleur du template, modifier la largeur de la page ainsi que les largeurs des colonnes gauche et droite. On peut aussi éditer les fichiers CSS et HTML. Le template (version PRO) est accompagné de deux guides fort bien détaillés : Le guide de départ rapide (36 pages). Un manuel pour aider à personnaliser le Site (53 pages). Les régions dans JSN Epic : breadcrump (fil d Ariane), top, header, inset, left, right, syndicate, toolbar, user 1, user 2, user 3, user 4, user 5, user 6, user 7, user 8, user 9, footer, bottom. Voici la répartition des objets sur le site donnée ci-après : Module de connexion dans la région «top». Menu principal de dans la région «toolbar». Module «grandeur des polices» dans la région «inset». Module «recherche» dans la région «user 9». Bannière dans la région «header». Page 26/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Module «Nous contacter» dans la région «user 8». Menu du bas de page dans la région «bottom». Voici les paramètres de quelques exemples de menus proposés avec ce template : MENU PRINCIPAL Titre du menu : Menu principal Montrer le titre : Non Activé : Oui Position : toolbar Style du menu : liste Niveau de départ : 0 Dernier niveau : 0 Toujours afficher les sous menus : Oui Suffixe à ajouter à la classe CSS : -suckerfish UN MENU SECONDAIRE : VENDEE Titre du menu : VENDEE Montrer le titre : Non Page 27/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

Activé : Oui Position : left (ou autre position) Style du menu : liste Niveau de départ : 0 Dernier niveau : 0 Toujours afficher les sous menus : Oui Suffixe à ajouter à la classe CSS : -bullettree Suffixe à ajouter de classe du module : -box box-grey (ou -box box-blue ou -box box-yellow ou -box box-green) UN MENU AVEC ICONES : NOUS CONTACTER Titre du menu : NOUS CONTACTER Montrer le titre : Non Activé : Oui Position : top Style du menu : liste Niveau de départ : 0 Dernier niveau : 1 Toujours afficher les sous menus : Non Suffixe à ajouter à la classe CSS : -icon UN MENU POUR LE FOOTER : NOUS CONTACTER Titre du menu : NOUS CONTACTER Montrer le titre : Non Activé : Oui Position : BOTTOM Style du menu : liste Niveau de départ : 0 Dernier niveau : 1 Toujours afficher les sous menus : Non Suffixe à ajouter à la classe CSS : -divbar Page 28/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

XI. SAUVEGARDE ET RESTAURATION DE LA PLATEFORME AVEC JOOMLAPACK Il faut d abord installer la dernière version de JoomlaPack «com_joomlapack-2.4-plus.zip» en suivant la méthode expliquée à la page 30. 11.1) Configuration de JoomlaPack 111.1) Paramètres communs Deux grands ensembles de paramètres : General Frontal du site Page 29/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

111.2) Paramètres de profil Quatre grands ensembles de paramètres : paramètres de profil, traitement, options mysqldump et options FTP. 11.2) Sauvegarde Page 30/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010

11.3) Gestion de la sauvegarde Restauration Le dossier de la sauvegarde se trouve à : l adresse [ROOT]/administrator/components/com_joomlapack/backup Après chaque restauration, il faut transférer l archive de la sauvegarde sur l ordinateur local et vérifier que l archive peut être décompressée. Toutes les archives seront gardées dans un répertoire sur un support externe. Pour démarrer une restauration, il suffit de sélectionner l archive que l on veut restaurer et cliquer sur mot de passe est fourni : IL FAUT LE COPIER AVANT DE LANCER LA RESTAURATION.. Un Page 31/31 Construction d un Site Interactif avec Joomla René-Yves Hervé Janvier 2010