Vous êtes sur la page 1sur 105

Solution multimdia Conseil - Formation Audit en informatique

GLENAN.NET VERSION CMS AVEC JOOMLA 1.5


VERSION 1.0.2

2008 LOST Informatique Auteurs : Philippe LOST et Gunol LOST Support disponible en tlchargement sur http://glenan.fr/formation/

Vous tes libres :


de reproduire, distribuer et communiquer cette cration au public

Selon les conditions suivantes :


Paternit. Vous devez citer le nom de l'auteur original de la manire indique par l'auteur de l'uvre ou le titulaire des droits qui vous confre cette autorisation (mais pas d'une manire qui suggrerait qu'ils vous soutiennent ou approuvent votre utilisation de l'uvre). Pas d'Utilisation Commerciale. Vous n'avez pas le droit d'utiliser cette cration des
fins commerciales.

Pas de Modification. Vous n'avez pas le droit de modifier, de transformer ou d'adapter


cette cration. Licence : Crative Commons http://creativecommons.org/licenses/by-nc-nd/2.0/fr/

Tlcharger la dernire version du support de cours : http://www.glenan.fr/media/glenan.net_joomla_1.5.pdf

Le support, les fichiers (Template, requte SQL, code du site) sont tlchargeables pour les utilisateurs enregistrs de http://www.glenan.net/joomla/.
SARL au capital de 7 623 . Sige social : 23, grande alle - 29170 FOUESNANT - RCS QUIMPER B 403 481 633 - APE 741G

N de centre de formation : 53290506629 - Crdit Agricole de Fouesnant : 12906 00022 63500736001 31

Glenan.net : version CMS avec Joomla 1.5

TABLE DES MATIERES


Table des matires .................................................................................................................................2 Procdure pour crer son site ..............................................................................................................5 Les CMS...................................................................................................................................................6 Fonctionnement dun CMS ..........................................................................................................6 Schma darchitecture 3 niveaux .............................................................................................7 Fonctionnement de Joomla .......................................................................................................10 Installation de Joomla ..........................................................................................................................12 Tlchargement de Joomla .......................................................................................................12 Prparation du serveur ..............................................................................................................13 Serveur local .................................................................................................................13 Gestion du serveur distant ............................................................................................15 Cration de la base de donne.....................................................................................18 Transfert sur le serveur distant .....................................................................................19 Installation sur le serveur ...........................................................................................................21 Finitions sur le serveur...............................................................................................................26 Serveur Local ................................................................................................................26 Serveur Distant .............................................................................................................26 Transfert de local vers distant ...................................................................................................27 Transfert des fichiers ....................................................................................................27 Transfert de la base ......................................................................................................28 Configuration.php..........................................................................................................30 Mise jour de Joomla................................................................................................................31 Sauvegarde ...............................................................................................................................32 Prise en main de Joomla .....................................................................................................................33 Le front-end ...............................................................................................................................33 Le back-end ...............................................................................................................................34 Connexion au back-end ................................................................................................34 Lcran daccueil du back-end ......................................................................................34 Modifier la langue par dfaut ........................................................................................35 Linterface .....................................................................................................................36 Configuration gnrale .................................................................................................37 Articles et menus .......................................................................................................................38 Cration de larticle .......................................................................................................38 Intgration dans un menu .............................................................................................38 Gestion darticles .................................................................................................................................39 Principe de fonctionnement .......................................................................................................39 Cration des sections ................................................................................................................40 Cration des catgories .............................................................................................................40 Cration dun article ...................................................................................................................41 Lditeur de texte. .........................................................................................................42 La mise en page et les styles .......................................................................................43 Insertion dimages .........................................................................................................44 Saut de page et lire la suite ....................................................................................45 Paramtrages par dfaut ..............................................................................................46 Paramtres - Articles ....................................................................................................47 Table des matires ____________________ Philippe LOST et Gunol LOST_________ Page 2

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Paramtres - Avancs ..................................................................................................47 Informations des mta-donnes ...................................................................................47 Larticle dans un menu...............................................................................................................48 Le menu dans la page ...............................................................................................................49 Refonte de larticle .....................................................................................................................50 Gnralisation aux articles ........................................................................................................51 Gestion des mdias..............................................................................................................................52 Gestionnaire de medias .............................................................................................................52 Gestion de dossiers ......................................................................................................53 Ajouter des mdias .......................................................................................................53 Suppression des mdias ..............................................................................................54 Les images ................................................................................................................................54 Les autres mdias .....................................................................................................................54 Les menus .............................................................................................................................................55 Gestion des menus ....................................................................................................................55 Gestion des lments de menu .................................................................................................56 Les types dlments de menu ..................................................................................................57 Cration dun item de menu ......................................................................................................58 Type dlment du menu ..............................................................................................58 Dtails de llment du menu .......................................................................................58 Les paramtres basiques .............................................................................................59 Les autres paramtres ..................................................................................................59 Les modules ..........................................................................................................................................60 Ajout de modules .......................................................................................................................60 Les principaux modules .............................................................................................................61 Le chemin de navigation ...............................................................................................61 Menu .............................................................................................................................62 Recherche.....................................................................................................................62 Connexion .....................................................................................................................63 Syndication ...................................................................................................................63 Autres modules ..........................................................................................................................63 Bretagne.videos.fr......................................................................................................................64
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Les droits...............................................................................................................................................65 Appartenance un groupe ........................................................................................................65 Les niveaux de droits .................................................................................................................65 Gestion des utilisateurs .............................................................................................................67 Extensions : composants, plugins .................................................................................................68 Localiser les extensions ............................................................................................................68 Installation ..................................................................................................................................70 Joomla 1.5 et versions antrieures ...............................................................................70 Installer/Dsinstaller......................................................................................................70 Composant, Modules, Plugins, Langues et Templates ................................................71 Les langues ...............................................................................................................................71 Les plugins .................................................................................................................................72 Diaporama dimage .......................................................................................................72 Go-localisation Googlemaps.......................................................................................74 Installation dun diteur de texte ................................................................................................76 FCK editor .....................................................................................................................76 JCE Editor .....................................................................................................................77 Changement dditeur ..................................................................................................78 Table des matires ____________________ Philippe LOST et Gunol LOST_________ Page 3

Glenan.net : version CMS avec Joomla 1.5


Bug ? .............................................................................................................................78 Les composants.........................................................................................................................79 Les composants de base ..............................................................................................79 Les contacts ..................................................................................................................79 Gestionnaire de menu ...............................................................................................................80 Installation du gestionnaire de menu ............................................................................80 Mise en uvre du gestionnaire de menu .....................................................................80 Paramtrage du gestionnaire de menu ........................................................................81 La page daccueil .......................................................................................................................86 Les outils ....................................................................................................................................86 Un site multilingue .....................................................................................................................87 Installation de Joom!Fish ..............................................................................................87 Traduction du squelette du site.....................................................................................88 Traduction du contenu ..................................................................................................89 Paramtrage de Joom!Fish ..........................................................................................89 Le Template ...........................................................................................................................................90 Zonage de linterface .................................................................................................................90 Affichage des zones .....................................................................................................90 Les diffrentes zones ....................................................................................................91 Intgration dun Template ..........................................................................................................92 Choix dun template ......................................................................................................92 Modifications directes ...................................................................................................93 Un template avec Artisteer ........................................................................................................95 Cration dun template...............................................................................................................96 Principe du modle .......................................................................................................96 Le template Glenan.net ................................................................................................96 Plusieurs templates sur un site............................................................................................... 101 Quelques conseils ............................................................................................................................. 102 Glossaire ............................................................................................................................................ 103

Table des matires ____________________ Philippe LOST et Gunol LOST_________ Page 4

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

PROCEDURE POUR CREER SON SITE


Avec plus de vingt et un mois dexistence, ce support a t confront lpreuve de la formation de quelques centaines dtudiants, principalement pour lUBO (Universit de Bretagne Occidentale) et a servi la cration dune centaine de sites raliss avec Joomla en 2009 ; dont une bonne partie en formation. Ce support a aussi t utilis pour de lautoformation par certains qui nous ont apport soutients et conseils. Nous remercions toutes les personnes qui nous ont fait confiance : clients, Chambres Consulaires, collectivits, associations, services informatiques, tudiants, enseignants Il devenait ncessaire de relire le support et de complter certaines parties pour disposer de la version 1.0 du manuel. Il est bien vident quavant de crer son site, il faut bien rflchir au contenu qui sera intgr, aux mises jour mais cette problmatique en amont pourrait faire lobjet dun support part dans la logique de Glenan.net

Crer son hbergement et son nom de domaine Tlcharger la dernire version de Joomla et la dcompresser Cration de la base de donnes Transfrer Joomla par FTP sur son hbergement Installer Joomla Finir linstallation de Joomla sur le serveur distant Crer les sections Crer les catgories Crer les articles et le contenu en gnral Cration des menus Installation du template et adaptation Installation dextensions Optimisation de son site rfrencement

Dans les amliorations venir : Une partie sur les sites multilingues. Un chapitre sur le rfrencement, ou du moins une bauche adapte un site Joomla. Une amlioration de la cration darticles avec JCE. Un nouveau support sur les extensions Virtuemart pour la cration de boutiques en ligne, en complment dun site vitrine. Peut-tre avez-vous galement des suggestions proposer ;-) Un grand merci aux personnes ayant pris le temps de relire le document avant sa diffusion : Soizic, Nanard, Kortep, Veit, Belino

Procdure pour crer son site ____________ Philippe LOST et Gunol LOST_________ Page 5

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Il reste encore normment de choses amliorer. Cependant un support de cours de ce type ne sera jamais complet, du fait des niveaux auxquels sadresse le support, du nombre dextensions en constante volution...

Glenan.net : version CMS avec Joomla 1.5

LES CMS
Dans les modules de formation prcdents de http://glenan.net ou http://glenan.fr vous avez pu apprendre construire un site ex-nihilo, soit de faon classique dit site vitrine soit de faon dynamique avec un langage de programmation orient web et une base de donnes en incluant son langage de requte. Pour une premire approche de la cration de site, il est aussi possible dutiliser des kits plus ou moins pr-paramtrs, permettant de raliser rapidement un site. Il existe diffrentes familles de kits suivant lusage pr-suppos du site, mme si certains peuvent appartenir plusieurs familles. Les principales familles sont : Les blogs : version moderne des journaux de bord, journaux intimes o le principe de classement est le temps et le plus souvent de faon ant-chronologique (les articles plus rcents en premier). Les blogs autorisent souvent les internautes commenter les billets dinformation dposs. Les wikis : crs initialement pour les besoins des dveloppeurs, ils sont utiliss actuellement par une communaut pour maintenir un rfrentiel. Chaque article est donc modifiable par tout internaute autoris. La force du wiki rside dans larchivage des modifications apportes, permettant de revenir une version antrieure. Une version Wiki de Glenan.net est prvue. Les CMS : Content Management Systems, traduit en SGC ou PGC (Systmes ou Progiciel de Gestion de Contenu). Ils permettent une gestion du flux informationnel (workflow) et donc un travail dquipe tout en sparant le contenu du contenant. La plupart du temps ils utilisent une base de donnes.

FONCTIONNEMENT DUN CMS


Les CMS font partie dun ensemble doutils informatiques plus large appel Framework qui sont des espaces de travail modulaires. Une approche dEclipse est indique dans le support : les outils du webmaster. Il existe des dizaines de CMS, dont les plus connus sont : Spip, Typo3, Plone, Plume, eZ Publish et bien videmment Joomla. Quasiment tous les CMS utilisent le mme principe dit darchitecture 3-tier, car il existe 3 niveaux :

Client

Serveur dapplication

serveur de base de donnes

Linternaute envoie une requte au serveur dapplication (en cliquant sur un lien ou sur un bouton, par exemple). Le serveur dapplication traite la requte et interroge la base de donnes. Les rponses de la base de donnes sont mises en forme et traites par le serveur dapplication qui retourne les informations au client pour quil puisse voir les rsultats.

Les CMS ____________________________ Philippe LOST et Gunol LOST_________ Page 6

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

SCHEMA DARCHITECTURE A 3 NIVEAUX


Larchitecture 3 niveaux, appele galement architecture 3-tier (de langlais three tier) est une extension de larchitecture client/serveur (2-tier) elle est englobe dans les architectures multi-tier ou n-tier. Le principe de fonctionnement seffectue sur 3 niveaux : au niveau du client (appel aussi couche de reprsentation) au niveau du serveur dapplication (appel parfois couche mtier) au niveau du serveur de base de donnes Lexplication ci-dessous nest videmment quune approximation permettant de comprendre le fonctionnement dune application utilisant, dans le cas prsent, un langage de type PHP et une base de donnes MySQL. Pour plus dinformation et apprhender la syntaxe PHP/MySQL, se rfrer au support de cours de Gunol LOST : Glenan.net : version PHP/MySQL , dont est extrait ce chapitre. Le client affiche une page contenant du code HTML, avec ventuellement du JavaScript, des feuilles de styles, de lAJAX... dans le but dune reprsentation plus pratique pour linternaute. Les liens proposs dans le site permettent denvoyer un ordre sur le serveur dapplication. Par exemple, en dplaant la souris sur la lettre B, en plus dafficher un menu droulant des diffrents articles de Glenan.net commenant par B, une URL apparat dans la barre dtat en bas de page. Le lien pointe vers la mme page index.php avec en plus un paramtre lettre=B qui est indiqu en tant que paramtre grce au ? Des paramtres multiples sont traits plus loin dans le support Glenan.net : version PHP/MySQL . Cest ce qui se passe galement pour bon nombres de CMS. Attention nanmoins lutilisation de module de type SEO (Search Engine Optimization) et SEF (Search Engine Friendly) pour lesquels lURL est rcrite.

En cliquant sur le lien, la requte est transmise au serveur dapplication. La page index.php va traiter les paramtres qui lui sont transmis, savoir lettre=B . Un test conditionnel (voir schma page suivante) va permettre de connatre quel type de paramtre a t transmis, ( lettre dans notre cas) et de lancer une requte sur la base de donnes $glenannet. Cet argument est optionnel, car dans notre exemple il ny a quune base de donnes concerne par nos requtes. La requte permet de rcuprer lintgralit des champs (*) de la table article pour lesquels le champ section correspond la valeur b . Dans la ralit, la valeur correspondra celle dun identifiant de champ de la table section (ou catgorie), savoir un chiffre. Les CMS ____________________________ Philippe LOST et Gunol LOST_________ Page 7

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

La requte SQL est transmise au serveur de base de donnes. Ce dernier slectionne les enregistrements (les lignes du tableau) correspondant aux critres de la requte et les retourne tris par titre au serveur dapplication.

Les CMS ____________________________ Philippe LOST et Gunol LOST_________ Page 8

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Le serveur dapplication rcupre les informations dans une variable ($resultat dans notre cas) et traite ensuite les enregistrements rcolts tant quil en existe (while).

Pour chaque enregistrement le serveur dapplication gnre du code HTML intgrant une balise <div> (pour plus dinformation voir le cours Glenan.net : cration du modle ) et intgre les champs des enregistrements titre , texte ... Dautres informations comme le read more lire la suite peuvent tre intgrs par le serveur dapplication. Le code HTML gnr est transmis au client qui linterprte.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Les CMS ____________________________ Philippe LOST et Gunol LOST_________ Page 9

Glenan.net : version CMS avec Joomla 1.5

FONCTIONNEMENT DE JOOMLA
Le schma prsent prcdemment, tout en restant valide, est insuffisant pour comprendre la logique de fonctionnement de Joomla.

Cette page index.php va chercher la page de modle (page index.php dans le dossier du template courant) en cours pour le site. Dans ce modle, le concepteur a dfini un certain nombre de zones qui ont t intgres (dans lexemple ci-dessus les zones suivantes sont visibles : breadcrumb, user3, left, right et user6). Les noms de ces zones sont dfinis de faon permettre le transfert dun template lautre, indpendamment de la structure des donnes mise en uvre sur le site (voir le chapitre : le template pour plus dinformations). Dans ces zones, il sera possible dintgrer des modules. Il est noter que tous les graphistes ne respectent pas les rgles de base de nommage des templates, aussi, certains templates posent problme pour la gestion et lintgration de certains modules. Lexemple le plus courant concerne la zone left . Si le graphiste ne souhaite pas disposer de zone gauche, il va nommer ces zones dans la partie droite right et il risque doublier left . Le problme est que le menu principal, par dfaut et par convention, se trouve dans la zone left . Le changement de template peut donc provoquer la disparition du menu. Si le graphiste a bien cr un template correct il mettra une zone left , mme si elle est droite, pour accepter le menu principal.

Les CMS ____________________________ Philippe LOST et Gunol LOST________ Page 10

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

La page qui apparat dans le navigateur de linternaute est du type index.php. Mme si elle nest pas affiche : vous pouvez taper lURL http://joomla.glenan.net/ ou http://joomla.glenan.net/index.php et vous aboutirez au mme endroit. Ladresse de base peut tre suivie dun point dinterrogation et de paramtres plus ou moins clairs.

Glenan.net : version CMS avec Joomla 1.5


Component est une zone particulire qui va intgrer le contenu du site (principalement les articles crs pour le site). Les plugins pourront agrmenter ce contenu pour linternaute, ou pour le crateur de contenu, comme pour le plugin de traitement (ou dditeur) de texte (voir le chapitre plugins pour plus dinformation). Les plugins peuvent tre intgrs dans le contenu (Component) dun article par une squence de codes incluant, la plupart du temps, des {accolades}. Certains plugins, une fois valids (comme les traitements de texte) sont intgrs directement dans les articles suivant certaines conditions (modification ou cration de larticle pour un plugin de traitement de texte). Joomla travaille par module que lon peut positionner dans les zones. La liste des modules de base peut tre complte par des modules complmentaires trouvs sur internet.

Les menus crs ne sexpriment pas naturellement. Il faudra crer un module intgrant un menu pour pouvoir le positionner dans une zone du template. Pour les composants, un menu spcial leur est ddi, permettant de les grer. Leur expression se fera par le biais dun item de menu. Souvent complexes, ils peuvent intgrer en plus plugins et modules. Articles (contenu), plugins, modules, menus, composants interrogent la base de donnes par des requtes de type SQL pour pouvoir afficher linformation demande par linternaute. La base de donnes ne contenant que du texte, tous les lments extrieurs (vidos, images, sons) sont stocks directement dans le site (partie FTP). Ce principe implique que pour la sauvegarde, il faut sauver la fois la base de donnes (principalement via phpMyAdmin), mais aussi toutes les donnes du site via un systme de FTP. Bien videmment, ce schma nest quapproximatif et a pour but de permettre la comprhension globale du fonctionnement du CMS ainsi que la logique utilise dans ce didacticiel.

Les CMS ____________________________ Philippe LOST et Gunol LOST________ Page 11

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

INSTALLATION DE JOOMLA

TELECHARGEMENT DE JOOMLA
Pour tlcharger la dernire version en franais de Joomla, il faut aller sur le site de http://joomla.fr/. Le site officiel (en anglais) est sur http://joomla.org/.

Cliquer sur licne Tlcharger Joomla !version 1.5.x . Ensuite cliquer sur le lien Joomla ! 1.5.x , puis valider le tlchargement. Il est prfrable de choisir lendroit du tlchargement afin de prvenir la perte de fichiers ou le retlchargement. Certains navigateurs proposent lendroit de stockage de linformation. Ce dossier dpend de votre OS) Dautres navigateurs enregistre les objets tlchargs directement sur le bureau ou un autre endroit dfini par lusag.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 12

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

PREPARATION DU SERVEUR
Il est prfrable de commencer par linstallation en local, de faon matriser plus facilement le CMS Joomla ou pour un projet dintranet. Nanmoins, pour que les internautes puissent voir votre site, il sera indispensable terme de mettre votre site sur un serveur distant. Si vous tes guid par un formateur, vous passerez directement au serveur distant, car en temps que chef dentreprise ou employ, il faut avoir un rsultat au bout de la formation. Des solutions alternatives existent, mais les expliquer nous entraineraient trop loin du sujet de ce support.

SERVEUR LOCAL
Copier le dossier zipp de joomla dans le dossier www du rpertoire de Wamp, fort probablement dans le disque local (C:). Soit le chemin c:\wamp\www Faire un clic droit sur le fichier zipp et slectionner Extraire tout , puis cliquer sur le bouton Extraire .

Attendre la dcompression des lments qui peut durer quelques minutes en fonction de lordinateur utilis.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 13

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Renommer le dossier pour quil corresponde au projet que vous utilisez. Cette mthode permet davoir plusieurs projets en tests sur le serveur local, voire plusieurs variantes dun mme projet sur le serveur. Dans notre cas, le dossier sera renomm Glenan.net .

Glenan.net : version CMS avec Joomla 1.5


Avant de lancer linstallation proprement dite, il faut crer la base de donnes pour que Joomla puisse y installer les diffrentes tables et les remplir. Se connecter sur http://localhost/phpmyadmin/ aprs avoir lanc Wamp (si lordinateur a t arrt par exemple). Dans la zone de saisie Crer une base de donnes donner le nom de votre base et cliquer sur le bouton Crer . Dans notre cas, la base sappellera glenanJommla .

La requte SML est lance et la base de donnes cre.


LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 14

Glenan.net : version CMS avec Joomla 1.5


GESTION DU SERVEUR DISTANT
Principe du serveur distant Si vous souhaitez avoir une visibilit sur le net, il est indispensable de disposer dun hbergeur. Bien videmment il est possible dhberger son site sur son ordinateur et dutiliser sa connexion internet, mais dans ce cas, il vous faut tre prsent 24h/24 et 7j/7 pour reprendre un service qui ne serait plus rendu en cas de panne du serveur, de la liaison internet... De plus, en ce dbut 2010, la fibre optique nest pas encore gnralise et la liaison haut dbit la plus rpandue est lADSL. Le A de ADSL signifie Asynchrone. En dehors de laspect culturel, cela signifie que globalement les liaisons descendantes (les sites que vous visionnez ou tlchargez = download) vont en moyenne 8 fois plus vite que linformation que vous mettez en ligne (upload). Il est donc prfrable de choisir un hbergeur professionnel. Il existe de nombreux hbergeurs gratuits, avec plus ou moins de services (pas forcment sans pub) et avec plus ou moins de continuit de service. Ils peuvent aussi apporter (pour certains) des services sur mesure, mais logiquement le cot sen ressent. Sur la photo de droite : des racks de serveurs dans un centre de traitement de donnes . Parmi les principaux hbergeurs prix acceptables, il est possible de citer : OVH, 1&1, AMEN, ARSYS Dans le cadre de ce site, lhbergement sera trait me hbergeur monavec OVH http://www.ovh.fr/ 5 dial. Vous pouvez trouver votre bonheur ailleurs, y compris chez un hbergeur local Chez la majorit des hbergeurs il existe principalement 2 types dhbergement : mutualis et serveur ddi. Dans le cas de lhbergement mutualis, une partie de lespace disque vous est allou pour votre site. Dautres parties du disque sont loues dautres sites. Un peu comme dans un immeuble : un appartement peut suffire vos besoins. Si vous tes un professionnel, peut-tre louerez-vous limmeuble entier. De la mme faon, vous pouvez louer un serveur si vous avez des besoins en consquence. Attention, il vous faudra grer vous-mme le serveur, alors que dans le cas de lhbergement mutualis OVH soccupe de la partie maintenance et vous navez qu grer votre site. Ce qui est dj suffisamment compliqu. De nombreuses offres dhbergement mutualiss existent. Pour simplifier le choix, dans le cadre dun site dentreprise classique, un hbergement de type perso peut suffire pour un cot annuel infrieur 24 HT/an, incluant le nom de domaine. Attention bien vrifier que votre hbergeur accepte le langage PHP et quil est possible davoir au moins une base de donnes de type MySQL. me site (et donc dune 2me base) pour raliser des tests ou prpaSi vous pensez avoir besoin dun 2 rer la nouvelle version de votre site, prfrez un hbergement de type Pro 60 HT/an. Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 15

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Crer son hbergement chez OVH Pour disposer dun hbergement, il faut effectuer 2 oprations : la cration dun compte client et la cration du bon de commande. Ces oprations peuvent tre ralises dans nimporte quel ordre, mais il est prfrable de crer le bon de commande en premier, du moins pour la premire opration. Une dernire opration consistera payer la facture gnre ;-). Toutes les oprations se font en ligne par linternaute, permettant de diminuer le cot global de la prestation. Cration du bon de commande Sur le site http://www.ovh.com/ taper le nom de domaine que vous souhaitez acqurir. Ce nom ne peut contenir que des lettres non accentues, des chiffres et le tiret - . Choisissez aussi lextension souhaite. Puis cliquer sur le bouton Go ! Ltape suivante vous permet de slectionner dautres noms de domaine proches de celui choisi. Cliquez sur le bouton Continuer .

Pour loffre du domaine, loffre Gold peut suffire. Cliquez sur le bouton Choisir en fonction du choix de base. Ltape suivante consiste choisir le type dhbergement. Sauf cas particulier, optez pour un perso ou un pro en cliquant sur Choisir

Ltape suivante prsente un rcapitulatif de votre commande. Cliquer sur Continuer .

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 16

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Identification du contact Pour vous identifier , il y a 2 possibilits : si vous ntes pas client chez OVH, vous crerez votre fiche client en cochant le bouton radio Nouveau contact .

Renseigner Nom et Prnom , ainsi que votre n de tlphone portable et cliquer sur le bouton Menvoyer le code . Une fois le SMS reu (4 chiffres) vous pourrez complter le reste de la fiche. Pour la partie Comment avez-vous connu OVH ? , vous pouvez cocher Formation et dans prcisez , mettre formation glenan.net ;-). Si vous tes dj client, il suffit de renseigner votre identifiant (ou NicHandle compos de vos initiales suivi de 1 6 chiffres, puis dun tiret et de ovh : ex : LP1234-ovh) et du mot de passe associ.

Une fois finalise lidentification, cliquer sur le bouton Continuer .

Ltape suivante consiste valider les contrats en cochant la case Jai pris connaissance des contrats et jaccepte en bas de page pour voir apparatre le bouton Continuer . Le dernier cran prsente un rcapitulatif de la commande avant paiement. Il est prfrable de payer par carte bancaire pour activer le traitement. Chez OVH, vous tes redirig vers le site du Groupe Crdit du Nord . Une fois le paiement accept, cliquer sur le bouton Retour la boutique qui vous permettra de rcuprer votre nichandle (identifiant OVH) pour accder votre interface de gestion si vous avez tap une adresse de courriel errone. Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 17

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Si vous tes un nouveau client et que vous avez coch la case entreprise, association des informations complmentaires vous serons demandes avant daccder la prvisualisation du bon de commande. Laisser les informations de propritaire, administrateur, technique et facturation tel quel, car cest vous qui grez votre domaine. Si vous avez opt pour un .fr et que vous reprsentez une structure, il vous faudra indiquer le n de SIREN (9 chiffres) et la dnomination exacte. En cas derreur, le systme revient sur la dnomination en vous indiquant en rouge celle qui est enregistre lINSEE et que vous navez qu recopier.

Glenan.net : version CMS avec Joomla 1.5


CREATION DE LA BASE DE DONNEE
Comme pour le serveur local, il est indispensable de disposer dune base de donnes pour que Joomla fonctionne .Se connecter sur http://www.ovh.com/, le site dOVH, et cliquer sur le bouton Manager en haut du site, au milieu de la page. Taper votre identifiant et votre mot de passe pour arriver sur votre compte.

Cliquer sur votre domaine dans la partie de gauche pour avoir un cran comme ci-contre. Le menu Administration permet de grer votre compte, rcuprer un double des factures La partie mutualise, constitue de 4 parties vous permet de grer : Domaine & DNS : viter si vous ntes pas certain de ce que vous faites. Emails : qui vous permettra de crer les comptes de courriel (compte POP), les redirections Hbergement : pour visualiser les statistiques et crer la base de donnes utile Joomla. Cliquer sur licne Nouvelle base Slectionner le type de base, ainsi que le nom utilis pour la base de donnes. Base est un exemple de nom de la base qui aura pour nom final : glenanfobase, puis cliquer sur Valider
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Pour plus dinformation sur la gestion de votre compte chez OVH, vous pouvez consulter les guides ainsi que le forum http://guides.ovh.net/guides, http://forum.ovh.com/. Si vous avez un problme avec votre site, vous pouvez consulter la liste des travaux http://travaux.ovh.net/, mais aussi envoyer une demande au support technique via linterface : https://www.ovh.com/managerv3/login.pl?ref=/managerv3/services-support.pl

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 18

Glenan.net : version CMS avec Joomla 1.5


TRANSFERT SUR LE SERVEUR DISTANT
En allant voir vos mails, vous trouverez de nombreux courriels dOVH, dont 2 nous intressent pour la cration du site : 1. [OVH-perso] monsite.com install ou [OVH-pro] monsite.fr install : contenant les codes FTP qui permettent le transfert de Joomla sur votre site. 2. [MySQL] La base MySQL maBaseDeDonnees : indiquant la cration de la base de donnes ainsi que les informations utiles pour linstallation de Joomla. Celui relatif votre facture na dimportance que pour votre comptabilit. Pour utiliser les codes FTP (File Transfert Protocole ou Protocole de Transfert de Fichier), il faut disposer dun logiciel grant ce protocole sur le Net. Mme sil est possible de grer le FTP dans le navigateur avec ou sans module complmentaire, il est prfrable de disposer dun logiciel spcifique, comme FileZilla, mais il en existe bien dautres. Vous pouvez tlcharger FileZilla sur http://filezilla-project.org/download.php?type=client ou sur dautres sites de tlchargement si vous en avez plus lhabitude. Si vous ne disposez pas de droit dinstallation (administrateur) sur votre ordinateur, vous pouvez utiliser une version portable, soit sous forme de collection de logiciels sur cl USB (Framakey, Liberkey, Portableapps..), soit en temps que fichier seul. (ex : http://www.framakey.org/Portables/PortableFilezilla) Une fois le logiciel install et excut, vous pouvez utiliser la connexion rapide pour vous connecter en ftp votre site ou configurer votre connexion pour y accder plus facilement ultrieurement en utilisant le menu Fichier Gestionnaire de Sites . Cliquer sur Mes Sites puis sur le bouton Nouveau Site pour crer une nouvelle connexion FTP. Renommer la connexion et renseigner l Hte . Si vous venez juste de crer votre hbergement, vous verrez que votre site nest pas encore disponible, car il faut un certain temps pour que la propagation de DNS se fasse, rendant votre site accessible depuis nimporte o. En attendant, vous pouvez utiliser celui dOVH. Du type ftp.perso.ovh.net ou ftp.pro.ovh.net. Dans ce cas, votre site nest accessible que par lurl http://perso.ovh.net/~mondomai ou http://pro.ovh.net/~mondomai (le ~ = tilde sobtient sur un PC en appuyant simultanment sur les touches Alt Gr et 2 ~ ou par copier-coller depuis votre courriel. Choisissez le type dauthentification Normale et renseigner lidentifiant et le mot de passe en fonction des informations transmises par OVH, puis cliquer sur le bouton Connexion .
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Une fois la connexion avec votre site tablie, vous accdez linterface de FileZilla. Linterface se compose de 4 zones : Lordinateur local sur lequel vous avez tlcharg et dcompress Joomla. Lordinateur distant sur lequel vous voulez transfrer Joomla. Ligne de commande qui indique les commandes FTP et les rponses entre votre ordinateur et le serveur. Elles servent principalement vrifier que la connexion stablie et dans le cas contraire voir le message derreur pour pouvoir le corriger. Liste des fichiers transfrer.

Ligne de commande Ordinateur local Votre ordinateur Ordinateur distant Votre site chez votre hbergeur

Liste des fichiers transfrer

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 19

Glenan.net : version CMS avec Joomla 1.5


Par dfaut, sauf si vous avez modifi les paramtres avancs de la connexion, vous tes dans la racine (root) de votre hbergement, qui contient 3 dossiers : Le dossier cgi-bin pourra contenir entre autres : des programmes permettant la liaison avec votre banque suivant le type de contrat choisi pour un paiement en ligne. Le dossier requetes na pas dintrt dans notre cas. www contient la partie visible de votre site accessible en http par http://www.mondomaine.fr ou par http://perso.ovh.net/~mondomai. Il faudra donc transfrer Joomla dans ce dossier. Double cliquer sur le dossier www pour y accder. Le dossier .htaccess nest pas forcment visible selon le logiciel de FTP utilis et son paramtrage. Le fichier index.html doit tre renomm en utilisant le clic-droit, pour permettre Joomla de sexprimer (par exemple en index-vieux.html). Il peut aussi tre supprim. Utiliser la fentre locale de votre ordinateur pour slectionner le dossier contenant les fichiers dzipps de Joomla.

Les fichiers en cours de transfert sont dans la fentre du bas. Si tout se passe bien, au bout dun temps variable dpendant de votre connexion, lintgralit des fichiers sera transfre sur votre site. Dautres mthodes que le FTP sont possibles comme une connexion SSH en ligne de commande qui a lavantage dtre beaucoup plus rapide, mais qui prsente linconvnient majeur dtre trop complexe pour un nophyte.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 20

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Ensuite slectionner lensemble des dossiers et fichiers de Joomla en local, soit en faisant un clic-gauche sur le premier dossier et ensuite un shift-clic gauche (shift est aussi appel majuscule temporaire et reprsente une grosse flche pointant vers le haut, prsente de chaque ct du clavier). Il est aussi possible de faire un clicgauche sur un des lments du dossier, puis de faire Ctrl-A pour slectionner lensemble des objets du dossier et de les transfrer sur le serveur par glisser-dplacer lendroit o se trouve le fichier index-vieux.html.

Glenan.net : version CMS avec Joomla 1.5

INSTALLATION SUR LE SERVEUR


Il faut maintenant configurer Joomla proprement parler. Sur un serveur local, avec wampserveur ou autre, se rendre sur ladresse http://localhost/ ou sur http://127.0.0.1/ et cliquer sur le nom du projet excuter glenan.net . Pour un serveur distant il faut se rendre sur ladresse du site pour pouvoir configurer Joomla : dans http://glenan.net/joomla notre cas. Si vous tes chez un hbergeur, attendez la propagation du DNS pour que votre domaine soit accessible par le nom de domaine que vous avez acquis

La connexion se fait sur la page daccueil du module dinstallation qui comporte 7 tapes. Le franais est slectionn par dfaut (sinon le slectionner) et cliquer sur suivant .

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 21

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Si tout nest pas en vert, consulter le paramtrage de votre hbergeur pour savoir comment modifier les paramtres ; avec Wamp en standard, tout devrait tre au vert Cliquer sur Suivant

Regarder le contrat de licence (actuellement en version 2 alors que la version 3 est disponible depuis juin 2007). Si langlais vous pose problmes, une traduction non officielle est disponible sur : http://www.linux-france.org/article/these/gpl.html

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 22

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Ltape 4 est plus problmatique car elle demande davantage de connaissances et dexprience.

Dans le cas dune configuration locale, les paramtres par dfaut sont les suivants : Nom du serveur : localhost ou 127.0.0.1 Nom dutilisateur : root (sous les environnements Linux et Unix, cest lquivalent de administrateur ou administrator sous Windows) Mot de passe : Ne rien mettre en local car cest le mot de passe par dfaut. Pour des raisons de scurit videntes il serait nanmoins souhaitable den avoir un. Nom de la base de donnes : glenanJommla dans notre cas (voir prparation du serveur local)
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Dans le cas dune configuration distante, les paramtres sont ceux transmis par votre hbergeur. Dans notre cas pour un hbergement de type plan 90 chez OVH, il pourrait tre de type : Nom du serveur : mysql5-10 Nom dutilisateur : glenanJoomla Mot de passe : xxxxxxxx (bien videment ne jamais communiquer le mot de passe ;-) Nom de la base de donnes : glenanJommla (pour plus dinfo, voir prparation du serveur distant)

Cliquer sur Suivant Si des erreurs sont tapes, elles apparaissent en rouge dans les paramtres de base et il est impossible de passer ltape suivante.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 23

Glenan.net : version CMS avec Joomla 1.5


Laccs FTP a peu dintrt dans notre cas. Cliquer sur Suivant .

Donner les informations sur votre site : nom du site, email et surtout mot de passe de ladministrateur (ceux du superadministrateur de Joomla, voir les droits avec Joomla). Si vous souhaitez crer votre site, il est prfrable davoir une base vide. Cependant il est possible (voir souhaitable) de disposer dune autre base dexemples pour laquelle on installera les donnes dexemples. Dans ce cas recommencer la procdure de cration de site. Cliquer sur Suivant .

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 24

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Un message vous indiquant quaucune donne dexemples nest installe apparat. Cest notre choix car il est plus facile de crer des donnes que de les supprimer compltement. Cliquer sur OK .

Le dernier cran indique que linstallation est termine et que lidentifiant de connexion est admmin .

Si les codes FTP ont t renseigns ltape 5, il est possible daller sur le site ou de ladministrer. Passer directement la prise en main de joomla sinon il faut, comme indiqu sur notre cran, supprimer le rpertoire dinstallation pour voir le site. Sinon, en cliquant sur licne Site , la page ci-dessous apparat alors que la connexion sur Admin est possible.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 25

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

FINITIONS SUR LE SERVEUR


Les finitions consistent supprimer le dossier dinstallation pour viter que quelquun ne refasse la configuration du site, ce qui serait dommage

SERVEUR LOCAL

Aller dans le dossier glenan.net du dossier www de wamp et supprimer le dossier dinstallation en appuyant sur la touche Suppr aprs lavoir slectionne. Cliquer sur Oui pour valider.

SERVEUR DISTANT
Lancer Filezilla aprs lavoir install et paramtr. Slectionner le dossier installation et appuyer sur la touche Suppr du clavier. Valider la suppression.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 26

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

TRANSFERT DE LOCAL VERS DISTANT


TRANSFERT DES FICHIERS
Dans la racine du site se trouvent quelques fichiers et des dossiers. Au minimum, les dossiers suivants sont prsents : administrator ; cache ; components ; images ; includes ; language ; libraries ; logs ; media ; modules ; plugins ; templates ; tmp ; xmlrpc. Au lieu de rcuprer les fichiers modifis, il est prfrable de transfrer lintgralit des dossiers, sans pour autant transfrer les fichiers de la racine car configuration.php, sil est transfr, rendra le site non oprationnel. Ouvrir Filezilla ou votre logiciel de FTP habituel en ayant sur la gauche votre site en local et sur la droite le site distant. Slectionner les dossiers lists ci-dessus dans la fentre locale ( gauche) et les dplacer dans la fentre distante ( droite) en ayant soin dtre au mme niveau avec les mmes dossiers et fichiers visibles. Ds le dbut du transfert un message apparat indiquant que les fichiers existent dj. Aprs avoir vrifi que tout est correct, il faut cocher la case toujours utiliser cette action et cliquer sur le bouton OK puis attendre la fin du transfert.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 27

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


TRANSFERT DE LA BASE
Il faut rcuprer la base sur le site local et lintgrer sur le site distant. Lopration va donc se drouler en 2 temps : Rcupration de la base locale Faire un clic gauche sur licne WampServeur 2.0 et slectionner phpMyAdmin, puis slectionner la base glenan.net en local (glenanjoomla dans notre cas). Une fois dans la liste des tables de la base, cliquer sur le bouton Exporter .

Il faut maintenant slectionner toutes les tables en cliquant sur le lien Tout slectionner pour bleuir les tables en-dessous du bloc Exporter . Laisser le format SQL par dfaut et vrifier que les cases cocher Struture et Donnes dans les options SQL sont bien coches. Ne pas oublier de cocher la case Transmettre . Cliquer sur le bouton Excuter pour lancer le transfert. Suivant le navigateur utilis, vous pouvez choisir lendroit et le nom du fichier qui sera transmis.

Mme si le fichier contenant la base ne pse pas lourd, avec le temps la base peut crotre et trouver les limites de lhbergeur en terme de taille maximale autorise. Vous pouvez utiliser aussi cette technique pour rcuprer les versions intermdiaires du site sur http://glenan.fr/formation et viter dincorporer les images, les Templates

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 28

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Transfert de la base en distant La procdure ci-dessous peut tre utilise pour transfrer une base sur le serveur, mais galement pour rcuprer des bases en tlchargement sur http://glenan.fr/formation et ainsi vous viter davoir faire la saisie des informations.

Afin dimporter la base entire qui contient aussi la structure, il est prfrable de supprimer toutes les tables de la base. Attention : ces oprations ne sont effectuer quaprs avoir ralis au moins une sauvegarde complte de la base. Descendre en bas de la page, cliquer sur Tout cocher puis dans la liste droulante Pour la slection choisir Supprimer .

Une requte DROP TABLE `jos_banner`, `, `jos_weblinks`; est propose. Cliquer sur Oui pour lexcuter. Il nexiste maintenant plus de table dans la base aprs une bonne excution de la requte. Cliquer sur Importer , puis sur le bouton Parcourir et slectionner le fichier glenanjoomla.sql cr ltape prcdente. Il ne reste plus qu cliquer sur le bouton Excuter pour recrer table et contenu. Valider le rsultat en regardant le site pour voir sil correspond la version locale. Il existe autrement des logiciels permettant deffectuer le transfert dun site lautre, mais si vous savez modifier le fichier configuration.php, lopration (qui nest pas rgulire) peut tre ralise avec cette mthode.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 29

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


CONFIGURATION.PHP
Il ne faut donc pas transfrer le fichier configuration.php sous peine de ne plus pouvoir accder au site distant. Il contient les informations ci-dessous, dont certaines que nous avons introduites lors de la saisie des paramtres du site local avec, en rouge, les lignes quil faut modifier au minimum sur le serveur distant :
<?php class JConfig { var $offline = '0'; var $editor = 'tinymce'; var $list_limit = '20'; var $helpurl = 'http://help.joomla.org'; var $debug = '0'; var $debug_lang = '0'; var $sef = '0'; var $sef_rewrite = '0'; var $sef_suffix = '0'; var $feed_limit = '10'; var $secret = 'abcdefghijklmnop'; var $gzip = '0'; var $error_reporting = '-1'; var $xmlrpc_server = '1'; var $log_path = 'C:\\wamp\\www\\glenan.net\\logs'; var $tmp_path = 'C:\\wamp\\www\\glenan.net\\tmp'; var $offset = '1'; var $caching = '0'; var $cachetime = '15'; var $cache_handler = 'file'; var $memcache_settings = array(); var $ftp_enable = '0'; var $ftp_host = '127.0.0.1'; var $ftp_port = '21'; var $ftp_user = ''; var $ftp_pass = ''; var $ftp_root = ''; var $dbtype = 'mysql'; var $host = 'localhost'; var $user = 'root'; var $db = 'glenanJoomla'; var $dbprefix = 'jos_'; var $mailer = 'mail'; var $mailfrom = 'webmaster@glenan.net'; var $fromname = 'Glenan.net : version CMS Joomla'; var $sendmail = '/usr/sbin/sendmail'; var $smtpauth = '0'; var $smtpuser = ''; var $smtppass = ''; var $smtphost = 'localhost'; var $MetaAuthor = '1'; var $MetaTitle = '1'; var $lifetime = '15'; var $session_handler = 'database'; var $password = ''; var $sitename = 'Glenan.net : version CMS Joomla'; var $MetaDesc = 'Joomla! - le portail dynamique et systme de gestion de contenu'; var $MetaKeys = 'joomla, Joomla'; var $offline_message = 'Ce site est en maintenance. Merci de revenir ultrieurement.'; } ?>

Ne pas oublier de faire systmatiquement une copie de vos fichiers avant deffectuer des modifications, quitte mme changer le nom en local / distant, ce qui permet davoir uniquement copier et renommer un fichier en fonction de lendroit o est publi le site.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 30

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

MISE A JOUR DE JOOMLA


Lance en janvier 2008, la version de Joomla 1.5 volu progressivement pour arriver la version 1.5.15 en novembre 2009, soit en moyenne une nouvelle version tous les 1 mois . Il est souhaitable de faire les mises jour de Joomla rgulirement pour des questions de scurit, mais aussi de fonctionnalits, ainsi que pour une meilleure traduction Cliquer sur le bouton tlcharger la dernire version stable, puis sur le bouton Patches de mise jour Joomla ! 1.5.x . Si les mises jour sont faites rgulirement, vous pouvez tlcharger le Patch de mise jour de la version n-1 la version actuelle. Si par contre vous faites les mises jour moins rgulirement, vous pourrez tlcharger le patch de mise jour depuis nimporte quelle version de Joomla 1.5.x Avant linstallation dune mise jour, penser faire une sauvegarde complte de votre site. Une fois tlcharge, la version qui vous intresse, il faut la dzipper et la transfrer dans le dossier de Joomla, soit en local par lexplorateur de fichiers, soit en distant via le FTP. La mise jour ne contient pas de dossier dinstallation, ni de dossier configuration.php. Les fichiers existant dj pour bon nombre dentre eux, il vous sera demand quelle action faire dans le cas o un fichier est dj prsent sur le site. Laisser coch le bouton radio Remplacer et cocher en plus la case Toujours utiliser cette action pour ne pas avoir cliquer sur OK plusieurs milliers de fois. Vous pourrez voir le numro de la version en cours en vous connectant dans la partie dadministration du site, en haut droite, dans le prolongement du nom de votre site. Certaines mises jour peuvent impliquer, en plus, un script mettant jour la base de donnes pour la rendre conforme la nouvelle version. Penser aussi faire la mise jour des diffrentes extensions utilises par le site. Certaines extensions peuvent tre mise jour. Dans dautres cas, il faudra dsinstaller lextension pour pouvoir installer la nouvelle version.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 31

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

SAUVEGARDE
Il est possible de raliser ces sauvegardes personnellement ou par des outils tiers. Il faut sauvegarder la fois le code et la base de donnes. Avec un hbergement mutualis chez OVH, le code est sauvegard automatiquement et accessible en cas de problme. Pour la base de donnes, il est prfrable de faire une sauvegarde partir de linterface phpMyAdmin. Si vous disposez de votre propre serveur, vous pouvez mettre en place un script sauvegardant la fois le code et le dossier contenant la base de donnes. Mme si cette opration nest pas complique, il est plus facile de lintgrer directement linterface de Joomla pour vous faciliter les sauvegardes. Aller sur le site de JoomlaPack http://joomlapack.net/download/. Slectionner JoomlaPack for Joompla ! 1.5.x et tlcharger le JoomlaPack Plus . Aller dans ladministration du site et dans le menu Extensions Installer/Dsintaller , Slectionner le fichier zipp qui vient dtre tlcharg et cliquer sur Transfert de fichiers & installation . Une fois install, une icne apparat dans linterface gnrale du panneau dadministration, indiquant quel est ltat de la sauvegarde. Cliquer sur licne pour lancer le dmarrage dune nouvelle sauvegarde. Utiliser le menu Composant JoomlaPack . Par dfaut lintgralit de la base et des fichiers est sauvegard. Cependant si aucun mdia nest ajout au site (images, vidos, documents) ou quaucune extension supplmentaire nest installe, il est utile de sauvegarder uniquement la base de donnes. De plus, cette opration est beaucoup plus rapide que la sauvegarde intgrale du site. Si vous ntes pas familier avec les notions de sauvegarde, laisser le systme grer les paramtres votre place et cliquer sur licne Passer en mode simple . Pour lancer une sauvegarde, il suffit de cliquer sur licne Sauvegarder . Il est possible de suivre lvolution de la sauvegarde re de la base, puis des fichiers. La 1 sauvegarde peut mettre un peu de temps.

Une fois la sauvegarde effectue, licne du panneau de configuration se modifie. La sauvegarde est dans votre site et il est intressant pour des problmes de scurit, de disposer dune version sur votre ordinateur. Vous pouvez rcuprer les fichiers de sauvegarde en FTP, mais beaucoup plus simplement en cliquant sur Gestion et restauration . Cocher la ou les sauvegardes importer sur votre ordinateur et cliquer sur licne Tlchargement . Valider le message davertissement et, suivant votre systme dexploitation et votre navigateur, enregistrer votre sauvegarde. Pour des questions de scurit, il est prfrable de changer le dossier par dfaut, car la sauvegarde contient le fichier configuration.php et donc les codes daccs la base de donnes et ventuellement les codes FTP de votre site.

Installation de Joomla __________________ Philippe LOST et Gunol LOST________ Page 32

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

PRISE EN MAIN DE JOOMLA


Joomla, comme beaucoup de CMS, se dcompose en deux parties : Une partie Front-end qui est la partie visible du site pour les internautes, avec une possibilit de connexion permettant la cration et ventuellement la publication darticles. Une partie Back-end pour grer ladministration du site et aussi la cration darticles.

LE FRONT-END
La connexion sur le Front-end se fait sur le serveur local sur http://localhost/glenan.net/ et sur le serveur distant sur http://glenan.net/joomla/.

Linterface est pauvre du fait de ne pas avoir choisi dinstaller les donnes exemples qui auraient rendu quelque chose comme cicontre. Par contre il aurait t ncessaire de nettoyer les menus, supprimer les dizaines darticles inutiles et enlever Une autre possibilit est de faire un dump dune base vide et de la coller via phpMyAdmin en remplacement de celle dexemples (voir transfert de local vers distant plus dinformations). Nous allons maintenant commencer remplir le site.

Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 33

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

LE BACK-END
CONNEXION AU BACK-END
La connexion au back-end se fait par le dossier administrator du site, soit : Sur le serveur local par : http://localhost/glenan.net/administrator/ Sur le serveur distant par : http://glenan.net/joomla/administrator/ La connexion par dfaut se fait avec les identifiants suivants : Username : admin Password : celui slectionn ltape 6 de linstallation de joomla. Si vous ntes pas habitu la langue de Shakespeare, il faut slectionner French (FR) avant de cliquer sur Login (si elle nest pas en franais). Si le systme vous le propose, vous pouvez deman-

der ce que le navigateur en gardant en mmoire le mot de passe. Attention avoir protg votre session dans ce cas.

LECRAN DACCUEIL DU BACK-END

Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 34

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


MODIFIER LA LANGUE PAR DEFAUT
Pour les futures connexions il est prfrable de changer la langue en cliquant sur licne Gestion des langues . Cocher le bouton radio French (FR) et cliquer sur licne Defaut .

Si la langue franaise nest pas disponible, reportez-vous au chapitre installation dun package. Ne pas oublier deffectuer la mme chose dans longlet Administrateur pour modifier la langue de lAdministrateur. Dans le Front-end, except le changement de Powered by par Motoris par , aucun changement napparat. Faites attention galement car il est probable, quelle que soit la version de Joomla utilise, quil reste des parties qui ne soient pas (ou mal) traduites, principalement dans le Back-end.

Les modifications du site peuvent commencer.

Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 35

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


LINTERFACE
Comme dans dautres logiciels il existe un menu et pour, les fonctions les plus utilises, une dizaine dicnes permettent un accs rapide. Pour revenir cet cran de dpart il faut utiliser le menu Site Panneau dadministration . Pour crer un article. Non directement accessible par le menu. Pour modifier les articles de la page daccueil. Contenu Gestion de la page daccueil Pour lister tout ou partie des catgories Contenu Gestion des catgories Pour crer ou modifier des menus Menus Gestion des menus Pour grer les utilisateurs Site Gestion des utilisateurs Pour lister tout ou partie des articles Contenu Gestion des articles Pour lister tout ou partie des sections Contenu Gestion des sections Pour visualiser et tlcharger des medias Site Gestion des mdias Pour modifier les langues par dfaut. Extension Gestion des langues Pour la configuration globale du site Site Configuration

Dans les diffrentes parties du site, il est possible de trouver les icnes ci-dessous. Le dtail de leur usage sera, pour les principales, trait dans la suite de ce support. Cration dun objet (article...) Edition de lobjet (article) Dupliquer lobjet (article) Dplacer lobjet (article) Supprimer lobjet Publier ou activer lobjet Dpublier lobjet Archiver lobjet Dsarchiver lobjet Restaurer lobjet Prvisualiser lobjet Ajout dutilisateur Verrouiller Rafraichir Modifier le code du template (modle) Modifier la CSS du template (modle) modification du XML Appliquer sans quitter Sauver et quitter Annuler et quitter Aide Paramtrage et prfrence Choix par dfaut Imprimer Gestionnaire de menu Rechercher Envoyer le courriel

Prcdent Suivant ou transfert Tlcharger vers le site (upload) Tlcharger depuis le site (dowmload) Exporter
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Bien videment ces icnes sont celles du template (modle) administrateur Khepri et peuvent tre modifies, mais il est certainement plus utile de modifier le template du site que celui de ladministrateur.

Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 36

Glenan.net : version CMS avec Joomla 1.5


CONFIGURATION GENERALE

Longlet Systme contient des informations qui sont suffisantes, par dfaut, pour les sites classiques. Pensez seulement modifier le serveur daide dans le bloc Paramtres systme pour quil pointe sur French Joomla.fr .

Dans longlet Serveur, indiquer que le serveur est localis sur le fuseau de Paris et non pas sur celui de Londres. Le reste des paramtres a t renseign lors de linstallation et il nest pas judicieux de les modifier sans connaissance de limplication sur le fonctionnement du site. Ne pas oublier de sauver les paramtres de la configuration gnrale.

Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 37

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Dans longlet Site, il existe 3 blocs de paramtres Paramtre du site, avec principalement le nom de lditeur utilis. Nous verrons au chapitre Modules, composant, plugins comment installer un nouvel diteur. Paramtre des mtadonnes dans lesquelles il faut renseigner description et keywords. Pour plus dinformation, voir le module Glenan.net : rfrencer son site . Paramtre SEO : Search Engine Optimization (optimisation pour les moteurs de recherche).

Glenan.net : version CMS avec Joomla 1.5

ARTICLES ET MENUS
Avant daborder la gestion darticles proprement dite, nous allons crer un article et le rendre accessible depuis Main Menu que nous franciserons pour loccasion. Utilisez seulement la procdure. Lexplication plus compte du paramtrage sera vue au chapitre Gestion darticles .

CREATION DE LARTICLE
Cliquer sur licne Ajouter un nouvel article ou utiliser le menu Contenu Gestion des articles et cliquer sur licne Nouveau . Donner un titre larticle Objectif de Glenan.net . Slectionner une section : Non catgoris . Et rentrer un contenu pour larticle : Ce site a plusieurs objectifs : Tout d'abord, permettre tout un chacun de parfaire sa connaissance des Glnan. Bien videmment il manque beaucoup dentres dans cet abcdaire, mais pour linstant (jusquau Pardon 2007) il permet de valider quaucune entre primordiale na t oublie. La sortie officielle aura lieu pendant le Pardon 2007. Permettre d'apprhender la construction de ce type de site qui sera dclin en quatre versions : une version HTML de base dveloppe avec les outils dAdobe (Dreamweaver, Fireworks, Flash), une version PHP/MySQL, une version CMS et une version Wiki. Pour chaque version un support de cours sera disponible sur Glenan.fr Bonne navigation et nhsitez pas envoyer toute remarque lors de cette phase de tests test@glenan.net ou en utilisant la page du formulaire. Laisser les autres paramtres standards et cliquer sur Sauver

INTEGRATION DANS UN MENU


Utiliser le bouton Gestion des menus ou le menu Menus Gestion des menus . Cliquer sur Main Menu dans la colonne Titre et modifier la zone de saisie Titre et remplacer le mainmenu : par menuprincipal ; Main Menu par Menu principal et ventuellement dans description mettre Le menu principal de votre site et cliquer sur licne Sauver De retour dans Gestion des menus , cliquer sur licne Elments de menu Il ny a pour linstant quun item. Cliquer sur Home dans la colonne Lien de menu et remplacer le Titre par Accueil . Cliquer sur le bloc Parameters System dans la colonne de droite et remplacer dans Titre de la page lintitul Welcome to the Frontpage par Bienvenue sur la page daccueil de Glenan.net : labcdaire des Glnan et valider en cliquant sur licne Sauver . Cliquer sur licne Nouveau pour ajouter un nouvel item de menu. Cliquer sur Articles et slectionner Un article . Sur le nouvel cran donner un titre Objectif du site dans la partie de droite, dans le bloc parameters Basic cliquer sur le bouton Slection et choisir le seul article prsent Objectif de Glnan.net , puis cliquer sur licne Sauver . La page daccueil du site est modifie si elle est rafrachie, mais nanmoins, Main menu est toujours prsent sur lcran. Aller dans le Back-end dans le menu Extension Gestion des modules et cliquer sur Main menu dans la colonne Nom du module puis changer le titre Main menu par Menu principal . Le rsultat est acceptable dans le Front-end avec une page objectif et nous apprendrons dans le chapitre suivant comprendre les actions effectues. Prise en main de Joomla ________________ Philippe LOST et Gunol LOST________ Page 38

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

GESTION DARTICLES

PRINCIPE DE FONCTIONNEMENT
Le CMS Joomla propose la cration darticles. Ces articles sont rattachs des catgories et ces catgories elles-mme des sections. Un article, une catgorie ou une section peut tre reli un menu de faon permettre laccs linformation en fonction des choix dfinis par le gestionnaire de site. Les menus sont placs dans le modle de page (template) en fonction des choix effectus sur linterface graphique. Dans le cadre dun site comprenant une dizaine darticles, il nest pas ncessaire de crer sections et catgories, ils pourront tre dans lespace Non catgoris . Si, par contre, vous pensez avoir plusieurs centaines de pages, il faut bien rflchir larborescence des sections et catgories. Dans le cadre de Glenan.net, le choix sest fait sur larborescence suivante :

Sctions

Section Cours

Section Lettres

Glenan.net

Catgories

Catgorie
Glenan.net

Catgorie A

Catgorie B

Catgorie C

Catgorie D

Catgorie


Articles

nes Antenne Archipel

Bananec Bateau Bnodet


Bigoudnie

Concarneau

Coquillage

Cormoran Crustacs
Cungonde

Une section Lettres (de lalphabet) regroupera les diffrentes catgories (les lettres de lalphabet elles mmes). Les diffrents articles iront naturellement se ranger dans la catgorie en fonction de leur premire lettre (normal pour un abcdaire). Voir lexemple ci-dessus qui reprend les 4 premires lettres de lalphabet et les articles associs. Une autre section pourrait tre cours avec les diffrents supports de cours en catgories et les chapitres des supports en tant quarticles. Ce choix nest pas fait ici car les supports de cours sont sur http://glenan.fr/. Dans la suite du chapitre, nous allons crer la section Lettres et les catgories A, B, C, D puis ensuite les premiers articles. Afin de faciliter la comprhension du sujet, la suite des articles sera intgrable via la base de donnes.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 39

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Bollor Bombe Bretagne Brilimec

CNG Cales Castric Chaffron Chambre Cigogne

Dchets Delliou Drnec

Glenan.net : version CMS avec Joomla 1.5

CREATION DES SECTIONS


Sur la page daccueil de ladministration du site une icne permet la cration des sections du site. Il est aussi possible dutiliser le menu Contenu Gestionnaire des sections . La liste des sections tant vide, il faut cliquer sur licne Nouveau pour crer la nouvelle section. Il suffit de renseigner le titre : Lettre et de valider en cliquant sur Sauver . Lalias se renseignera automatiquement avec le Titre. Par dfaut litem cr est publi. Pour les niveaux daccs, voir le chapitre : les droits . Limage de litem et son positionnement peut tre intressant dans le cadre dun template gnrique, mais napporte rien dans notre cas, comme le texte de description qui permet den savoir plus sur la section. Notre interface sera comme pour les autres versions de glenan.net : un clic sur une lettre listera lensemble des articles de la lettre de lalphabet clique.

CREATION DES CATEGORIES


Sur la page daccueil de ladministration du site une icne permet la cration des catgories du site. Il est aussi possible dutiliser le menu Contenu Gestion des catgories . La liste des catgories tant vide, il faut cliquer sur licne Nouveau pour crer la nouvelle section. Les informations sont quasiment identiques que pour les sections, except quil est ncessaire dindiquer quelle section se rattache la catgorie. Comme nous nen avons quune elle est propose par dfaut, sinon cest la premire section de la liste qui est propose par dfaut. Renseigner A pour le titre et cliquer sur Sauver .

Recommencez lopration pour les catgories : B, C et D. La suite sera importe.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 40

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

CREATION DUN ARTICLE


Sur la page daccueil de ladministration du site licne gauche permet la cration directe dun article, alors que licne de droite permet daccder la gestion des articles. Il est aussi possible dutiliser le menu Contenu Gestion des articles . Depuis le menu Gestion des articles , faire un clic sur Nouveau pour crer un nouvel article.

Le premier article aura pour titre nes dans la section Lettre , catgorie A . Le dbut du contenu sera le suivant : Gnralits La prsence dnes aux les na rien de surprenant surtout lt, les vedettes en dbarquant des centaines tous les jours. Plus srieusement, 3 nes, des vrais, ont occup la rserve naturelle des narcisses de 1990 1996.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 41

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


LEDITEUR DE TEXTE.
Le choix de lditeur est important pour bien travailler et raliser facilement de la mise en page darticles, dinsrer divers types de contenu Par dfaut, cest lditeur TinyCME 2.0 qui est utilis. TinyMCE 2.0

Lditeur est correct pour les oprations de base, cependant linsertion de mdias nest pas trs pertinente mais peut tre compense pour les images par insertion dimages (voir le chapitre plus bas), ou alors il faudra voluer vers la version 3.0. Il est nanmoins possible dinstaller dautres diteurs, dont les principaux sont cits ci-dessous. Il est possible de dfinir un diteur global pour nimporte quel utilisateur via la configuration globale du site. Chaque utilisateur peut aussi disposer dun diteur particulier, suivant ses comptences et son travail raliser (voir le paramtrage et les droits utilisateurs). La majorit des diteurs ne sont pas bien traduits dans les icnes : B (comme Bold) la place de G (Gras) ou le U (de Underline) au lieu du S (de soulign). Certains diteurs permettent un paramtrage fin en supprimant certaines fonctions comme le soulign qui na aucune raison dtre sur le Net, afin dviter la confusion avec les liens hypertextes. JCE editor

Tlchargeable sur le site http://www.cellardoor.za.net/. La version standard est dj correcte, mais la version payante permet une meilleure gestion des diffrents types de mdias pour un cot de 20 , avec les mises jour pour une anne. FCKeditor

Les possibilits de cet diteur sont accessibles sur le site http://www.fckeditor.net/. Le principal point fort de cet diteur est dtre multiplateforme. Pour disposer de la version pour Joomla, elle est tlchargeable depuis le site http://www.joomlafckeditor.com/. Voir aussi la procdure dinstallation et dutilisation dans le chapitre Modules, composants, plugins No Editor

Peu dintrt pour ce non-diteur moins de vouloir absolument matriser le code gnr pour les articles. Le mode WYSIWYG (What You See Is What You Get : ce que vous voyez lcran est ce que vous obtiendrez, initialement prvu pour limprimante, mais valable aussi sur lcran) des diteurs est nanmoins prfrable, dautant que bon nombre dentre eux proposent dditer le code source gnr : bouton HTML , Source

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 42

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


LA MISE EN PAGE ET LES STYLES
Lors de la frappe de texte, ce qui drange le plus le crateur dbutant est lespace entre les paragraphes quil est impossible de modifier par un menu format paragraphe, comme sur les traitements de texte traditionnel. Il existe depuis toujours une astuce permettant de compenser ce problme : cela consiste, lors dun changement de paragraphe, positionner un saut de ligne forc. Si vous regarder le code HTML gnr, vous verrez la place de la balise </p><p> (fin de paragraphe, puis dbut de paragraphe suivant), la balise <br /> (saut de ligne forc). Si lespace entre 2 paragraphes doit tre plus important (lutilisateur dun traitement de texte appuierait 2 fois sur la touche Entre ), il suffit de mettre un seul saut de paragraphe et lespace est normal. Ceci oblige les diteurs de texte faire des modifications importantes sur le texte rcupr par copiercoller. Il est possible de rsumer les actions par dfaut dans le tableau ci-dessous : Traitement de texte Paragraphes espacs Paragraphe rapprochs Entre Entre Shift Entre ou Entre diteur Web Shift Entre ou Entre Entre Balise Web <p> </p> <br />

Bien que seule la pratique de lditeur Web soit correcte en terme de traitement de texte, bon nombre dditeurs proposent de remplacer automatiquement les sauts de paragraphe par des sauts de ligne forcs (voir paramtrage de lditeur). Cette pratique est trs courante sur internet et explique que lopration en retour (rcuprer du texte depuis internet dans un traitement de texte) donne souvent des rsultats assez catastrophiques. Pour preuve, il suffit de regarder certains mmoires, rapports dtudiants ayant abus du copier-coller ! La mthode la plus lgante consiste appuyer une seule fois sur la touche Entre et grer lespacement entre les paragraphes par la feuille de style. Voir le support de cours Glenan.net : cration du modle sur http://glenan.fr pour plus dexplication sur les styles et leur mise en uvre dans le code HTML et consulter le chapitre modification de la feuille de style du template pour son usage au sein de Joomla. Lutilisation de style est importante, car elle vite de mettre du formatage de contenu en dur dans larticle. Le contenu sera gr par dans une feuille de style externe permettant : De diminuer le poids de la page (avec le haut dbit, cet argument est moins percutant). De faciliter des modifications globales sur tout le site dun style particulier sans avoir repasser toutes les pages en revue.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Pour ce qui concerne les auteurs darticles, 2 types de styles sont notre disposition : Les styles de balise Le titre gnralit est pour linstant dans une balise de paragraphe (<p>) et il serait possible de le faire passer dans une balise de titre (<h1> <h7>). Pour cela, slectionner le texte Gnralit et cliquer dans la liste droulante Format noter ventuellement paragraphe . Attention ne pas avoir mis de saut de ligne forc, car sinon tout le texte passe en titre de niveau 1.

Ces balises sont bien comprises par les moteurs de recherche et permettent un rfrencement intressant dans la mesure o les titres de niveau sont, priori, importants.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 43

Glenan.net : version CMS avec Joomla 1.5


Les styles du site Ils sont grs avec le Template (modle) et permettent dappliquer un formatage particulier un paragraphe ou autre balise. On y accde en cliquant sur la liste droulante Styles . Par dfaut, le nombre de styles nest pas forcment important, mais il pourra tre augment lors de la modification du Template.

Mme si lors de la cration des premiers sites avec un CMS il nest pas vident de penser la feuille de style et au modle, il faudra prendre soin de ne pas entrer en dur dans larticle des modifications qui pourraient tre du ressort des styles. Si jamais, dans la mise en forme de vos articles, vous avez besoin dun formatage particulier et que vous navez pas encore assimil toute la manipulation des styles, vous pouvez crer le style dans le Template en mettant peu dlments dedans et lappliquer la slection. Quand vous reviendrez modifier la feuille de style, celui-ci sera automatiquement mis jour dans toutes les pages y faisant rfrence. Si vous prfrez vous concentrer sur le contenu sans tenir compte des styles, car le Template nest pas encore vident dans votre esprit, ne faites rien et laissez le texte tel que. Pensez simplement noter quil vous faudra revenir sur larticle un moment donn pour le finaliser. Dans le cadre de ce support le Template et les styles ntant pas crs, larticle va rester en ltat.

INSERTION DIMAGES
Larticle sur lne contient une photo quil va falloir insrer. Suivant lditeur, linsertion dimage peut tre une icne reprsentant un arbre ( la faon Adobe DreamWeaver) ou une montagne avec un soleil ( la faon MS Office). Cest l que lditeur prend toute sa valeur et que son choix est important. Si vous utilisez TinyMCE 2.0, une fentre apparat, mais elle ne permet pas de tlcharger dimage, ni mme de choisir une image dj prsente sur le site. Il faut slectionner lURL de limage. Ces fonctionnalits pouvaient tre intressantes avec les versions 1.0.x de Joomla couples lintgration du module MOSImage. Certains diteurs comme moxicode system (http://tinymce.moxiecode.com/) proposent des modules payants. Cest aussi le cas de JCE avec (http://www.joomlacontenteditor.net/) nanmoins un module de base fonctionnel. Sinon, il faut utiliser des produits comme FCK (http://www.fckeditor.net/) qui peuvent exister sous licence libre et/ou commerciale. Si vous prfrez rester avec TinyMCE et que vous souhaitez continuer utiliser ce bouton, attention bien faire le distinguo entre les URL absolues (http://www.glenan.net/images/ane1.jpg ou http://localhost/glenan/images/ane1.jpg) et relatives (images/ane1.jpg) avec heureusement une preview (prvisualisation) permettant de vrifier que le lien est correct. Si vous avez cliqu sur le 1er lien absolu, une image dne apparat dans le navigateur, alors que dans lautre lien absolu sur localhost le systme vous indiquera quil est impossible de charger une image, moins davoir charg une image du mme nom dans le dossier images de votre site glenan Avec un lien absolu vers http://www.glenan.net/images/ane1.jpg, lors du transfert de votre site en local vers le site distant, limage sera toujours prsente dans larticle sous rserve que le webmaster de glenan.net nait pas dplac ces images ;-) Si votre diteur nest pas trs fonctionnel (comme TinyMCE), il est prfrable de cliquer en bas de la zone de saisie de larticle sur le bouton image.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 44

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Une bote de dialogue apparat permettant de charger des images ou den insrer dans larticle. Attention : le rpertoire par dfaut nest pas images mais images/stories. Cliquer sur Parcourir pour slectionner une image sur votre disque dur et cliquer sur le bouton Ouvrir , puis sur le bouton Lancer le transfert afin que limage soit rcupre dans le dossier affich. Cliquer ensuite sur limage pour faire apparatre son chemin relatif. Il est possible de modifier lalignement de limage avec seulement 2 valeurs (align droite ou gauche). Choisir align droite, mme si le traitement final sera diffrent. Ne pas oublier de renseigner la description de limage (attribut Alt) et le titre de limage (attribut title). Mme si cela semble fastidieux, lapport sur le rfrencement sera non ngligeable. Ensuite cliquer sur Insrer pour intgrer limage dans larticle. Plus dinformations au chapitre gestion des mdias

SAUT DE PAGE ET LIRE LA SUITE


En bas de larticle un bouton Saut de page aide grer les articles longs en permettant linsertion dun index. Les articles de Glenan.net ntant pas trop chargs, lintrt est limit. Noubliez pas galement que les internautes survolent le texte mais ils le lisent rarement et si votre page est trop longue, ils risquent de zapper le contenu.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Le bouton Lire la suite est plus intressant car il permet de dcouper un article la manire dun journal, avec un dbut darticle (sorte dincipit permettant daccrocher linternaute pour linciter lire la suite) et un complment accessible pour les personnes ayant cliqu sur le lien lire la suite . Un trait rouge pointill apparat au niveau de la sparation de larticle. Complter le texte de larticle et insrer la carte des Glnan localisant les nes dans larchipel. Si aucun lment nest positionn en-dessous du trait pointill rouge (lire la suite), il disparat lors de la sauvegarde de larticle car nayant aucune utilit.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 45

Glenan.net : version CMS avec Joomla 1.5


PARAMETRAGES PAR DEFAUT

Dans la rubrique Gestion des articles il est possible de modifier le paramtrage global des articles en cliquant sur le bouton Prfrences . Il est important deffectuer ce paramtrage ds le dbut de cration du site, mme si les modifications sont possibles ultrieurement. La configuration par dfaut ne prsente pas de difficult majeure. Pour Glenan.net, les paramtres suivants ont t modifis afin de coller au plus prs au cadre de dpart. Date et heure de cration : Masquer. Limportant est de connatre la date de la dernire mise jour. Afficher la navigation : montrer. Clics : masquer, car il nest pas important (par ce biais) de savoir combien de fois un article a t lu. Voir le chapitre statistique pour de plus amples dinformations. Ne pas oublier de remonter lascenseur et de cliquer sur Sauver avant de fermer la fentre.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 46

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


PARAMETRES - ARTICLES
Un certain nombre de paramtres sont disponibles pour chaque article. Lauteur pourra tre chang uniquement partir du moment o dautres personnes ayant des droits dcriture seront enregistres. Un pseudo peut tre ajout. Il existe, par dfaut, 3 niveaux daccs linformation : Public, Registred pour les personnes qui se sont inscrites sur le site. Spcial concerne les personnes ayant des droits dcriture sur les articles. Cette documentation, par exemple, serait disponible sur le site glenan.net pour les personnes ayant besoin de sy rfrer pour crer des articles. Dans la ralit une procdure plus simple et ventuellement plus dtaille serait cre pour le client final. La date de dbut de publication peut tre utile pour un article rdig, mais qui ne devra tre disponible qu un instant donn. Idem pour la date de fin.

PARAMETRES - AVANCES
Il est possible de modifier les paramtres globaux pour un article. Voir les paramtres par dfaut pour plus dinformations sur ces paramtres globaux. Surtout neffectuez aucune modification dans ces rubriques avant davoir valid le paramtrage global des articles du site.

INFORMATIONS DES META-DONNEES

Les balises Mta ou Meta-Tag permettent aux robots de rcuprer des informations complmentaires qui seront insres sous la forme :
<meta name="keywords" content="Glenan"> <meta name="description" content="Glenan"> <meta name="author" content="Philippe LOST">

Mme si beaucoup de moteurs de recherche ne les utilisent plus (comme Google) cela peut avoir une incidence indirecte lors du rfrencement. Pour Robot, il est possible dindiquer aux robots de ne pas indexer cette page (noindex) et/ou de ne pas suivre les liens (nofollow). Les versions o lon autorise le robot nest pas trs utile, comme le fait de dire all pour tre rfrenc par tous les robots, ce qui est le cas par dfaut.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 47

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

LARTICLE DANS UN MENU


Le 1er article de labcdaire des Glnan tant constitu, il faut maintenant le lier un menu, et si possible un menu dont le positionnement sera assez proche de celui dfini par le gabarit de la maquette. Aller dans le menu Menu Gestion des menus ou sur licne gestion des menus de la page daccueil de linterface dadministration. Pour les diffrentes lettres de lalphabet, un menu particulier va tre cr. Cliquer sur le bouton Nouveau Il est possible de renseigner les items dcrivant le nouveau menu de la faon suivante : Type de menu : MenuLettres Pour un appel par dautres objets Titre : Lettres de l'alphabet Ce que pourrait voir linternaute Description : les articles regroups par lettre Pour le fun ou les noms peu explicites Titre du module : Menu Lettres Nom du module

Aprs tre revenu sur la gestion des menus, cliquer sur licone Elments de menu des Lettres de lalphabet . Cliquer sur le bouton Nouveau pour commencer la cration des Lettres du menu. Dans larborescence propose, slectionner le type dlment de menu Lien interne Article Catgorie Articles dune catgorie donnes en blog . Pour voir larborescence cliquer sur Articles . Pour plus dinformations sur la signification des diffrents items, voir le chapitre Les menus .

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 48

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Le titre du module permet de crer automatiquement le module correspondant que lon pourrait intgrer dans le Template ultrieurement.

Glenan.net : version CMS avec Joomla 1.5


Il faut ensuite paramtrer le menu. Mettre A dans le titre et dans lAlias puis dans les paramtres basiques, choisir Lettres/A pour la catgorie. Le reste des paramtres peut tre laiss en standard. Aprs avoir valid, recommencer lopration avec les lettres B, C et D. Dans le gestionnaire dlments de menu, les 4 liens de menu sont prsents.

LE MENU DANS LA PAGE


Le menu est cr, mais napparat toujours pas sur la page daccueil. Il faut maintenant le positionner dans la page. Si lors de la cration du menu le Titre du module na pas t indiqu, le module na pas t cr et il vous faut regarder le chapitre Modules, composants, plugins et crer vous-mme le module. En allant dans le menu Extensions Gestion des modules 2 modules apparaissent, dont le module Menu Lettre qui nest pas activ (Enabled). Cliquer sur la croix rouge pour activer le module. Il est galement possible de cliquer sur le nom de module Menu Lettres . Mettre Enabled (activ) oui et pour position, slectionner user3 . Le reste pouvant rester identique.

En passant sur la page daccueil, les diffrentes lettres (de A D) sont disponibles et en cliquant sur A la page cicontre apparat. En cliquant sur Lire la suite , la totalit de larticle est disponible. Si la mise en forme de larticle nest pas conforme ce que vous voyez, il faut retourner sur larticle et certainement dplacer les images pour les positionner en dbut de paragraphe (mais pas de titre). Si le rsultat nest pas concluant, passer au chapitre refonte de larticle .

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 49

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

REFONTE DE LARTICLE
Dans le modle de dpart, lalignement des images se fait par lattribut align , mais le rsultat nest jamais tout fait satisfaisant. Surtout dans le cas ou de multiples images sont insrer. Mme si certains diteurs savent insrer des calques, les paramtres ne sont pas flagrants et faciles manipuler, except en passant directement dans le code de larticle. Pour viter ce genre de problmatique, il est possible de rutiliser des techniques prouves du web : les tableaux. Pour plus dinformations sur les tableaux, voir les cours : MS FrontPage, Adobe Dreamweaver et Glenan.net Cration du modle sur http://glenan.fr. Comme avec beaucoup de traitements de textes, le tableau permet de positionner des informations dans la page. Dans le cadre du projet http://glenan.net/ chaque article est dcompos en plusieurs rubriques : Gnralits ; Caractristiques ; Localisation dans larchipel ; Pour en savoir plus et ventuellement Pour rire un peu . Chaque rubrique a un titre ainsi quun texte dans la partie droite et ventuellement une ou plusieurs photos dans la partie de gauche. On peut donc construire pour chaque rubrique un Titre tableau de 2 lignes et 2 colonnes avec le placement de la rubrique ci-contre. Photo ventuelle de Texte de la rubrique Pour rester homogne avec le modle de base, la 1re la rubrique colonne sera dune largeur de 175 pixels et la 2me colonne prendra le reste de la place disponible. Se positionner dans larticle nes devant gnralits et insrer un retour chariot (touche Entre ). Se positionner sur la 1re ligne et passer de Heading 1 (titre 1) Paragraph(e). Cliquer sur licne Insrer un nouveau tableau La fentre ci-contre apparat. Par dfaut, il y a 2 lignes et 2 colonnes et la bordure est 0 (ce qui permet de ne pas voir les bordures du tableau). Il est prfrable, dans notre cas, de mettre une largueur 100%. Les autres paramtres pouvant tre laisss tels que. Le tableau est cr. La double bordure pointille correspondant aux paramtres par dfaut de Cellpadding et de Cellpadding .
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Il faut maintenant faire du copier-coller ou mieux, du glisser-dplacer. Il faudra certainement remettre le style Heading 1 et supprimer des marques de paragraphes surnumraires. Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 50

Glenan.net : version CMS avec Joomla 1.5


Ne pas oublier de cliquer sur limage, puis sur licne Insert/edit image et dans longlet Appearence de mettre Not ser (non dfini) pour lalignement de limage. Ne pas sinquiter si le formatage lintrieur des cellules diffre de celui des paragraphes standards.

Noter que du fait du texte dans la 2me colonne, limage est rduite sa taille minimale (175 pixels). Cela sera toujours le cas tant que le texte dpassera la largeur de la cellule et quil y aura une image dans la cellule de gauche. De nombreux icnes permettent de modifier les proprits des cellules : Proprit de la colonne. Il ny a pas de proprit des colonnes lie au codage HTML des tableaux. Proprit de la cellule. Dans notre cas, il est utile pour les cellules de la photo et du texte de demander un alignement vertical au top pour quimage et texte commencent en haut de la cellule au lieu du milieu. ; ; ; ; Pour insrer une colonne avant, aprs ou la supprimer. Pour insrer une ligne avant, aprs ou la supprimer.

Pour fusionner une plage de cellules rectangulaires partir de la cellule courante. Pour fractionner une cellule fusionne. Avec la mme technique, crer un autre tableau en-dessous de la ligne rouge pointille (2 colonnes et 8 lignes) et une largeur de 100%. Y dplacer le contenu et le mettre en forme.

Si vous souhaitez saisir les articles, vous trouverez sur le site http://glenan.fr/formation/ un document contenant le texte et le nom des images insrer pour les lettres A D. Pour viter de perdre trop de temps la comprhension du sujet, il est utile de tlcharger le dossier zipp glenan.net_CMS_pack1.zip. Dcompresser ce dossier qui comprend 1 dossier nomm images et un fichier SQL intgrant le contenu des articles de A D. Pour ne pas perturber le chapitre prochain, il est prfrable de ne raliser ces oprations quune fois le chapitre Gestion des mdias termin. Afin dintgrer les articles des lettres A D, il faut raliser les 2 oprations suivantes : Insertion dans le dossier images des photos et dessins servant la description des articles. Le dossier images, dcompress prcdemment doit tre plac au niveau de la racine du site, soit directement par lexplorateur ou avec laide dun logiciel de FTP. Une fusion des 2 dossiers images (celui du site et celui transfrer) doit avoir lieu. Dans phpMyAdmin, utiliser le menu Important aprs avoir choisi la base de donnes de Joomla et utiliser le menu importer . Cliquer sur parcourir et slectionner le fichier SQL, ensuite effectuer limport. Vrifier que tout sest bien pass en regardant les articles du site.

Gestion darticles ______________________ Philippe LOST et Gunol LOST________ Page 51

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

GENERALISATION AUX ARTICLES

Glenan.net : version CMS avec Joomla 1.5

GESTION DES MEDIAS


Avant de parler des mdias, le choix du systme dintgration des images dans les pages est important, car mme si toutes les images sont stockes dans le dossier images, ne seront accessibles par le bouton Images en bas de larticle que celles dposes dans le dossier. Laccs par TinyMCE 2.0 (diteur par dfaut) ne permet pas de parcourir larborescence ( part images \ stories) pour choisir son image. Il faudra donc tenir compte de cet impratif avant de commencer stocker des fichiers sur le serveur web ou alors modifier le paramtrage par dfaut.

GESTIONNAIRE DE MEDIAS
En utilisant le menu Site Gestion des mdias , ou en cliquant sur licne ci-contre dans le panneau dadministration, on arrive dans la Gestion des mdias . Bien que la liste des dossiers indique un dossier Media , le chemin de Fichier indique lui un dossier images. Si vous utiliser dautres techniques, il faut bien videment transfrer les mdias dans le dossier images et non dans le dossier medias de la racine du site.

Gestion des mdias ___________________ Philippe LOST et Gunol LOST________ Page 52

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


GESTION DE DOSSIERS
Par dfaut en cliquant sur le bouton images en bas de larticle, seules les images du dossier images\stories sont accessibles. Il est possible de modifier le paramtrage des dossiers dans sur le menu Site Configuration globale , puis onglet System et dans paramtres des mdias, de changer les paramtres Chemin vers le dossier images de images/stories en images . Pour crer un nouveau dossier il suffit de donner son nom dans la zone de saisie droite de fichier, puis de cliquer sur le bouton Crer un dossier .

Attention bien crer votre dossier dans le dossier Stories pour tre certain que les mdias seront visibles. Pour aller dans le dossier Stories il suffit de cliquer sur licne de dossier le reprsentant ou sur le nom du dossier.

AJOUTER DES MEDIAS


Un module de transfert (Upload) est galement disponible dans linterface de gestion des mdias. Cliquer sur le bouton Parcourir , puis dans la bote de dialogue Choix des fichiers transfrer par , slectionner le(s) ficher(s) tlcharger. Cliquer sur le bouton Ouvrir et de nouveau dans Joomla sur le bouton Lancer le transfert . Un message sur fond bleu indique Le transfert a t effectu avec succs si le fichier a t upload (tlcharg sur le site). Attention : suivant le paramtrage, au lieu de Choix des fichiers transfrer par , seul le message Fichier transfrer est disponible et ne permet pas le transfert de plus dun fichier la fois. Si ce nest pas le cas, un message indique que le format nest pas pris en compte ou que la taille est trop importante. La liste des types de fichiers tlchargeables est disponible sur le menu Site Configuration globale dans paramtres des mdias : Les fichiers reconnus peuvent tre rangs dans diffrentes catgories : Les images : .bmp, .gif, .jpg, .png, .odg (dessin de OOo Draw), .xcf (fichiers natifs de Gimp), Les icnes : .ico et les textes de base : .txt, Les textes mis en forme : .doc (MS Word <= 2003), .odt (OOo Writer), Les feuilles de calcul : .csv, .xls (MS Excel <= 2003), .ods (OOo Calc), Les prsentations : .ppt (Ms PowerPoint), .odp (OOo Presenter), Les incontournables : .pdf lisible par Adobe Acrobat Reader, .swf lisible par Adobe Flash Player En rouge les extensions ne pas utiliser sauf cas particuliers, en orange les extensions viter (ou napportant pas grand chose), en vert les extensions prfrer. Malgr quOpen Office propose des formats de fichiers ouverts, ils ne sont pas visibles par dfaut pour les utilisateurs des produits Microsoft. Peu dordinateurs sont quips avec un logiciel de prsentation et il sera prfrable de transformer la prsentation en lments compatibles internet (voir les cours Powerpoint sur http://glenan.fr). PDF et SWF, mme sils imposent lajout dun plugin dans le navigateur, rendent de grands services et sont installs sur une trs grande majorit dordinateurs. Il est possible dajouter et denlever des extensions possibles pour lupload. Dans tous les cas, il sera utile de crer des dossiers pour ranger les mdias par type ou par sujet. Mme si les indications concernant le poids demandent ne pas dpasser le maximum de 10 Mo, il faut savoir que 10 Mo en tlchargement pour un internaute reprsentent de lordre de 20 s pour quelquun ayant lADSL dit 8 Mga et 45 minutes pour quelquun ayant un modem classique dit RTC. Il est dailleurs possible sur certains serveurs, pour des raisons de configuration, que les fichiers ne puissent pas dpasser les 2 Mo.

Gestion des mdias ___________________ Philippe LOST et Gunol LOST________ Page 53

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


SUPPRESSION DES MEDIAS
Il est possible de supprimer individuellement chaque image ou chaque dossier en cliquant sur licne de suppression. Nanmoins, si de nombreuses suppressions doivent tre ralises, il est prfrable de slectionner les diffrents mdias en cochant les cases cocher en-dessous de chaque mdia, puis de cliquer sur licne Supprimer . Dans tous les cas, il faudra prendre garde la slection dans la mesure o aucune confirmation de suppression nest demande.

LES IMAGES
Les images transfres doivent tre dj compatibles avec les formats internet et tre de la bonne taille pour linsertion dans les articles. Il faut raliser ce travail au pralable, de faon ne pas avoir redimensionner les images dans larticle. Les formats intgrer doivent tre : soit en GIF, JPEG ou PNG. Pour plus dinformations, consulter les cours traitement de limage et Glenan.net : cration du modle sur http://glenan.fr

LES AUTRES MEDIAS


Avec TinyMCE il est possible dinsrer des mdias de type : Flash, Quicktime, Shockwave (et non pas Shockware comme indiqu dans linterface : format utilis principalement par Director, le grand frre de Flash), Windows Mdia et Real Media. Lincorporation de ces lments doit tre ralise si lURL du mdia est connue. Ce qui ne rend pas pratique lintgration de mdias par les nophytes. Dautres diteurs permettent lincorporation en proposant le tlchargement des mdias comme FCKeditor.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Nanmoins, le code gnr nest pas correct et il faudra effectuer plusieurs retouches pour obtenir un code compatible avec les contraintes des nouveaux navigateurs (ex : internet explorer 7.0 et suprieur). JCE Editor et ses plugins payants (voir installation de JCE) proposent une gestion intressante des mdias. Le Bouton HTML et/ou Source des diteurs est utile dans ces cas-l. Il faut cependant faire attention au nettoyage automatique de certains diteurs qui supprimeront le code de chargement de flash, estimant quil nest pas conforme.

Gestion des mdias ___________________ Philippe LOST et Gunol LOST________ Page 54

Glenan.net : version CMS avec Joomla 1.5

LES MENUS
Les menus sont des lments comprenant des items de type divers permettant linternaute de slectionner linformation qui lintresse. Les menus doivent tre intgrs dans des modules pour apparatre dans les zones du template (voir le chapitre Le Template pour plus dinformations.

GESTION DES MENUS


Il est possible, partir du niveau de droits Administrateur , de supprimer ou dajouter des menus. Utiliser le bouton Gestion des menus du panneau dadministration ou le menu Menu Gestion des menus .

Chaque menu apparat avec son titre et son type. Le type permet didentifier le menu dans la gestion des modules. Il est donc souhaitable que les noms soient relativement proches dans tous les cas et surtout ne prtent pas confusion. Apparaissent aussi le nombre ditems du menu qui sont publis, dpublis ou la corbeille. Lindicateur # Modules indique le nombre de fois que ce menu est utilis dans un menu. Sil ny a pas au minimum 1, cela signifie que le menu nest pas visible pour les internautes. LID est, comme dhabitude, lIdentifiant qui sert de cl primaire pour la table jos_menu. Pour crer un nouveau menu : cliquer sur le bouton Nouveau . Le type est le nom qui sera utilis pour identifier le menu par rapport au module. Le titre est celui qui apparatra (ventuellement pour les utilisateurs suivant le paramtrage du CMS). Description permet den savoir davantage sur le menu. Le Titre du Module nest disponible que lors de lajout dun menu, mais pas en modification. Si le nom de module a t oubli, se reporter au chapitre les modules

Les menus ___________________________ Philippe LOST et Gunol LOST________ Page 55

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

GESTION DES ELEMENTS DE MENU


On accde aux items du menu, soit en cliquant sur licne Modifier des lments du menu , soit par le menu Menu et en slectionnant le menu modifier.

Parmi les critres de tri des items, il y a les Lien de menu qui sont les titres qui apparatront effectivement dans le menu. La colonne Dfaut ne peut contenir quun seul item pour lensemble des menus. Cela correspond au menu par dfaut utilis sur la page daccueil. Pour le mettre en uvre, il suffit de cocher la case en dbut de ligne ditem de menu et de cliquer sur le bouton Dfaut La colonne publie permet de publier ou de dpublier individuellement les items de menus. Pour lordre, il est possible de faire monter ou descendre individuellement chaque item, nanmoins dans les cas ou lintgralit du menu doit tre modifie, il est prfrable dans les zones de saisies de mettre le numro dordre souhait pour le menu, puis de cliquer sur licne Sauver lordre de faon acclrer le traitement. La colonne Accs est un commutateur 3 positions : Public, Enregistr et Spcial avec les droits associs. Le type permet de changer la gestion de llment du menu. En cas derreur, il sera possible ultrieurement de modifier le type, permettant ainsi deffectuer plus facilement des modifications. LID ne sert que pour information.

Les menus ___________________________ Philippe LOST et Gunol LOST________ Page 56

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Si le menu est important, il est possible de filtrer les items de menu correspondants notre choix en tapant une information dans filtre et en cliquant sur le bouton Appliquer pour ne voir apparatre que les items de menu ayant la chaine de caractres slectionns. Attention : le systme nest pas sensible la casse, ni aux caractres accentus. Le bouton Rinitialiser permet deffacer le contenu du filtre, mais il faut cliquer sur Appliquer pour valider quaucun filtre nest plus demand. Dans le cadre du menu Lettres de labcdaire, ce filtre ne nous est intrinsquement daucune utilit. Il est galement possible de mettre des filtres sur le nombre ditems qui apparaissent par page ainsi que de slectionner ltat du menu.

Glenan.net : version CMS avec Joomla 1.5

LES TYPES DELEMENTS DE MENU


En cliquant sur licne Nouveau une liste apparat avec les diffrentes possibilits. Les types sont regroups en 4 groupes : Liens internes, Liens externes, sparateur et alias. Dans larborescence ci-contre, seuls les liens en bleu sont cliquables. Liens externes permet de raliser un lien direct vers un autre site. Dans ce cas, ne pas oublier de slectionner Nouvelle fentre avec navigation pour tous les liens hors de votre site. Le sparateur permet de diviser le menu en diffrentes parties. Lalias permet de rcuprer un lien de menu prcdemment cr et paramtr, mme si le nom du titre peut tre chang. Le groupe Liens internes contient le plus ditems et le plus intressant est celui contenant les articles. Il est possible de faire un lien vers un article directement, sur une catgorie ou une section. Pour ces 2 dernires possibilits, laffichage peut se faire sous la forme de blog (dbut des articles avant Lire la suite ) ou alors sous forme de liste. Dans tous les cas, en cliquant sur lire la suite ou sur larticle, il sera possible de voir larticle dans son intgralit. Les archives ne sont intressantes qu partir du moment o le site dispose dune histoire et que des articles ont t archivs, ce qui nest pas le cas de labcdaire des Glnan. Les items suivants imposent un paramtrage au niveau des composants pour tre utiliss et ne prsentent pas tous le mme intrt. Dans certains cas ils peuvent tre grs par les modules. Les contacts ne pourront tre grs qu partir du moment o des contacts auront t saisis (voir Les contacts). Les fils dactualits permettent dagrger des flux RSS en provenance dautres sites. Alors que les sondages permettent de consulter les rsultats des diffrents sondages raliss sur le site. Les liens web permettent dafficher ou de proposer des liens vers des sites regroups par catgorie, un peu la manire des favoris, signets ou marquepages. Attention lencapsulateur qui gre une balise iframe pouvant prter confusion sur la proprit de linformation avec le risque de se retrouver en infraction avec la loi relative aux droits dauteurs, ou en infraction en agrgeant du contenu portant atteinte la vie prive...

Les menus ___________________________ Philippe LOST et Gunol LOST________ Page 57

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

CREATION DUN ITEM DE MENU


Une fois le choix effectu, il suffit de cliquer sur le lien pour passer au 2me cran de paramtrage de menu. Mme sil existe des diffrences de paramtrage entre les items de menu, des similitudes sont prsentes et seule la partie article est traite ici. Principalement la cration dun blog sur une catgorie en cliquant sur : Mise en page de la catgorie blog partir du menu Lien de menu Article Catgorie . Pour rajouter un nouvel item de catgorie, il faut bien videment quune ou plusieurs nouvelles catgories soient cres pour labcdaire, mais comme il en faut 26 au total.

TYPE DELEMENT DU MENU


Il est possible de changer le type tout moment en cliquant sur le bouton Changer le type aprs avoir coch la case dun menu et cliqu sur le bouton diter . Suivant le changement de type, il faudra peut-tre changer ou ajouter des paramtres.

DETAILS DE LELEMENT DU MENU


Il est impratif de mettre un titre pour chaque item du menu. Lalias sera mis automatiquement. Quand au lien, il est prfrable de ne pas changer linstruction crite ce niveau tant que vous ne comprendrez pas la syntaxe de la requte excute ce niveau. On peut facilement dplacer un menu avec Afficher dans : . Lordre des menus et sous-menus est grable dans Elment parent : (voir paramtres basiques pour plus dinformations). Bien videment litem du menu peut tre publi ou non et son niveau daccs choisi. La majorit du temps louverture se fait dans la fentre parente, sauf pour les liens externes ou les popups du site pour lesquels louverture se fait dans une nouvelle fentre. Les menus ___________________________ Philippe LOST et Gunol LOST________ Page 58

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


LES PARAMETRES BASIQUES
Les paramtres basiques sont fonction du type dlment de menu choisi. Pour les blogs, il est possible de slectionner si la description de la section ou de la catgorie est affiche ainsi que limage qui laccompagne. Il est aussi possible de modifier la faon dont laffiche des articles se fera. Par dfaut les paramtres sont les suivants : #Principal indique quil y a 1 article principal qui sera affich sur une colonne. #Intro indique le nombre darticles supplmentaires qui seront affichs sur la page en 2 Colonnes. En principe #Intro est toujours un multiple de Colonnes. # liens notifie le nombre de liens en bas de page. Mme si #Liens est 0 un systme de navigation rapide existe en bas de page, si tout nest pas affich. Dans le cadre du projet Glenan.net, laffichage pour chaque catgorie de lettre pourrait tre (100, 0, 0, 0) de faon avoir tous les articles de la lettre considre (il y a moins de 20 articles par lettre de lalphabet), puis aucun article sur des colonnes multiples (0 ;-) et aucun article en lien (de toute faon il ny en a plus). Dans le cas dun article, il est possible de slectionner larticle en cliquant sur le bouton Slection . En fonction du nombre darticles, des filtres sont possibles ce niveau. Les articles sont intgrs dans le menu lettre pour avoir un rendu similaire celui de la maquette du site. Pour cela il suffit pour chaque article de la base, de slectionner la lettre laquelle il se rattache dans lment parent au lieu de Haut , comme ctait le cas pour chaque catgorie de lettre. Au niveau du gestionnaire de menu, les sous-menus sont reprsents sous une forme graphique comme ci-contre, nanmoins un problme daffichage subsiste li lintgration des lettres de lalphabet dans la zone user3 .
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Ce problme napparat pas pour la lettre A (pour linstant la maquette sarrte E).

Pour la lettre B, par contre, du fait de ses 10 articles, le menu actuel nest pas conforme aux attentes et devra tre modifi ultrieurement dans la gestion des modules.

LES AUTRES PARAMETRES


Sils existent, les autres paramtres : Paramtres Avancs ; Composant ; Systmes ne prsentent majoritairement dintrts que dans le cadre de modifications ponctuelles des paramtres globaux dfinis ailleurs.

Les menus ___________________________ Philippe LOST et Gunol LOST________ Page 59

Glenan.net : version CMS avec Joomla 1.5

LES MODULES
La gestion des modules nest disponible que pour les administrateurs. Elle permet dassocier un lment de module une zone du template. Utiliser le menu Extensions - Gestion des modules .

Le Menu Lettres , bien que nouveau, sexplique par la cration du menu (voir le chapitre : les menus).

AJOUT DE MODULES
En cliquant sur licne nouveau, un menu comme celui de la page prcdente apparat et permet de crer un certain nombre de modules plus ou moins utiles en fonction de votre projet. Il suffit de cliquer sur le bouton radio puis sur suivant pour accder au paramtrage du module.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Les modules _________________________ Philippe LOST et Gunol LOST________ Page 60

Glenan.net : version CMS avec Joomla 1.5

LES PRINCIPAUX MODULES


LE CHEMIN DE NAVIGATION
Le chemin de navigation, appel aussi fil dAriane, pathway, Breadcrumbs permet linternaute de voir son cheminement dans larborescence depuis la page daccueil. Cela lui permet aussi de revenir dans un niveau suprieur de larborescence. Il donne linternaute la rponse la question O suisje ? . Attention ne pas le confondre avec Affichage du fil qui concerne la syndication des fils RSS. Lintgration de ce module est dcrite plus compltement et seules les parties variables seront traites pour les autres modules.

Il faut donner un nom (Titre) au module. Par dfaut le titre nest pas montr, car cest suffisamment explicite pour un internaute ayant un peu surf sur la toile. Par contre il est visible (Enable) et sa position se fait, par dfaut, dans breadcrumb (voir Le Template pour plus dinformations). Lordre na que peu dimportance dans la mesure o il ny aura, priori, quun module dans le breadcrumb , alors que dans left il peut y avoir plusieurs modules et que lordre aura son importance. Le niveau daccs est relatif aux droits.

Les modules _________________________ Philippe LOST et Gunol LOST________ Page 61

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Un module est affect par dfaut lensemble des menus, mais il est possible de changer le paramtrage. Dans les paramtres il est possible dafficher le lien vers la page daccueil avec un texte de son choix. Pour lespacement du texte, le choix sest port ici sur > (espace, suprieur, espace) de faon montrer lembotement de larborescence. Le rsultat du paramtrage dans le FrontEnd est le suivant en allant sur larticle de lne : le chemin est : Acceuil > A > nes ; avec Accueil et A cliquables.

MENU
Le menu a dj t trait dans le chapitre les menus et le chapitre Gestionnaire de menu. Il est utile (mme indispensable) pour chaque site cr de raliser une procdure permettant aux personnes se connectant sur linterface publique, voire mme sur linterface dadministration,, de disposer dun support permettant de se remmorer comment crer un article Ce menu inclus dans un module ne doit tre accessible que pour un niveau daccs Spcial.

RECHERCHE
Le module de recherche est pratique ds le moment o votre site contient une certaine quantit de contenu et cest souvent pour cela que lon passe au CMS. Pour Glenan.net, le paramtrage est le suivant : Dtails - Titre : Rechercher (mais sans le montrer) Dtails - Position : user4
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

En cliquant dans le texte recherche , celui-ci disparat pour permettre linternaute de taper sa requte. Il suffit dappuyer sur Entre pour la valider. Si vous craigniez que linternaute ne sache pas quil est ncessaire de cliquer sur la touche Entre , il est possible dajouter un bouton Rechercher . Les rponses apparaissent avec la possibilit de peaufiner sa requte et de choisir lordre de tri. Les mots de la requte apparaissent en surbrillance dans lextrait du texte de larticle.

Les modules _________________________ Philippe LOST et Gunol LOST________ Page 62

Glenan.net : version CMS avec Joomla 1.5


CONNEXION
Le module de connexion est indispensable si vous laissez les internautes sauthentifier sur votre site. Noublier pas galement les utilisateurs de linterface publique qui ont des droits sur la gestion des articles. Mme si cette authentification peut tre ralise par un autre biais, le module permet dafficher clairement les informations de connexion et les classiques : je nai pas de compte, jai oubli mon mot de passe et mon identifiant. Pour Glenan.net, le paramtrage est le suivant : Dtails - Titre : Connexion Dtails - Position : left Ordre : 0::menu principal Une fois connect, vous tes identifi et un bouton de dconnexion est disponible. Il serait intressant de prvoir, dans un menu proche de litem de dconnexion, lintgration de llment de menu : Lien interne Utilisateur Utilisateur User Form Layout pour que linternaute puisse modifier ses caractristiques

SYNDICATION
La syndication permettra aux internautes de suivre dans leur navigateur ou dans le logiciel dagrgation de liens, les actualits de votre site. Pour Glenan.net, le paramtrage est le suivant : Dtails - Position : syndicate Paramtre du module Texte : Fils RSS de Glenan.net Suivant le navigateur utilis, une page particulire permettra linternaute de sabonner ce flux.

AUTRES MODULES
Les autres modules prsentent plus ou moins dintrt en fonction des caractristiques de votre site. Bien videment des modules de type : Contenu le plus lu ; Contenu archiv ne prsentent de lintrt qu partir du moment o le site a dj un peu vcu. Si vous le souhaitez, il est aussi possible dadjoindre dautres modules qui sont reprsents par le symbole ci-contre dans joomla.org. Alors que dans joomla.fr, il faudra lire le descriptif pour savoir quelle catgorie se rfre lobjet installer.

Les modules _________________________ Philippe LOST et Gunol LOST________ Page 63

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

BRETAGNE.VIDEOS.FR
Pour diverses raisons, http://www.glenan.net ne dispose pas de vidos. Nanmoins il est possible de faire bnficier linternaute de vidos grce au site http://bretagne.videos.fr/. De plus, linternaute la possibilit de visiter les autres communes proches des Glnan, ce qui peut renforcer son envie de venir en Cornouaille ou ailleurs en Bretagne, en fonction de la localisation de votre structure. Une visite complte des cinq dpartements bretons est galement disponible. Le principe consiste faire un lien vers le site de http://bretagne.videos.fr/ en pointant sur la ville choisie comme point de dpart de la visite de la Bretagne. Lintgration concerne du code HTML et il existe un module de base HTML personnalis . Les informations concernant les paramtres de la syntaxe HTML se trouvent sur http://bretagne.videos.fr/integration.html. Le code intgrer, notifi sur le site est :
<div id="videos-fr" align="center"><a href="http://bretagne.videos.fr/index.html?ville=quimper" target="_blank"><img src="http://bretagne.videos.fr/images/logo-bretagne-videos-fr-200.png" alt="Logo Bretagne.videos.fr" border="0" /><br />Visitez Quimper et la Bretagne <br />en images et vidos</a></div>

Le code est emball dans une balise DIV ayant lID videos-fr qui permet pour ceux qui maitrisent la feuille de style de pouvoir modifier lapparence du code pour le rendre plus conforme laspect graphique du site La balise A (anchor) permet de faire le lien vers le site http://bretagne.videos.fr/index.html. il est possible de passer en paramtres la ville souhaites, ici Quimper que lon modifiera pour pointer vers nos destinations prfrs : les Glnan rechercher dans la liste des villes proposes ladresse : http://bretagne.videos.fr/integration.html#villes. Il faut aussi modifier le texte Quimper par Les Glnan pour obtenir la syntaxe suivante :
<div id="videos-fr" align="center"><a href="http://bretagne.videos.fr/index.html?ville=glenan" target="_blank"><img src="http://bretagne.videos.fr/images/logo-bretagne-videos-fr-200.png" alt="Logo Bretagne.videos.fr" border="0" /><br />Visitez Les Glnan et la Bretagne <br />en images et vidos</a></div>

Les modules _________________________ Philippe LOST et Gunol LOST________ Page 64

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Dans la partie administrator du site, utiliser le menu Extension Gestion des modules . Cliquer sur Nouveau pour ajouter un nouveau module, puis cliquer sur HTLM personalis . Mettre le titre : Visiter les Glnan en Vidos et dans la zone Personnaliser l'affichage cliquer sur le bouton HTML de lditeur ( dans JCE) et coller la squence compose ci-dessus. Ne pas oublier de mettre le module dans la zone choisie ( left dans le cas de glenan.net) et de le positionner dans les modules gauche la bonne place. Un clic sur le lien permet linternaute de visionner les vidos des Glnan et celles de la Bretagne.

Glenan.net : version CMS avec Joomla 1.5

LES DROITS

APPARTENANCE A UN GROUPE
Lors de la cration dun utilisateur, il faut lui donner un groupe dappartenance. En fonction de ce groupe, des droits sont attribus lutilisateur. Mme sil est possible de modifier les droits dun groupe, cette procdure nest pas dcrite dans ce manuel.

LES NIVEAUX DE DROITS


Les droits sont fonction de lutilisateur. Pour disposer de plus de droits il faut sidentifier. Il est donc indispensable pour les droits lis linterface publique de mettre en place un module Connexion sur linterface publique (frontEnd) car si les administrateurs peuvent se connecter sur le frontEnd, les utilisateurs nayant aucun droit sur le backEnd ne pourront pas se connecter.

Joomla 1.5

Interface publique

Interface dadministration Configuration globale Template, Langues et Emailing

Gestion du contenu Menu de base et Composants

Utilisateur et Corbeille Gestion des menus, modules

Lire un article Enregistr

Lire un article Spcial

Modifier tous les articles

Lire un article Public

Modifier ses articles

Publier les articles

Crer un article

Groupe Internaute Enregistr Auteur diteur Publication Gestion Administrateur Super administrateur

Les droits ____________________________ Philippe LOST et Gunol LOST________ Page 65

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Les droits de Super Administrateur

Les droits de l Administrateur

Les droits de Manager

Les droits ____________________________ Philippe LOST et Gunol LOST________ Page 66

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

GESTION DES UTILISATEURS


Cliquer sur le menu Site Gestionnaire des utilisateurs ou utiliser le bouton Gestion des utilisateurs de la page daccueil. Au dbut, il ny a quAdministrator du groupe Super Administrateur avec comme identifiant Admin . Il est souhaitable pour scuriser les connexions sur le site de modifier lidentifiant dAdmin. Cliquer sur le bouton Nouveau pour crer un nouvel utilisateur

Les dtails de lutilisateur sont faciles renseigner, ainsi que le niveau de droits li au groupe.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Les langues des interfaces dadministration et publique sont paramtrables en fonction des langues installes sur le systme. Le choix de lditeur pourra aussi se faire de faon spcifique pour chaque utilisateur. Attention au paramtrage des utilisateurs du FrontEnd (interface publique) car, en fonction du Template, laffichage de lditeur ne sera pas forcment correct et il faudra peut-tre revoir son paramtrage. Un message Utilisateur enregistr correctement apparat quand lutilisateur a bien t enregistr, sinon les messages derreurs sont suffisamment spcifiques. Si la gestion des mails sur le serveur nest pas en uvre ou quil y a un problme, le message suivant peut apparatre : Could not instantiate mail function.

Les droits ____________________________ Philippe LOST et Gunol LOST________ Page 67

Glenan.net : version CMS avec Joomla 1.5

EXTENSIONS : COMPOSANTS, PLUGINS

LOCALISER LES EXTENSIONS


Il est possible de tlcharger des extensions partir de http://www.joomlafrance.org/ (en franais) mais pour un plus large de choix, utiliser le site http://extensions.joomla.org/ (en anglais) dont voici les extensions regroupes par famille et catgorie. Le nombre entre parenthses indique le nombre dlments disponibles, dont la somme approche les 4000. Bien que certains ne soient que des ajouts ou des complments dautres lments, leur nombre est important et toujours en augmentation. Il est aussi possible dy accder depuis le site http://www.joomla.org/, puis de cliquer sur lien extensions. Pour voir la liste des catgories, cliquez sur All categories dans le menu de gauche. Il est possible de regrouper les extensions dans plusieurs catgories. Les templates et les Langues que lon peut aussi ajouter sont traites part. Les extensions utilisables avec Joomla : Les composants sont, en principe, de grosses extensions grant des choses suffisamment complexes pour tre accessibles directement par le menu Composants . Pour intgrer le rsultat du composant, il faut crer un nouvel item de menu. Les modules peuvent tre intgrs dans des zones du template. Les plugins se positionnent dans le contenu des articles, le plus souvent avec une instruction de type {plugin} rajouter dans larticle. Certains plugins sont grs automatiquement comme ceux du traitement de texte. Ces extensions de langues, permettent de franciser une extension. Si ce nest pas le cas, il est nanmoins possible de faire une partie de la traduction soi-mme (au moins pour le front-end de linternaute) Ces extensions spciales ont besoin dune autre extension pour fonctionner. Le plus souvent un complment dun composant. Tools ou Outils, rendent des services pour un site Joomla sans pour autant y tre intgr directement. Il est impratif de choisir toujours des extensions natives pour Joomla 1.5. Avec les extensions legacy (hrite de la version 1.0 de Joomla) il faut activer le plugin legacy pour les faire fonctionner, mais elles sont dconseiller pour lvolutivit de votre site. Si vous savez ce que vous chercher, vous pouvez utiliser le moteur de recherche simple ou avanc qui vous permet de filtrer suivant le type dextension, la catgorie, le type de licence En cliquant sur la catgorie Photos & Images Images Slideshow pour avoir la liste des diaporamas disponible pour joomla, la liste des extensions est globalement sur le mme schma : Note des internautes + nb de votes + nb de commentaires Compatibilit Type dextension vignette

Nom de lextension

Tlchargement

URL du site

Licence

Dernire mise jour

Description

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 68

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


En cliquant sur le nom de lextension il est possible dobtenir de plus amples dtails concernant lextension : dtail sur lextension, liste des commentaires et apprciations des internautes 4 boutons peuvent tre prsents : Download (tlchargement) pour pouvoir installer lextension. Voir plus loin pour plus de dtails Demo pour voir comment fonctionne lextension. Sil existe, ce bouton fera gagner du temps car linstallation et le paramtrage dune extension peuvent prendre du temps. Support pointant vers forum, FAQ, formulaire permettant linternaute de trouver une solution en cas de problme. Documentation, pas toujours en franais.
Profiles (8) Project & Task Management (17) Ratings & Reviews (12) User Management (22) Freeway extensions (3) Hot Property extensions (6) JCE extensions (4) jDownloads extensions (5) Joom!Fish extensions (16) Joomap extensions (3) JoomSEF extensions (14) Kunena Forum extensions (5) Phoca Download extensions (10) Phoca Gallery extensions (8) PUArcade extensions (27) RD-Autos Extensions (2) Remository Extensions (4) RSGallery2 extensions (7) SEF Service Map extensions (9) Seyret extensions (8) sh404SEF extensions (10) SOBI2 extensions (39) VirtueMart extensions (114) Xmap Extensions (20) QR Code (5) Religion (13) Toolbars (4)

Access & Security


Authentication (29) Authentication External (18) Backend & Full Access Control (10) Backup (5) Captcha (14) Content Restriction (31) Frontend Access Control (20) Site Access (22) Site Security (24)

Multimedia
Audio Players & Gallery (37) Multimedia Display (13) Shoutcast & Podcasts (9) Streaming & Broadcasting (3) Video Players & Gallery (26)

Contacts & Feedback


Articles comments (18) Contact Details (18) Contact forms (16) Email (14) Forms (19) Greetings (8) Guest Book (7) Polls (8) Quiz & Surveys (12) Testimonials & Suggestions (16)

News Display
Articles Embed (10) Articles Listing (21) Articles Showcase (25) Articles Summary (10) Featured Articles (9) Frontend News (15) Latest News (23) News Tickers & Scrollers (18) Newsflash (6) Popular Content (5) Quotes (11) Random News (9) Related Items (18)

Administration
Admin Desk (11) Admin Navigation (8) Admin Performance (11) Admin Publishing (11) Admin Reports (5) Admin Structure (6) Extensions Quick Icons (15)

Content Sharing
Articles Sharing (5) Bookmark & Recommend (12) Mailing & Distribution Lists (8) Newsletter (14) RSS Syndicate (13) Social Bookmarking (52) Twitting (14)

Ads & Affiliates


Affiliate Advertising (26) Amazon (8) Banner Management (34) Classified Ads (5) Corner Banners (4) Google Ads (27) Jobs & Recruitment (12) Text & Link Ads (23)

External Contents
Alerts & Awareness (4) Audio & Radio Channels (9) Automatic Articles (9) Directories Search (6) Domain Search (6) Map Directions (12) Maps (36) News Channels (12) Photo Channels (28) RSS Readers (24) Social Blogging (32) Social Channels (18) Social Profiles (18) TV & Movies Channels (10) Video Channels (38) Weather & Climate (9) Weather Forecasts (28) Web Search (15) Widgets & Documents (27)

News Production
Archive (4) Authors (8) Blog (11) Content Construction (4) Content Management (14) Content Submission (18) Microblogging (6) Planned Content (3) Timed Content (6)

Core Enhancements
Data Reports (10) Date & Time (22) Embed & Include (13) File Management (12) Flash Management (8) Installers (6) Mobile (7) Multiple Sites (7) Scripts (16)

Bridges
Authentication bridges (5) Chat Bridges (7) CRM bridges (6) e-Commerce Bridges (8) Forum Bridges (6) Mailing & Newsletter bridges (18) Miscellaneous Bridges (8) Photo Gallery bridges (5) Wiki integration (6)

Photos & Images


Articles Images (16) eCards (5) Images (18) Images Rotators (30) Images Slideshow (49) Panorama (3) Photo Flash Gallery (13) Photo Gallery (39) Photo Gallery add-ons (9)

Calendars & Events


Birthdays & Historic events (8) Calendars (9) Clocks (17) Countdown (9) Events (25) Events Registration (8) Festivities (12)

Bibliography (3) Directory (7) Downloads (26) FAQ (8) Glossary & Dictionary (14) Portfolio (13) Thematic Directory (19) Weblinks (10)

Financial
Calculators (3) Currency & Exchange (25) Graphs and Charts (5) Stock Market (14) Taxes & Mortgages (6)

Search & Indexing


Extensions Search (22) Search Results (12) Site Search (24) Tags & Clouds (19)

e-Commerce
Affiliate Carts (5) Auction (12) Billing & Invoices (3) Donations (33) Payment Gateway (2) Payment systems (15) Shopping Cart (12) Subscriptions (16)

Clients
CRM (15) Help Desk (10) Live support (19) Online Status (7)

Hosting & Servers


Database Management (11) Hosting (4) Servers (11)

Site Management
Cache (10) Content Statistics (8) Credits (14) Ranks (17) SEF (11) SEO & Metadata (44) Site Analytics (32) Site Traffic Statistics (12) Visitors (29)

Communication
Chat (6) Forum (9) Forum add-ons (13) Instant Messaging (16) Phone & SMS (3) PMS (9) Shoutbox (10) Video conference (4)

Languages
Automatic translations (18) Multi-lingual Content (15) Translations for Joomla (57)

Editing
Code Display (11) Custom Code in content (15) Custom Code in Modules (24) Editor Buttons (21) Editors (8) Replace (8)

Migration & Conversion


Data Import & Export (7) Extensions Migration (6) Joomla Migration (4) Migrator Extensions (8) Users Import & Export (4)

Sports & Games


Board & Table Games (3) Game Servers (2) Games (23)

Communities & Groupware


Communities (6) Members lists (8) Membership (10)

Extension Specific
AdsManager extensions (7) Community Builder extensions (141) DOCMan extensions (19)

Miscellaneous
Development (24) Genealogy (5) Personal Life (6)

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 69

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Directory & Documentation

Glenan.net : version CMS avec Joomla 1.5

INSTALLATION
Avant dinstaller quoi que se soit sur votre site, pensez faire un dump de la base et un FTP avec une archive de votre site pour repartir avec la version prcdente au cas ou un bug interviendrait lors de cette installation. Voir le chapitre transfert de local vers distant pour plus dexplications. Pensez aussi vrifier que lobjet installer est bien compatible avec la version de Joomla que vous utilisez. La plupart du temps lobjet est livr sous forme zippe et cest ce fichier Zipp unique quil faut installer. Linstallateur se dbrouillant pour copier les fichiers dans les bons dossiers et faire les modifications dans la base de donnes.

JOOMLA 1.5 ET VERSIONS ANTERIEURES


Avant dinstaller une extension, pensez vrifier quelle est bien adapte pour Joomla 1.5 ; Si tel nest pas le cas, il est prfrable de ne pas installer des versions prvues pour la version 1.0. Si nanmoins vous ne pouvez attendre la sortie de la version 1.5 de lextension et quelle est indispensable votre site, il faut activer le module de compatibilit avec les anciennes versions. Allez dans le menu Extensions Gestionnaire de plugins et slectionner le plugin System - Legacy . Son tat est dsactiv et en cliquant sur la croix rouge ( ) il passe ltat activ ( ). Dans linterface dadministration, une icne Joomla et Legacy 1.0 vous indique en permanence que la compatibilit avec les anciennes versions est active.

INSTALLER/DESINSTALLER
Le menu Extensions Installer/Dsinstaller permet dajouter ou de supprimer une extension.

Lajout dune extension se fait de faon unique, la plupart du temps en temps quarchive (fichier ZIP) contenant les diffrents lments installer. Aprs lavoir tlcharge, utiliser le bouton Parcourir , slectionner le fichier ZIP devant tre install, cliquer sur le bouton Ouvrir de la bote de dialogue Envoi du fichier puis sur le bouton Transfert de fichier & Installation . Pour la dsinstallation il faut situer dans quelle catgorie est lextension dsinstaller : Composant, Modules, Pugins, Langues ou Templates. Certaines de ces extensions sont en gris clair et il est juste possible de les dsactiver, mais pas de les dsinstaller. Dans dautres cas (modules) les modules du noyau ne sont mme pas lists. Si vous installez une extension non compatible ou qui nest pas une extension, vous aurez un message derreur de couleur rouge avant un sens interdit, sinon un texte en bleu vous indique le succs de lopration.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 70

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


COMPOSANT, MODULES, PLUGINS, LANGUES ET TEMPLATES
Ces 5 sous-ensembles dextension napportent pas la mme chose au CMS Joomla, mais ont tous leurs utilits. Attention nanmoins avant dinstaller du code inconnu sur votre site. Vrifier lauteur et la nonvulnrabilit de lextension. Toujours faire un test en local (ou sur un site de tests) pour sassurer que lextension correspond bien aux attentes exiges pour le site. Les templates permettent de modifier la faon dont linformation est dispose, mais surtout de changer la charte graphique du site. Voir le chapitre le Template pour plus dinformations. Les Langues permettent dajouter des langues dans linterface, mais ne traduisent pas le contenu, mme si certains composants le font avec plus ou moins de succs. Les modules ont comme proprit principale de pouvoir tre implment dans des zones du template et donc dapporter des fonctionnalits supplmentaires au site. Les plugins permettent des petits ajouts plus ou moins intressants et importants dans les modules, composant Ils peuvent tre regroups par les catgories standards : authentication, content, editors, editors-xtd, search, system, user, xmlrpc. Les composants apparatront dans le menu Composant et sont, de faon gnrale, des extensions souvent complexes demandant un paramtrage avant de pouvoir tre utiliss. Le composant Virtuemart est trait de faon spcifique dans le support de cours Glenan.biz : une boutique virtuelle avec Joomla et Virtuemart , disponible sur http://glenan.fr

LES LANGUES
En installant la version depuis http://joomla.fr/, vous disposez normalement de 2 langues : langlais (langue par dfaut de Joomla) et le franais qui est normalement par dfaut. Il est possible dajouter dautres langues, comme le Breton (eh oui ! les Glnan, cest la Bretagne ;-). Il faut trouver le site qui propose cette extension, et les forums ou les sites franais et internationaux de Joomla peuvent vous aider dans cette dmarche. Aller sur lURL http://www.drouizig.org/Galleg/Logiciels/divers-Joomla.html et en bas de page tlcharger le pack breton (Joomla_br-FR.zip) Il faut dcompresser le fichier darchives (.zip) et copier le dossier br-FR au mme niveau que les dossiers fr-FR et en-GB dans le dossier language la racine du site.

En cliquant sur le bouton radio Brezhoneg(Breizh-Brittany) puis sur licne Dfaut le site change de langue . Attention, car bien videment, le contenu reste dans la langue dans laquelle il a t insr. Ce nest pas un module de traduction ni de site multilingue, et il est prfrable de faire cette opration au dmarrage du site.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 71

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

LES PLUGINS
La gestion des plugins sera vue travers deux exemples : un diaporama dimages et une carte googlemaps de go-localisation pour situer les Glnan.

DIAPORAMA DIMAGES
Installation Aller sur le site http://joomla.org/ puis Extensions - Categorie Photos & Images - Images Slideshow et dans la liste des plugins, slectionner le plugin Simple Picture Slideshow qui, comme son nom lindique, est simple. Dautres extensions pourront aussi tre utilises et vous trouverez certainement votre bonheur dans la cinquantaine dextensions de cette catgorie. Les boutons : Downlooad , Demo et Documentation vous amne sur la mme URL alors que Support pointe vers la racine du site. Sur lURL http://www.bretteleben.de/lang-en/joomla/simple-picture-slideshow.html vous pouvez voir 2 exemples de diaporama : lun automatique et de plus grande taille, lautre de plus petite taille et sans dmarrage automatique. La majorit des sites dextensions proposent un item de menu tlchargement (download), mais ici il faut descendre dans la page pour trouver le lien de tlchargement, juste avant le dbut des commentaires. Suivant votre systme dexploitation et votre navigateur, il faut enregistrer le plugin dans un dossier o vous pourrez le retrouver facilement. Il peut tre utile denregistrer toutes les extensions dans des dossiers pour pouvoir les retrouver ultrieurement. Nanmoins vrifier toujours quil nexiste pas une nouvelle version de lextension. Le fait de les stocker sur votre disque permet, pour certaines extensions, den avoir une version alors quelles sont devenues payantes. Cette mthode permet aussi de stocker les extensions payantes pour les rutiliser pour dautres projets, si le contrat dutilisation le permet. Utiliser le menu Extension Installer/Dsinstaller , puis cliquer sur parcourir. Slectionner le fichier 082_plugin_besps_1.5.2.zip ou son successeur et cliquer sur le bouton Transfert de fichier & Installation . Un message bleu apparat pour valider linstallation. Paramtrage
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Dans le menu Extensions Gestionnaire de Plugins , cliquer sur bretteleben.de Simple Picture Slideshow pour modifier les paramtres du plugin. Dans la partie de droite, il ne faudra surtout pas oublier de cocher le bouton radio pour Activ : le plugin. Dans la partie de droite, dans un premier temps il est prfrable de lancer les paramtres standards. Si les images sont plus grandes que la taille demande elles sont redimensionnes mais si elles sont plus petites, elles ne sont pas transformes. Par dfaut le fondu enchain se fait en 20 tapes (Fading steps) et dure 1 seconde (Duration of fading (sec.)). Penser modifier le texte si vous dcidez dafficher les controls (Show controls ?). Captions et Links permettent respectivement dajouter une lgende et un lien hypertexte sur limage. Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 72

Glenan.net : version CMS avec Joomla 1.5


La syntaxe pour la lgende est la suivante : {besps_c}N du diaporama|Nom de la photo|Titre de la photo|Descriptif de la photo {/besps_c} Pour le lien, le lien est gr par le code suivant : {besps_l} N du diaporama|Nom de la photo |URL de la photo|balise title|cible{/besps_l} Par dfaut le premier diaporama de la page porte le n 0. Les sparateur entre les champs sont grs par le pipe | que lon peut intgrer sur un PC sous Windows par la squence ({Alt Gr} {6-|}). La cible peut tre _blank pour un lien dans une nouvelle fentre (principalement si on quitte le site ou pour charger un document) ou _self pour une ouverture dans la mme page. Intgration dans la page Lintgration se fait dans larticle avec linstruction {besps}diaporama-accueil{/besps} o il est possible de remplacer le diaporama-accueil par le nom du dossier dans le dossier stories qui va contenir les images utilise dans le diaporama. Pour viter tout problme suivant le systme dexploitation de votre hbergement, il est prfrable de mettre ni accent, ni espace dans le nom de dossier devant contenir les images du diaporama. Faire un copier coller du nom de dossier pour viter tout problme de nom de dossier Pour intgrer lgendes et liens, la syntaxe sera un peu plus complexe et du genre :
{besps}diaporama-accueil{/besps} {besps_c}0|les_moutons_auguste_andro-800.jpg|Les Moutons|Photo des moutons vue d'avion dans les annes 1970{/besps_c} {besps_c}0|pl_bateau_cigogne_800.jpg|Fort Cigogne|Bateau devant Fort Cigogne{/besps_c} {besps_l}0|les_moutons_auguste_andro-800.jpg|http://glenan.fr/iles/Moutons/|Les Moutons sur Glenan.fr|_blank{/besps_l} {besps_l}0|pl_bateau_cigogne_800.jpg|http://glenan.fr/iles/Cigogne/|Fort Cigogne sur Glenan.fr|_blank{/besps_l}

Si la structure par ligne est plus facile pour la comprhension, il est possible de supprimer les retours la ligne pour viter davoir trop de lignes vides sous le diaporama. Cration du dossier image Utiliser le menu Site Gestion des mdias , puis cliquer sur le dossier Stories . Coller le nom du dossier dans la zone de saisie et cliquer sur le bouton Crer un dossier . Aller dans le dossier cr, puis sur le bouton parcourir pour chercher les photos intgrer votre diaporama. Sauf avoir changer le paramtrage, les photos seront tries par nom. Il suffit de renommer les photos par 01, 02 puis le nom du fichier normal. Le diaporama est maintenant fonctionnel. Suivant le template et son paramtrage, il sera souhaitable dajouter une ligne vide devant linstruction si elle est place en dbut darticle. Message de bugs Plusieurs messages de bugs peuvent apparatre sur la page devant contenir le diaporama : {besps}diaporama-accueil{/besps} Le plugin nest pas publi Simple Picture Slideshow: Could not find folder /homez.16/glenan/www/joomla/images/stories/diaporama-accueil Le dossier devant contenir le diaporama nexiste pas Simple Picture Slideshow: No images found in folder /homez.16/glenan/www/joomla/images/stories/diaporama-accueil Il ny a pas dimage dans le dossier du diaporma

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 73

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


GEO-LOCALISATION GOOGLEMAPS
Pour intgrer une carte dans le corps dun article, il faut disposer de : Un plugin intgrant un systme de carte de go-localisation. Les coordonnes du point afficher Position des Glnan Il faut pour la majorit des systmes de go-localisation, disposer des coordonnes du point (latitude et longitude). Avec un GPS cela se fait sans problme, mais dautres systmes existent. Aller sur le site de Google maps (http://maps.google.fr/). Saisir ladresse (Glnan 29170) ou zoomer pour vous positionner sur lendroit souhait. Zoomer au maximum pour trouver le lieu choisi qui doit se trouver au centre de la carte. Dans le cas des Glnan, il manque beaucoup dles dans la partie Plan et il est prfrable de basculer dans la partie Satellites . Pour les Glnan, et une bonne partie de la Bretagne le dernier niveau de zoom nest pas disponible et nesprez pas non plus passer en mode Street view car les Google car ne se sont pas encore gars sur le parking des viviers. Concernant les Glnan, on peut considrer que le bout de la cale de Saint Nicolas est le point dentre aux Glnan. En cliquant sur Lien une ligne de code apparait quil est possible de copiercoller dans le blocnote ou de noter les informations relatives la localisation du lieu http://maps.google.fr/?ie=UTF8&ll=47.721827,-4.003235&spn=0.000599,0.000778&t=h&z=18 Il est possible dextraire de lURL la latitude (47.721827) et la longitude (-4.003235). En Bretagne , il faut bien intgrer le moins (-) du fait quelle se positionne louest du mridien de Greenwich. Plugin de go-localisation Aller sur le site des extensions de Joomla.org, puis slectionner la catgorie External Contents Maps . Il existe 37 extensions de carte. La majorit tant lie Google Maps, une autre partie Maplink pour afficher des statistiques et quelques projets autres comme OpenStreet. Le choix peut savrer dlicat car il y a plusieurs extensions faisant des choses relativement proches. Pour linsertion dune carte simple, il est possible dutiliser le plugin Googlemaps. Cependant si des points multiples sont intgrer et que les fichiers dextension Google, comme le kml ( base de structure de fichier xml) ne sont pas dans vos comptences, il est prfrable dopter pour un composant utilisant le plugin googlemaps pour intgrer des points multiples, comme La Souris Verte , moins de maitriser la syntaxe des fichiers kml de Google. Si vous hsiter dans votre choix, il est possible de demander de laide sur le forum de Joomla.fr : http://forum.joomla.fr/ en cliquant sur rechercher et en tapant le mot cl googlemaps . Quelques rponses apportent des indications prcieuses sur les choix faire et certaines revoient sur les tutoriels de Lesh http://lesh.fr.nf/ permettant dans la rubrique Test J1.0 & J1.5 natif Plans & Cartes Plugin Googlemaps 2.10i (Plans et Cartes - J1.0 & J1.5) davoir des explications en franais sur linstallation et le paramtrage du plugin googlemaps. Dautres messages du forum vous renverrons sur le site de Mike Reumer, la personne ayant cr la plugins googlemaps. Son site http://tech.reumer.net/ fourmille dexemples permettant de tirer tout le parti de ce plugin, nanmoins le fait que les explications soient en anglais peut rebuter certaines personnes. Le tlchargement du plugin se fait par le biais de la Forge JommlaCode disponible sur lURL http://joomlacode.org/gf/project/mambot_google1/frs/. La liste des plugins est importante et il manque la date de mise disposition. Il faut donc charger le plugin pour joomla 1.5 (plugin_googlemap_J15.2.12) et non pas pour joomla 1.0 (plugin_googlemap.2.12). La lettre donne ensuite une indication de la version. La plus grande lettre actuelle est le L, mais cela peut changer quand vous ferez le chargement et mme le n de version peut tre plus important. Une fois le plugin tlcharg, il faut aller dans le back-end du site, utiliser le menu Extension - Installer/Dsinstaller . Cliquer sur Parcourir et slectionner plugin_googlemap_J15.2.12l.zip ou un fichier plus rcent, puis cliquer sur Ouvrir et Transfert de fichier & Installation . en plus du message Installateur Plugin Succs , un descriptif vous informe comment utiliser le plugin dans le contenu dun article. Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 74

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Paramtrage du plugin Googlemaps Une fois install, aller dans le menu Extensions Gestion des plugins . Cliquez sur le plugin Google Maps . Les principaux paramtres se trouvent dans la partie haute droite. Ne pas oublier pour autant dactiver le plugin dans la partie de gauche. Pour les Glnan, il est possible daugmenter le niveau de zoom 13 pour avoir une vue plus rapproche des Glnan. Les autres paramtres seront vus ultrieurement. Cration dun article et du menu Aller dans le menu Contenu Gestion des articles et cliquer sur Nouveau pour crer un nouvel article. Nommer larticle Localisation , dans Section, slectionner Non catgoris , moins davoir prvu une section/catgorie pour ranger votre article. Dans le contenu de larticle taper {mosmap} avec les accolades. Il est possible de complter larticle avec dautres contenus. Valider larticle. Aller dans le menu Menus Menu principal et ajouter un nouvel item de menu en cliquant sur Nouveau . Choisir Articles Article Un article et lui donner le titre Nous trouver ou quivalent (Carte des Glnan par exemple) et dans Paramtres Basique cliquer sur Slection et choisir larticle Localisation , puis valider larticle. LAPI key de Googlemaps Ractualiser le site et cliquer sur litem de menu Carte des Glnan . Une alerte apparait indiquant quune cl API Google Maps est ncessaire pour le site. En validant lalerte, la page reste vide. Il va falloir trouver cette cl pour faire fonctionner le plugin. Pour avoir la cl, il faut disposer dun compte google activ et gnrer la cl. Cration dun compte Google Si vous disposez dun compte GMail, vous pouvez passer directement ltape suivante. Aller sur ladresse https://www.google.com/accounts/NewAccount et renseigner votre adresse, choisissez un mot de passe dau moins 8 caractres. Noubliez pas de saisir le Captcha permettant de vrifier que vous tes bien un humain et pas un robot. Cocher la case attestant que vous tes en accord avec les conditions dutilisation et valider le formulaire. Un courriel sera envoy ladresse indique ci-dessus. Cliquer sur le lien pour valider votre inscription.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Cration de la cl API GoogleMaps Aller sur ladresse http://code.google.com/intl/fr/apis/maps/signup.html qui malheureusement nexiste pas en franais. Descendre en bas de la page, cliquer sur le case cocher I have read and agree with the terms and conditions et renseigner My web site URL : . Il est prfrable de faire du copier-coller depuis lURL de votre site, pour viter des erreurs de saisie. Cliquer sur le bouton Generate API Key . Si vous avez suivi la procdure, une page avec des codes en vert apparat. Si vous ne vous tes pas encore identifi, taper votre identifiant gmail et valider. Linterface impose de resaisir de nouveau lURL de son site avant dobtenir la cl API. Copier-la cl qui est en haut de page dans la zone Your key is : Retourner dans ladministration de votre site et dans le menu Extensions Gestion des plugins et dans Google Maps , coller votre cl dans la zone Google API key et faire quelques modifications, comme le fait davoir une carte satellite, un peu plus grande (700 px de large) et centrer entre la la bombe et les vieux Glnan pour voir lintgralit de la carte. Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 75

Glenan.net : version CMS avec Joomla 1.5

INSTALLATION DUN EDITEUR DE TEXTE


FCK EDITOR
FCK existe pour de nombreuses plateformes avec diffrents langages et CMS. Pour Joomla, vous trouverez les fichiers utiles sur http://joomlacode.org/gf/project/joomlafc k/frs/. Tlcharger la dernire version stable (fichier zip) Utiliser le menu Extension Installer/Dsinstaller . Cliquer sur le bouton Parcourir pour chercher le composant installer. Dans notre cas lditeur choisi est : FCK editor mod_bot_JoomlaFCKeditor2.5.1.1bVer sion1.5.zip . Cliquer ensuite sur le bouton Ouvrir , il ne reste plus qu cliquer sur le bouton Transfert de fichier & Installation . Si lopration est ralise avec succs, un message apparat aprs un temps variable, fonction du dbit de la ligne (ou du rseau) pour un site distant. De plus vous savez que lditeur est un plugin et que pour le dsinstaller ou le paramtrer, il faudra le chercher dans la catgorie des Plugins .

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 76

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


JCE EDITOR
Lors de la sortie de la version 0.9.1 du prsent support, JCE Edit ntait pas encore disponible en tlchargement. Comme depuis il lest, il me semblait utile (voir mme indispensable) de traiter de linstallation de cet extension et de modifier, par la mme, la partie relative la gestion des articles. JCE est tlchargeable nativement sur http://www.joomlacontenteditor.net/ JCE ou Joomla Content Editor est disponible en 2 versions. Cest le mme noyau de base qui est install dans les 2 versions. Avec la version payante il est possible dinstaller en plus les plugins JCE Media Manager 1.5 et JCE File Manager 1.5 (via le menu Donwload Plugins 1.5.x Subscription plugins) ou davoir la liste complte des extensions lies souscription par Login/Register Your Account Subscription Plugins . Le cot de labonnement nest que de 20 $ (13 environ) avec une validit dun an pour les tlchargements et vie pour lexploitation des composants tlchargs. Si votre anglais est insuffisant, vous pouvez tlcharger les extensions dj francises, ainsi que des supports de tutoriels de JCE sur le site http://jce.sarki.ch/. Sur le site http://www.joomlacontenteditor.net/ utiliser le menu Downloads et dans chaque item du menu tlcharger les objets JCE pour la version 1.5.x. Au final, vous devriez disposer des fichiers suivants dans les items de menu de Donwload : Editor Mambot JCE Editor Plugin 1.5 plg_jce_15xxxxx.zip Admin Component JCE Admin Component 1.5 com_jce_15xxxxx.zip Plugins rserv aux adhrents pour la version 1.5 JCE Utilities JCE Utilities Plugin 1.6 plg_jceutilities_16xx.zip Language Packs JCE Language Pack French 1.5 jce_15_frxxxxx.zip Toujours dans le Back-end, connectez-vous et utiliser le menu Extensions Installer/Dsinstaller . Cliquer sur parcourir puis installer le plugin ainsi que le composant (plg_jce_15xxxxx.zip et com_jce_15xxxxx.zip). Terminer en installant plg_jceutilities_16xx.zip. Ce dernier permet un affichage tendance des popup qui pourront rester dans la page. Le paramtrage, souvent visible, est un fond noir translucide de la page avec au milieu le popup et une croix pour le fermer. Il ne faudra pas oublier de publier ce plugin par le menu Extensions Gestionnaire des plugins et de slectionner System JCE Utilities . Aller dans le menu Composants JCE Administration Install et slectionner le fichier de langue : jce_15_frxxxxx.zip puis cliquer sur Transfert de fichier & installation. Ds que le message Installateur Langue Succs apparait, la gestion du composant passe en franais. Le paramtrage de JCE peut tre modifi par le menu Composant JCE Administration puis Configuration ou Plugins. Dans la partie configuration il est possible de modifier, entre autre, la hauteur et la largeur de la fentre de JCE pour modifier le texte en fonction des contraintes spcifiques aux personnes ayant en charge la gestion des articles, et aussi en fonction des contraintes du Template en place (principalement pour les utilisateurs du FrontEnd). La partie plugins permet dautoriser ou non telle ou telle fonctionnalit en la publiant ou non. Si vous souhaitez modifier le positionnement des icnes, utiliser le Bouton Editor Layout pour agencer les boutons votre convenance. Si vous ne souhaitez pas quune catgorie de contributeurs disposent de certaines fonctionnalits il est possible avec le bouton Plugin Access , de modifier le niveau daccs minimum pour disposer de cette fonctionnalit.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 77

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


CHANGEMENT DEDITEUR
Aller dans le menu Site Configuration globale et dans longlet Site Paramtres du site, choisir lditeur WYSIWYG (What You See Is What You Get, Ce que vous voyez, cest ce que vous obtiendrez, sous entendu limpression, mme si actuellement cest aussi lcran) par dfaut. Il est possible pour un utilisateur de modifier lditeur par dfaut. Utiliser le menu Site Gestionnaire des utilisateurs . et dans la zone paramtres , choisir lditeur le plus appropri pour lutilisateur. Il est bien vident que cette modification ne doit se faire quau cas par cas et quil est prfrable de choisir un bon diteur pour lensemble des personnes devant tre amenes crer du contenu. Ne pas oublier que le support expliquant aux personnes qui ont la possibilit de crer du contenu est fortement influenc par le choix de lditeur et quil est souvent prfrable de faire des tests avec des utilisateurs de linterface publique avant de commencer crire le manuel utilisateur.

BUG ?
Sil na toujours pas t corrig avec la version de FCK editor que vous utilisez, le bug qui apparait en cliquant sur parcourir le serveur demande ce que la ligne suivante dans le code la ligne 31 (environ) de la page : wamp\www\glenan.net\plugins\editors\fckeditor\editor\fil emanager\connectors\php\config.php
if( isset($_SERVER['HTTP_REFERER']) && strpos($_SERVER['HTTP_REFERER'], 'plugins'.DS.'editors'.DS.'fckeditor') > 0 ){

soit remplace par :


if( isset($_SERVER['HTTP_REFERER']) && strpos($_SERVER['HTTP_REFERER'], 'plugins/editors/fckeditor') > 0 ){

En fait il est toujours prfrable de garder une trace de ce qui a t modifi dans le code source. Pour ce faire, il suffit de mettre une double barre (slash) // (si le code est crit en PHP) en dbut de la ligne modifier pour que celle-ci se transforme en commentaire et en-dessous faire un copier-coller pour avoir la nouvelle syntaxe de la ligne. On obtient le code suivant :
//if( isset($_SERVER['HTTP_REFERER']) && strpos($_SERVER['HTTP_REFERER'], 'plugins'.DS.'editors'.DS.'fckeditor') > 0 ){ if( isset($_SERVER['HTTP_REFERER']) && strpos($_SERVER['HTTP_REFERER'], 'plugins/editors/fckeditor') > 0 ){

Prenez soin de bien noter (ventuellement dans un fichier externe) toutes les modifications apportes au code du site car sinon, lors du passage de version, vous risquez davoir quelques surprises. Cette mthode alourdi le code de la page mais comme cest du PHP, il ne serait excut que ct serveur et cela pse peu au regard de ce que les commentaires peuvent apporter dans une page. De nombreux programmes ne sont pas totalement au point lors de leur sortie et il est conseill daller voir les forums pour chercher des solutions acceptables et faire fonctionner les modules. Mme si souvent on aimerait que les bugs soient corrigs plus rapidement, il faut souvent prendre son mal en patience ou alors donner un coup de main aux dveloppeurs ;-)

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 78

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

LES COMPOSANTS
Les composants permettent la gestion dextensions relativement complexes intgrant de nombreux paramtres. Aprs installation ils apparaissent dans le menu Composants et linstallation de plugins se fait dans certains cas directement depuis le composant. Linstallation du Composant Virtuemart (pour la gestion de boutique en ligne) est traite dans le support de cours Glenan.biz : une boutique virtuelle avec Joomla et Virtuemart , disponible sur http://glenan.fr.

LES COMPOSANTS DE BASE


Pour la majorit des composants, il faut au pralable crer au minimum une catgorie. Par dfaut, les composants sont au nombre de 6 : Les Bannires permettent laffichage de bannires de publicit en fonction des contrats signs. Pour Glenan.net, la seule pub admise est celle de Google. Voir dans les autres supports de cours de http://glenan.net/ pour de plus amples informations. Contact : voir le chapitre Les Contacts Les Fils dactualit permettent une gestion des flux RSS en fonction des catgories introduites. Les Sondages grent des sondages simples avec questions fermes. Dautres extensions permettent des actions plus fines ou alors des intgrations de sondages en provenance de logiciels spcialiss : Le sphinx (http://www.lesphinx-developpement.fr/) ou Lime Survey (http://www.limesurvey.org/) Recherche permet dobtenir des statistiques sur les questions poses dans le moteur de recherche du site. Les statistiques de lhbergeur ou du module de statiques sont plus prcises nanmoins. Liens Web permet de grer les liens connexes au site en fonction des catgories des sites. Une catgorie Glnan pourrait tre cre avec comme liens principaux : http://glenan.fr/, http://glenan.net/ et http://glenan.biz/

LES CONTACTS
Lutilisation de contacts pourra permettre la cration du formulaire de contacts en utilisant les modules. Utiliser le menu Composant Contact Catgories , et dans le titre, inscrire Glnan.net . Ensuite, aller dans le menu Composants Contacts Contacts et cliquer sur le bouton Nouveau . Renseigner les informations qui pourront apparatre dans la fiche de contact sans oublier de lier le contact une personne enregistre du site. Dans la partie Menu, il est possible ensuite dutiliser Lien interne Contact Contact - Mise en page standard des contacts pour permettre aux internautes de se mettre en relation avec un responsable. Dautres usages sont bien videment possibles.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 79

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

GESTIONNAIRE DE MENU
Le menu Lettre actuel ne convient pas car en cliquant sur une lettre B, il ny a aucun sous-menu qui apparat mais un menu principal qui stale en incluant le sous-menu et qui peut donc arriver dpasser la largeur de lcran avec un affichage illisible pour linternaute. Faute de crer ses propres modules (partie qui dborde du cadre de ce cours) nous allons utiliser un gestionnaire de menu compatible avec Joomla 1.5. Comme pour les autres modules, il faudra du temps pour tester le module et se lapproprier. Attention certains modules qui sont sous licences commerciales et pour lesquels il vous faudra peut-tre bourse dlier ;-( Dans notre cas, nous choisissons le module SWMenuFree dont il existe une version commerciale plus puissante.

INSTALLATION DU GESTIONNAIRE DE MENU


De faon classique il faudra tlcharger le dossier zipp (larchive) du module installer. Comme souvent, quand lditeur possde une version commerciale, il essaye de vous attirer vers cette version. On ne saurait len blmer car il met nanmoins gracieusement du code votre disposition ;-) Ladresse est : http://www.swmenupro.com/. Suivre les liens pour tlcharger (download en anglais) swMenuFree en version Joomla 1.5

Une fois linstallation termine, le message vous annonce quun nouveau composant est disponible.

MISE EN UVRE DU GESTIONNAIRE DE MENU


Tout dabord aller dans le menu Composant swMenuFree et donner un nom au menu (module name). Dans notre cas LettresSW et valider en cliquant sur le bouton vert Save . Le menu est cr mais nest nulle part. Il faut donc le localiser dans larborescence. Cela peut se faire en utilisant le menu Extension Gestion des modules . Il faut activer le menu LettresSW dans la position user3 et dsactiver le module Menu Lettres .

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 80

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


PARAMETRAGE DU GESTIONNAIRE DE MENU
Le paramtrage du composant swMenuFree se fait par le menu Composant swMenuFree qui est disponible depuis linstallation du composant. LTout dabord mettre en franais le composant en utilisant le lien Upgrade/Repair swMenuFree de la page daccueil. Sur le nouvel cran, utiliser la liste droulante Select New Language File : french.php, puis cliquer sur le bouton Change Language .

Cliquer sur le lien Editer les proprits du module de menu pour revenir au paramtrage du module. Certains modules offrent des possibilits qui vitent de devoir crer une information existante. Cest le cas de swMenuFree qui permet par son option Menu hybride: de gnrer menus et sous-menus, jusqu larticle en tenant compte des sections et catgories. Il suffit de crer un nouveau menu Lettres seules et dans ce menu de crer un item Section Lettres pointant vers la section Lettres (Lien interne - Articles - Liste des catgories dune section .
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 81

Glenan.net : version CMS avec Joomla 1.5


Cette mthode vite, aprs paramtrage, de devoir ajouter des items et sous-items au menu. Les catgories (lettres de lalphabet dans notre exemple) et articles (de chaque lettre de lalphabet) tant ajouts automatiquement au fur et mesure de leur cration, sans intervention du webmaster sur la gestion du menu. Le paramtrage de swMenuFree se dcline en 5 panneaux dont les valeurs pour un menu lettres de Glenan.net pourront tre ceux ci-dessous. Avant de modifier le paramtrage, regardez le paramtrage par dfaut qui peut convenir dans certains cas de menu. Mme sans suivre la lettre les paramtrages, il est souhaitable de sauvegarder rgulirement afin de sassurer du rsultat du paramtrage. Rglage du module de menu Mettre le nom du module LettresSW sans oublier de le rendre actif et de le positionner dans user3.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 82

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Il est prfrable dans la version Free de prendre MyGosu Menu dont le code HTML du sous-menu de la lettre A est :
div class="section" > <a href="/joomla/index.php?option=com_content&amp;view=article&amp;catid=1&amp;id=2&amp;Itemid=37" class="item2" >nes</a> <a href="/joomla/index.php?option=com_content&amp;view=article&amp;catid=1&amp;id=3&amp;Itemid=37" class="item2" >antenne municipale</a> <a href="/joomla/index.php?option=com_content&amp;view=article&amp;catid=1&amp;id=4&amp;Itemid=37" class="item2" style="border-bottom:0px dashed ">archipel</a> </div>

Plutt que Trans Menu pour avoir un code plus propre pour le rfrencement.
menu10001.addItem("nes", "/joomla/index.php?option=com_content&view=article&catid=1&id=2&Itemid=37", "0"); menu10001.addItem("antenne municipale", "/joomla/index.php?option=com_content&view=article&catid=1&id=3&Itemid=37", "0"); menu10001.addItem("archipel", "/joomla/index.php?option=com_content&view=article&catid=1&id=4&Itemid=37", "0");

Voir le support sur le rfrencement pour plus dinformations. La feuille de style est incorpore dans le code de la page, mais il est prfrable de la rendre externe aux pages pour acclrer le chargement des pages. Cliquer sur le lien Exporter un fichier CSS externe , puis slectionner la liste droulante Charger la feuille de style sur Lier une feuille de style externe .

Il est possible de modifier la feuille de style relative au menu en cliquant sur le lien Editer manuellement le fichier externe de style CSS . En demandant un Menu hybride et en slectionnant en Parent Section Lettres au lieu de Top , swMenuFree gnrera automatiquement les lettres et les articles du menu en excluant les items dsactivs (non publis).

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 83

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Dimensions, position & dcalages Il faut indiquer la hauteur des sous-menus ainsi que leur hauteur (respectivement 149 et 29 pixels) Le dcalage (offset) du sous-menu est de -5 pixels pour des questions desthtisme mais galement pour permettre une meilleure navigabilit.

Couleurs & fonds Il faut tlcharger pour Images de fond Soumenu Fond limage export_button.png et pour Sous-menu Fond en survol (Over) limage export_button_hover.png Les paramtres de Couleurs de fond et de Couleurs de contour sont supprims et les couleurs de la police (Couleurs de police) appropries.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 84

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Polices & remplissage Mettre 0 les espacements en haut et en bas pour le menu principal et 7 pixels en haut pour les sous-menus. Mettre la police du menu principal 20 pixels et celle des sous-menus 14 pixels, sans oublier de mettre la police des menus en gras.

Borders & Effects Suppression des paisseurs pour les bordures et transparence 100%. Les images darrire plan tant des images PNG 32 bits, la transparence via la feuille de style nest pas ncessaire.

Un peu de publicit ponctue la fin du paramtrage. Comme dans notre cas seul un menu suffit, il est inutile de passer la version pro. Si votre site demande ddoubler ce genre de menu, soit il vous faut trouver un autre systme de gestion de menu, soit acqurir la version pro qui existe en 2 versions : 1 seul site ou sites multiples (plusieurs sites crs par la mme personne utilisant swMenuPro).

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 85

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

LA PAGE DACCUEIL

Le menu Contenu gestion de la page daccueil permet dagencer la page daccueil en fonction des objets qui sont affichs sur cette page.

LES OUTILS
Avec les outils, il est possible denvoyer un message un utilisateur ou un groupe dutilisateurs. La procdure nest pas trs complique. Litem Outils Vrification globale est plus intressante, car elle permet de dbloquer des pages qui auraient taient bloques par un utilisateur. Ceci pouvant se produire par inadvertance si un utilisateur quitte un article sans cliquer sur Annuler , Valider ou Sauver , tant dans linterface dadministration que publique. Dans linterface publique un message comme ci-dessous apparat indiquant que larticle est verrouill.

Si larticle est disponible, licne ddition apparat en haut de larticle avec les autres icnes.

Dans linterface dadministration, les articles bloqus apparaissent avec un cadenas et, en se dplaant dessus, il est possible de connatre le membre ayant bloqu larticle. Do lintrt de pouvoir envoyer un mail aux membres. Si les utilisateurs ne ragissent pas ou quil y a urgence, il est possible dutiliser le menu Outils Vrification globale pour librer les verrous et autres blocages.

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 86

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

UN SITE MULTILINGUE
Un site peut tre traduit dans plusieurs langues. Les systmes de traduction automatique ne sont pas encore trs performants : quand des structures de phrases complexes ou quand des jeux de mots maillent votre site, le rsultat peut tre dsastreux, voire incomprhensible. Aller sur les extensions de Joomla.org http://extensions.joomla.org/ et slectionner la partie Languages - Gestion de contenu multilingue (Multi-lingual Content)

INSTALLATION DE JOOM!FISH
Lextension qui dispose du plus de votes et de commentaires, est JoomFish. Cela est principalement d au fait que lextension est disponible depuis 2006. Linstallation se fait en suivant le lien de tlchargement, ou en allant directement sur le site de Joomfish : http://www.joomfish.net/, puis cliquer sur le menu Download . Tlcharger la dernire version stable en cliquant sur le lien Joom!Fish 2.0.4 Stable ou une plus rcente, si tel est le cas. Sur le site http://www.joomfish.net/en/downloads/joomfish-translations, tlcharger le module Franais (joomfish_203_fr-FR.zip) ou plus rcent. Utiliser le menu Extension r/Dsinstaller . Cliquer sur le bouton Parcourir , slectionner le fichier Joom!Fish, puis cliquer sur le bouton Transfert de fichier & Installation . Installer de faon identique la traduction en franais de Joom!Fish. Aprs linstallation, le site peut prsenter des problmes qui sont visibles sur la devanture du site. Ce dsagrment est uniquement li au fait que la langue, par dfaut, nest pas prise en compte. Utiliser le menu Composant Joom!Fish Langues Cocher la case ) cocher Active pour le French (FR : franais dans le texte) Si le breton est install, comme il nest pas prsent par dfaut dans joom!Fish, cest le BRsil qui est pris comme drapeau. Cliquer sur Sauver pour valider ces paramtres et voir que le site est redevenu normal avec en prime deux petits drapeaux : franais et britannique. Le fait de cliquer sur lun ou lautre drapeau ne change que les informations lies au systme joomla lui-mme : recherche devient search ; connexion devient login Les articles nayant pas t traduits en anglais, se retrouvent avec le texte There are no translations available. entre le titre et le contenu de larticle. Si dautres langues sont ncessaires, recommencer la procdure dinstallation de la langue. Attention nanmoins au fait quil faut procder la traduction du contenu et que ceci nest pas une mince affaire. Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 87

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


TRADUCTION DU SQUELETTE DU SITE
Avant dattaquer la traduction du contenu proprement dit, il est prfrable de traduire lenvironnement du site. Mme si cette partie semble ingrate, il est important de la faire pour faciliter le travail de traduction du contenu. Bien videmment les items du squelette du site traduire seront variables en fonction des extensions qui seront mises en uvre dans le site. Toutes les oprations de traductions vont se faire par le menu Composant - Joom!Fish - Traduction en slectionnant les lments traduire. Traduction des menus Slectionner l lments de contenu Menus , puis la langue traduire : English dans notre cas.

Il est possible de mettre en place des filtres supplmentaires sur un menu spcifique. Il est inutile de traduire les lettres de lalphabet. Elles sont identiques en anglais, du moment quelles ne sont pas accentues. Il est possible de commencer par le menu Accueil pour le faire revenir son tat dorigine lors de linstallation de Joomla. Les champs nom et lalias sont traduire. Pour les autres paramtres, il est possible de distinguer les paramtres suivants les catgories de paramtres : Paramtres Basique Paramtres Systme dans lesquels il ne faudra pas oublier de changer le titre de la page Paramtres avancs Paramtres - Composant Pour plus dinformation sur lutilisation de ces paramtres, se reporter au chapitre Les menus du prsent support. Recommencer la procdure pour lensemble des items de menu traduire, sans oublier de publier les menus traduits qui apparatront dans les menus. Dans notre cas la traduction de lne devient Donkey , mais reste dans la lettre A Le rsultat est le suivant :

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 88

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Traduction des sections et catgories En fonction de la structure de votre site et des items de menus utiliss, il sera souhaitable de traduire les sections et les catgories de votre site. Si votre site est basique et ne fait appel qu des items de menus pointant vers des articles, il ny a rien faire. Si par contre vous affichez la liste des catgories dune section avec un texte explicatif de la section et des catgories, il faudra traduire lintgralit des objets. Utiliser le menu Composant - Joom!Fish - Traduction . Slectionner la langue et l lments de contenu Sections ou Catgorie . Cliquer sur le Titre traduire et faire la traduction de la mme faon que pour les menus. Ne pas oublier le champ Description si vous lavez renseign dans la version franaise. Traduction des modules Un certain nombre de modules ont t intgrs sur votre site : fil dAriane, recherche, menus Il faudra traduire, au moins, les lments de modules apparaissant dans votre site. Pour le fil dAriane, slectionner module et cliquer sur son titre (Chemin dans le cas de Glenan.net). Il faut principalement modifier le texte pour la page daccueil et ventuellement le titre du module car ce dernier napparat pas sur le site. Cliquer sur le titre : Menu principal et modifier le titre. Les items de menu ont t modifis prcdemment. Ne pas oublier de publier la traduction pour quelle soit valide. Si un module de connexion est prsent, il faudra aussi modifier son titre.

TRADUCTION DU CONTENU
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Pour la traduction du contenu, la procdure est la mme ; slectionner la langue traduire : English puis l lments de contenu Contents . La liste des articles apparat. Il est prfrable de commencer par les articles apparaissant sur la page daccueil, de faon voir le rsultat directement sur le site. Modifier le titre de la page (champ Title ) ainsi que lalias qui servira pour le rfrencement. Le champ principal concerne le corps du contenu (Champ : Article Text). Ne pas oublier de changer les attributs ALT et ventuellement TITLE de chaque balise image pour amliorer le rfrencement. Cela dpend bien videment de votre traitement de texte. Avec JCE, faire un clic-droit sur limage et utiliser litem de menu Insrer /Editer une image . modifier la zone de saisie Description (attribut ALT) dans longlet image et le Titre dans longlet Paramtres avancs (attribut TITLE). Pour un meilleur rfrencement, il est aussi utile de modifier le Champ : Metadesc qui contient la description (rsum) de larticle. En bas de page, lalternative lire la suite ( Read more ) peut tre utilise si vous grez autre chose que des articles textuels classiques (vidos par exemple).

PARAMETRAGE DE JOOM!FISH
Si le site est en production, il est prfrable de dsactiver la nouvelle langue dans Composant Joom!Fish Langues

Extensions : composants, plugins _______ Philippe LOST et Gunol LOST________ Page 89

Glenan.net : version CMS avec Joomla 1.5

LE TEMPLATE

ZONAGE DE LINTERFACE
AFFICHAGE DES ZONES
Il est possible de voir les principales zones utilises en tapant index.php?tp=1 Sur la page daccueil de http://glenan.net/joomla/index.php?tp=1, cela donne le rsultat ci-dessous.

Lavantage de cette mthode est de pouvoir tre utilise sur les diffrents sites Joomla. Certaines zones ne sont pas forcment nommes mais il est possible de les retrouver dans le code de la page, soit dans le navigateur, soit directement en ditant le code de la page. Une autre solution consiste aller dans le menu Extension gestionnaire des Templates puis de cliquer sur le nom du Template visualiser. Il reste cliquer sur licne Prvisualiser pour afficher les zones du Template.

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 90

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


LES DIFFERENTES ZONES
Dautres zones sont incluses dans le template, mais napparaissent pas avec cette mthode. La liste des zones des modules pour le site http://glenan.net est la suivante :

Dautres zones peuvent tre utilises : user 1 9 ; header (complment de footer) ; newsflash ; legal ; banner et advert 1 3 (pour des bannires de publicit) ; inset ; toolbar ; menu ; submenu ;status ; title ;cp_shell Le Template _________________________ Philippe LOST et Gunol LOST________ Page 91

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Certaines zones sont disponibles en utilisant la liste droulante Position et elles se nomment : Breadcrumb Les miettes de pains, chapelure ou panure permettent de connatre le fil dAriane ou le chemin comme le Petit Poucet dans la fort. Debug Peu utile pour linternaute. Footer Permet laffichage dun copyright pour le site, mais nest pas utile dans notre cas. Cest en gros le pied de page. Left Comme son nom lindique, et sauf avis contraire de la part du graphiste, cette zone est gauche et contient souvent des lments ou modules importants. Dans le cas de Glenan.net, le menu principal et le module de connexion sont gauche. Right Est en principe droite. Dans le cas de Glenan.net, il est possible de mettre droite un module Google AdSense. Pour dautres sites, cette zone permet laffichage des articles les plus lus, des derniers articles Syndicate Concerne le fils RSS pour la syndication. Top Pour afficher une information en haut de la page ( droite du logo dans le modle actuel). User1 se trouve souvent aux alentours de gauche , en-dessous de top ou au-dessus de la zone de contenu. User2 se trouve souvent aux alentours de droite , en-dessous de top ou au-dessus de la zone de contenu. Dans quasiment tous les cas droite de user1 . User3 Utilis dans le thme de base, pour afficher les lettres. Cest souvent la zone daffichage dun menu complmentaire. User4 Permet dintgrer la zone de recherche dans ce cas, dautant que le code est inclus dans une balise <div id="search">.

Glenan.net : version CMS avec Joomla 1.5

INTEGRATION DUN TEMPLATE


CHOIX DUN TEMPLATE
Il existe de nombreux sites proposant des Templates avec diffrents types de licences et diffrents cots. Certains sites proposent de nombreux Templates, comme http://www.template4all.com/, http://www.siteground.com/ ou http://www.themza.com/... Certains sites regroupent aussi les Template en provenance de diffrents auteurs, permettant de faire un choix plus rapidement comme http://www.joomla24.com/ ou http://www.joomlaos.de/ qui intgrent plus dun millier de Template, chacun. On peut regretter un mode de slection par couleur ou thmatique. Il existe bien dautres sites plus ou moins commerciaux et plus ou moins intressants. Dans le cadre dune entreprise ou dune structure qui souhaite se diffrencier, il est prfrable de passer directement au chapitre Cration dun Template

Utiliser le menu Extensions Installer/Dsintaller . Cliquer sur Parcourir et slectionner le fichier zipp, tlcharger puis cliquer sur Transfert le fichier & Installation . Recommencer lopration pour les 4 autres fichiers. Aprs un certain temps, un message indique que le Template sest install avec succs. Utiliser le menu Extensions - Gestionnaire de Templates et cliquer sur le bouton radio devant un modle, puis sur Dfaut . Quand ltoile est passe dans la colonne dfaut au niveau du Template choisi, il suffit de basculer dans linterface publique pour visualiser le rsultat obtenu avec le nouveau modle.

Il ne reste plus qu adapter le modle nos besoins. Certains ont vu une ligne de code anormale au-dessus du modle : Warning: Invalid argument supplied for foreach() in E:\wamp\www\glenan.net\templ ates\ja_purity\ja_menus\Base.cl ass.php on line 30 Avant dcarter ce modle, il est prfrable de voir le rsultat aprs paramtrage, mme si lapriori est ngatif.

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 92

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Rpter lopration avec les modles choisis. Dans notre cas, le modle est JA Purity et son rsultat dans linterface publique est ci-contre.

Glenan.net : version CMS avec Joomla 1.5


MODIFICATIONS DIRECTES
Certains Templates possdent des facteurs de variabilit prvus par leurs concepteurs et administrables par un nophyte en informatique. Aller dans le menu Extension Gestionnaire de Template , cliquer soit sur le nom du Template, soit sur la case cocher du Template puis cliquer sur le bouton diter . Attention : la page du site nest pas systmatiquement comme celle ci-contre. Tout dpend du paramtrage voulu par le concepteur du modle. Dans le cas du Template JA Purity , il est possible de modifier les paramtres comme ci-dessous : Seuls les paramtres modifis par rapport la version de base sont indiqus. Logo text : Glenan.net (sans intrt car il faudrait mettre logo type Text) Slogan : L'abcdaire des Glnan Header Themes : Blue Primary Elements : blue Menu Type : MenuLettres Pour le Template RHUK Milkyway les paramtres de modification sont ceux ci-contre. Mme si laspect graphique du site correspond mieux nos aspirations, il reste encore des modifications raliser : Le logo Joomla remplacer par le logo Glenan.net Les images alatoires (montagne, grenouille, plantes) remplacer par des images des Glnan. Le menu Lettre en bas de page qui nest pas adquat et fait doublon. Logo glenan.net Il est aussi possible dditer le HTML (qui est un fichier php) ou la (les) CSS du modle. Si vous navez aucune connaissance en html, ni en php, ni en css, il est prfrable de ne pas modifier ces fichiers ou alors vos risques et prils. Penser vrifier les droits sur le Template. Dans certains cas lauteur ne souhaite pas que des modifications soient apportes sa cration. Vous pouvez changer limage en remplacement de celle de Joomla qui peut tre utilise par dfaut pour un certain nombre de modles ou dans des variations relativement proches. Aller dans la racine de votre site, puis dans le dossier templates . Ensuite choisissez le dossier de votre modle et dans le dossier images, dposer votre logo (glenan.net.png dans notre cas) dans un format compatible avec internet. Noter bien le nom de votre fichier images en tenant compte des majuscules et minuscules, sans oublier lextension (.png, .gif, .jpg). Attention : pas daccent, ni despace dans le nom du fichier.

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 93

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


Aller dans le menu diter la CSS , cocher la case option devant template.css et cliquer sur licne Editer chercher le texte appelant le logo Joomla (logo.png dans le modle JA Purity) et faire la modification en le remplaant par le nom de votre logo. Ne pas oublier de modifier aussi la largeur (width) et la hauteur (height) pour viter que votre logo ne soit transform.

Modification du code de la CSS (template.css)


h1.logo a { width: 279px; display: block; background: url(../images/glenan.net.png) no-repeat; height: 80px; position: relative; z-index: 100; }

Les images alatoires Soit en analysant le code, soit en scrutant les dossiers du Template, il sera possible de trouver le dossier \templates\ja_purity\images\header qui contient 3 images, mais qui nont aucun rapport avec les Glnan. Les 3 images ont pour noms : header1.jpg, header2.jpg et header3.jpg. Elles vont tre remplaces par 4 images sur les Glnan nommes header1 4.jpg.

Suppression du menu de bas de page Le menu Lettres est supprimer en bas de page. Attention : pas le menu en lui-mme, mais sa reprsentation dans le module. Utiliser le menu Extensions Gestion des modules et dsactiver le module Menu Lettres .ou le menu LettresSW Rsultat final Le rsultat pour le Template JA Purity est comme ci-dessous.

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 94

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

UN TEMPLATE AVEC ARTISTEER


Il existe aussi des Template payants, plus ou moins chers suivant quils seront vendus plusieurs clients ou ne seront disponibles que sur votre site. Une solution alternative consiste acqurir un gnrateur de Template. De nombreuses solutions diffrents prix existent, dont Artisteer avec une dition standard 130 $ (environ 90 ) http://www.artisteer.com/. Au lancement il faut choisir le type de CMS ou blog utiliser, mme sil est possible de dcliner ultrieurement un Template en diffrentes versions.

Le logiciel intgre une interface du type office 2007-2010 par ruban. Le 1er item du ruban Ides permet de gnrer alatoirement un Template, ou de slectionner alatoirement une partie du Template par les icnes suggrer Chaque item du ruban permet de peaufiner et de choisir de faon plus spcifique les diffrents lments du Template. Aprs heure 1 heure passe sur le paramtrage du Template, il est possible dobtenir le Template ci-contre. Bien videmment, mme en intgrant les lments du Template gnrique, ralis pour toutes les diffrentes versions du site (Joomla, Adobe et PHP/MySQL), le rsultat ne peut tre conforme aux souhaits de base, mais permet pour des personnes ne maitrisant pas les bases du Template (CSS, HTML, PHP) dobtenir un rsultat acceptable. Le rsultat final, aprs intgration, est disponible ci-dessous. Les diffrences tant lies principalement lintgration de SWMenu

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 95

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

CREATION DUN TEMPLATE


PRINCIPE DU MODELE
Dans le site Joomla, tous les modles sont regroups dans le dossier templates , avec un dossier pour chaque Template. Mme sil peut exister des divergences dun Template lautre on retrouve, au minimum, les dossiers css et images . Chaque dossier de Joomla et des templates contiennent aussi un fichier index.html qui est vide :
<html><body bgcolor="#FFFFFF"></body></html>

Lunique but tant de ne pas afficher le contenu des dossiers si lhbergeur ou dautres systmes ne lont pas pris en compte. Le dossier css contient la ou les feuilles de style, dont une nomme : template.css. Le dossier images contient toutes les images. Il existe aussi, au minimum, une page index.php qui dcrit le Template et va chercher la (les) feuille(s) de styles CSS, ainsi quune vignette appele template_thumbnail.png qui permet, en se dplaant dans le template, de voir quoi ressemblera le site. Cette vignette une taille de 206x150 pixels et est en PNG 8 bits. Un autre fichier est indispensable : le fichier templateDetails.xml qui liste les fichiers utiles pour le Template et leurs positions dans larborescence. Au dbut de ce fichier il y a aussi des informations de copyright. On retrouve galement des informations sur les positions utilises ainsi que les paramtres par dfaut qui sont utiliss sils sont modifiables par lutilisateur. Dans ce cas, un fichier params.ini permet de stocker les modifications de paramtres de ladministrateur du site. Le dossier contenant le Template sera compress et aura le nom du template avec lextension .zip. Cest cest ce dossier qui sera install dans Joomla. La difficult principale dans la ralisation du template concerne le fichier index.php qui est dans le dossier du template. Comme ce fichier est inclus dans la page index de la racine du site, le chemin des images est du type /templates/mon_template/css/template.css pour aller chercher la feuille de style standard par exemple. Par contre, pour la feuille de style qui devra afficher le logo, le chemin sera relatif par rapport la position relle des 2 objets : ../images/glenan.net.png . .. (point point) permet dindiquer au systme quil faut redescendre dans larborescence, puis remonter dans le dossier images et choisir le logo afficher.

LE TEMPLATE GLENAN.NET
Nous allons expliquer les diffrents fichiers du template Glenan.net. Attention : le template nest quun modle de formation et nest pas utiliser pour des sites (hormis ventuellement http://glenan.net ;-) Le support, les fichiers (Template, requte SQL, code du site) sont tlchargeables pour les utilisateurs enregistrs de http://www.glenan.net/joomla/. Si vous tlchargez le dossier glenan_net.zip vous disposerez, aprs dcompression, dun dossier glenan_net. Dans la racine du dossier il y a 5 fichiers : favicon.ico pour changer licne du site (pas utile). index.html pour viter de voir le contenu du dossier (pas vital). index.php Contient les informations sur la faon de grer les informations du site. template_thumbnail.png Cest limage ci-dessus permettant de visualiser le modle. templateDetails.xml Fichier listant lensemble des fichiers du Template ainsi que dautres informations. Il y a galement 2 dossiers : css les 2 feuilles de style du modle sont dans ce dossier. Images les diffrentes images listes dans emplateDetails.xml. Le Template _________________________ Philippe LOST et Gunol LOST________ Page 96

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


templateDetails.xml Ce fichier contient des informations sur le copyright. Lencodage est en utf8 et le modle est pour joomla 1.5. Ensuite viennent les fichiers <files> quil est possible de catgoriser pour plus de clart en <images> et <css>. Les positions utilises dans le modle sont indiques dans le Template. Dans ce fichier, il faut viter de commettre des erreurs dans les noms des fichiers inclure sinon lincorporation du fichier zip ne sera pas effective. Lensemble des fichiers contenus dans le dossier glenan_net et surtout dans ce fichier doivent tre archivs (zipps) dans le fichier glenan_net.zip.
<?xml version="1.0" encoding="utf-8"?> <install version="1.5" type="template"> <name>Glenan_net</name> <version>0.9</version> <creationDate>3/3/2008</creationDate> <author>Philippe LEOST</author> <authorEmail>joomla@leost.fr</authorEmail> <authorUrl>http://www.glenan.net</authorUrl> <copyright>LEOST Informatique</copyright> <license>Creative Commons by-nc-nd</license> <description>Glenan.net : l'abcdaire des Glnan</description> <files> <filename>index.php</filename> <filename>favicon.ico</filename> <filename>template_thumbnail.png</filename> <filename>index.html</filename> <filename>css/index.html</filename> <filename>images/index.html</filename> </files> <images> <filename>images/fond_glenan.jpg</filename> <filename>images/logo_accueil.png</filename> <filename>images/logo_glenan_net_grand.png</filename> <filename>images/logo_glenan_net_petit.png</filename> <filename>images/bloc_abecedaire.png</filename> <filename>images/bloc_acceuil.png</filename> <filename>images/bloc_acceuil_2.png</filename> <filename>images/bloc_lien.png</filename> <filename>images/bloc_article_haut.png</filename> <filename>images/bloc_article_milieu.png</filename> <filename>images/bloc_article_repet.png</filename> <filename>images/bloc_article_bas.png</filename> <filename>images/bloc_page_acceuil.png</filename> <filename>images/menu_bouton.png</filename> <filename>images/menu_bouton_hover.png</filename> <filename>images/export_bouton.png</filename> <filename>images/export_bouton_hover.png</filename> <filename>images/ovale_accueil.png</filename> <filename>images/ovale_accueil_bleu.png</filename> <filename>images/spacer.gif</filename> </images> <css> <filename>css/glenan.css</filename> <filename>css/template.css</filename> </css> <positions> <position>breadcrumb</position> <position>left</position> <position>right</position> <position>top</position> <position>user1</position> <position>user2</position> <position>user3</position> <position>user4</position> <position>footer</position> <position>syndicate</position> <position>debug</position> </positions> </install>

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 97

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


index.php Afin de permettre une meilleure lecture du fichier index.php, les lments dj traits dans le support Glenan.net : cration du modle pour gnrer la page index.html du modle de base sont en vert. Les lments gnrs pour Joomla sont en rouge et ceux modifis pour sadapter Joomla en orange. Le script en PHP (<?php ?>) en dbut de page permet dindiquer le copyright et surtout avec linstruction : defined( '_JEXEC' ) or die( 'Restricted access' ); dviter quil soit possible daccder directement au fichier index.php sans passer par Joomla. Pour lensemble des objets contenus dans le Template (feuilles de style et images directement accessibles depuis le fichier index.php, il faut ajouter la modification de larborescence gnre (templates/glenan_net/css/). Plutt que de mettre le nom du Template en dur dans le code, il est possible de lindiquer en utilisant la variable relative au nom du Template (<?php echo $this->template ?>). La syntaxe dappel de la feuille de style devenant : <link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" />. Il est aussi possible dindiquer lURL de base du site (<?php echo $this->baseurl?>) pour obtenir : <link href="<?php echo $this->baseurl?>/templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" />, qui peut permettre davoir une ligne de code gnrique pour diffrents projets. En plus de ces lments, il faudra inclure les diffrentes zones aux endroits souhaits. <jdoc:include type="zone" name="nom_zone" style="style_zone" /> Les principaux types sont : head pour complter la balise <head>, component pour grer le contenu du site proprement dit et module pour faciliter le positionnement des diffrents modules dans la page. Dautres zones existent mais sont accessoires et ne sont pas prises en compte dans ce support. Les diffrentes zones de type modules nommes dans templateDetails.xml sont incorpores dans le modle par leur nom utilis dans nom_zone. Pour plus dinfos sur les modules, voir le chapitre sur les diffrentes zones. Les styles sont nombreux et permettent une criture du contenu du module diffrente en fonction des choix qui auront t fait. Le code source gnr sera diffrent et il faudra en tenir compte dans la feuille de style CSS. Le style none (ou -1) ou sans notification, comme cest le cas ici, affiche les items avec les balises <ul> et <li>. Attention : le titre du module nest pas affich, mme si Affich le titre est coch, ce qui est le cas pour le style Glenan.net pour lequel il nest pas utile dafficher des titres spcifiques dans la page. Le style table (ou 0) gre un compromis de tableau, y compris la balise <th> pour le titre et de balises <ul> et <li> pour les diffrents items. Le style xhtml (ou -2) utilise le style <h3> pour les titres, ainsi que les listes puce. Le style rounded (ou -3) est utilis au dbut de ce support dans le Main Menu avec le Template rhuk_milkyway pour donner cet aspect arrondi au bord de la zone. Le style horz se rapproche de table, mais encore en plus verbeux sur les balises de tableau. Dans la pratique, il ne faut rien mettre (comme cest le cas ici) ou utiliser le style xhtml. Dans ce dernier cas, il faudra grer un style .moduletable h3 pour grer les titres des extensions positionnes dans les zones. En plus, il faudra incorporer la zone <jdoc:include type="head" /> juste au sein de la balise <head></head> pour permettre, entre autre, le rajout des balises <meta> dans le code du site. Il faudra aussi incorporer le code permettant dintgrer le contenu du site lendroit souhait avec linstruction : <jdoc:include type="component" />. La balise <div id="basdepage"> permet lintgration des modules syndicat, footer et debug, mme sils ne sont pas tous utiliss dans le site.

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 98

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


En vert le code existant du modle gnrique de Glenan.net. En rouge le code spcifique de Joomla 1.5 qui a pu venir en remplacement du code initial. En orange le code modifi pour tenir compte des contraintes de Joomla 1.5.
<?php /** * Copyright (C) 2008 LOST Informatique. * License Creative Commons by-nc-nd */ // Pas d'accs direct. Uniquement depuis Joomla defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr"> <head> <jdoc:include type="head" /> <title>Gl&eacute;nan.net : l'ab&eacute;c&eacute;daire pour tout connaitre sur les Gl&eacute;nan</title> <link href="templates/glenan_net/css/glenan.css" rel="stylesheet" type="text/css" /> <link href="templates/glenan_net/css/template.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="fond"> <div id="logo"><img src="templates/glenan_net/images/logo_glenan_net_grand.png" alt="logo abecedaire glenan.net" /></div> <div id="chemin"> <jdoc:include type="modules" name="breadcrumb" /> </div> <div id="recherche"> <jdoc:include type="modules" name="user4" /> </div> <div id="menuLettres"> <jdoc:include type="modules" name="user3" /> </div> <div id="milieu"> <div id="gauche"> <div id="explication"> <jdoc:include type="modules" name="left" /> </div> <div id="logoPetit"><img src="templates/glenan_net/images/logo_glenan_net_petit.png" alt="logo petit" /></div> </div> <div id="article"> <div id="articleHaut"></div> <div id="articleMilieu"> <div id="articleFond"> <div id="articleContenu"> <div id="item"> <jdoc:include type="modules" name="user1" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="user2" /> </div> </div> </div> </div> <div id="articleBas"></div> </div> <div id="droite"> <div id="voirAussi"> <jdoc:include type="modules" name="right" /> </div> </div> </div> <div id="mention">&copy; <a href="http://leost.fr" target="_blank">L&Eacute;OST Informatique</a> - <a href="http://fouesnant.glenan.fr" target="_blank">Fouesnant Les Gl&eacute;nan</a> </div> <div id="basdepage"> <jdoc:include type="modules" name="syndicate" /> <jdoc:include type="modules" name="footer" /> <jdoc:include type="modules" name="debug" /> </div> </div> </body> </html>

Le Template _________________________ Philippe LOST et Gunol LOST________ Page 99

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


css/template.css La feuille de style glenan.css est traite dans le support Glenan.net : cration du modle , et seule la feuille de style spcifique template.css est traite ici. Elle est spare en 2 parties : La premire partie contient les styles contenus dans glenan.css qui sont modifis pour tre en conformit avec les changements inclus par le modle. La deuxime partie contient les styles spcifiques gnrs par Joomla pour garder une certaine conformit avec le site de base de http://glenan.net. Il faudra, dans tous les cas, aller de faon pragmatique pour obtenir un rsultat cohrent et relativement conforme au design originel.
/**********************************************************************/ /*** Complement de la CSS glenan.css pour l'adaptation Joomla 1.5 ***/ /**********************************************************************/ /**********************************************************************/ /*** styles de glenan.css modifs ***/ /**********************************************************************/ #articleContenu { clear: both; padding-right: 20px; padding-left: 20px; } #images { width: 175px; padding-left: 0px; float: left; display: block; padding-top: 38px; } #textes { float: right; width: 265px; padding-left: 10px; display: block; } #basdepage a { color: #FFFFFF; text-decoration: none; } #basdepage a:hover { color: #FFFFFF; text-decoration: underline; } #basdepage a img{ border: none ; } /**********************************************************************/ /*** style spcifique de Joomla 1.5 ***/ /**********************************************************************/ .componentheading { font-family: "Comic Sans MS", Verdana, Arial; font-size: 20px; color: #000000; text-align: center; font-weight: bold; padding-bottom: 15px; text-transform: uppercase; } .contentheading { font-family: "Comic Sans MS", Verdana, Arial; font-size: 20px; color: #000000; text-align: center; font-weight: bold; padding-bottom: 15px; text-transform: uppercase; } .buttonheading a img{ border: none ; }

Le Template _________________________ Philippe LOST et Gunol LOST_______ Page 100

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5


#explication ul, #explication ul li, #form-login p, #form-login ul, #form-login ul li { list-style-type: none; margin: 0px; padding: 0 ; } .menu li, #form-login li { list-style-type: none; } .menu li a { color: #03213F; text-decoration: none; font-size: 13px; } .menu li a:hover, #form-login li a:hover { color: #9FA6D8; text-decoration: underline; } .inputbox{ width: 110px; } #form-login li a { color: #03213F; text-decoration: none; font-size: 12px; } #form-login-remember { visibility: hidden; height: 5px; } .small, .createdate, .modifydate { font-size: 10px; font-style: italic; text-align: right; }

Modification du Template Une fois lincorporation du modle effectue il est possible, avec Dreamweaver, NVU, Composer ou un bloc note grant la coloration syntaxique (Notepad ++ par exemple), de faire des modifications dans les fichiers de base. Ces modifications seront directement visibles sur le site aprs validation du fichier et rafraichissement de la page incorporant le modle en cours.

PLUSIEURS TEMPLATES SUR UN SITE


LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Il est possible, pour un site, davoir plusieurs Templates. Souvent il sagit de la dclinaison du Template de base en changeant les couleurs, des lments graphiques ou des positions dextension. Il suffit de slectionner un Template en cliquant sur le nom du Template (bien sr ce dernier ne devant pas tre le Template par dfaut). Il ne reste plus qu pointer vers les menus et/ou items de menus qui pointeront vers la dclinaison du Template. La slection se faisant de faon naturelle par Ctrl Clic sur les diffrents items.

Le Template _________________________ Philippe LOST et Gunol LOST_______ Page 101

Glenan.net : version CMS avec Joomla 1.5

QUELQUES CONSEILS
Lire au minimum un tutoriel (pourquoi pas celui-ci ;-) en testant les exemples pour apprhender la difficult de loutil. Faire une maquette intgrant les diffrents modules, plugins et composants souhaits pour valider si le site est ralisable avec le cahier de charges actuel. Travailler sur 2 sites : 1 de tests et 1 de production, si possible chez le mme hbergeur car certaines difficults proviennent du serveur et des composants. Si vous navez pas cette possibilit, vous pouvez avoir une version sur serveur local en tests et la version de production. Toujours faire une sauvegarde du code et un dump de la base avant dinstaller de nouveaux composants. Toujours installer de nouveaux composants sur la version de tests. Il faudra peut-tre installer plusieurs composants avant de trouver ladquat. Les tables surnumraires et les ventuelles modifications du code ne sont pas toujours correctement effaces lors de la suppression dun module, do lavantage de retourner la dernire version stable afin de pouvoir faire une mise jour propre. Faire des sauvegardes rgulires de son site (codes et base de donnes), ou mieux, lautomatiser. Avant de mettre en uvre votre propre solution, regarder si lhbergeur nen a pas dj implment une. Surveiller rgulirement les mises jour de Joomla et des extensions que vous utilisez. Hormis les mises jour attendues, vous devrez installer les mises jour de scurit pour pallier aux failles qui sont trouves dans les versions que vous utilisez. Noubliez pas les forums quand se prsente un problme. La communaut de Joomla est trs active, y compris en franais. Votre site nexiste et est reconnu principalement par son contenu.

Quelques conseils _____________________ Philippe LOST et Gunol LOST_______ Page 102

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Glenan.net : version CMS avec Joomla 1.5

GLOSSAIRE

Administratror ................. dossier du site permettant de grer le site. Accessible uniquement par les utilisateurs ayant des droits dadministration. ADSL .............................. Asymmetric Digital Subscriber Line ou ligne haut dbit. Le dbit de la connexion peut varier de 512 Kb/s jusqu 20 Mb/s. Ce dbit thorique est pondr par lusage : download ou upload qui est globalement 8 fois moins rapide. Le dbit maximal dune liaison 8Mb/s est de 1 Mo/s, mais en pratique, on arrive un dbit de 200 Ko/s. Une image dun appareil 12 MegaPixels, pse globalement 6Mo, soit un temps de 30 secondes pour le tlchargement, do limportance de rduire le poids de limage et donc le temps de tlchargement. Article .............................. Objet principal de Joomla devant tre rattach une section et une catgorie ou non catgoris Back-End ........................ Voir Partie dAdministration. Banner ............................ Bannire de publicit gre par Joomla ou par un autre systme comme Google Adsense. Bit.................................... Elment binaire en informatique, reprsent par un 0 ou un 1. Il faut 8 bits pour faire un octet (Byte). Blog................................. Articles (ou billets) grs principalement par ordre antchronologique. Botom ............................. Zone du Template se trouvant en bas de la page. Breadcrumb .................... Voir Fil dAriane. Byte................................. Voir Octet. Catgorie ........................ Sous-ensemble dune section, contenant des articles.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

CMS ................................ Content Management System ou Progiciel de gestion de contenu. Famille dapplication web dont Joomla fait partie. Component ..................... Voir Composant Composant ..................... Extension de Joomla gre par le menu Composant et intgrable dans le contenu par lajout ditem de menu. Contact ........................... Composant permettant, aprs cration dau moins une catgorie de contact, de grer les contacts du site. Le contact est intgrable par ajout dun item de menu Contacts Fiche standard de contacts . Contenu .......................... Le contenu dun site est principalement d aux articles qui le composent et lagencement qui en est fait. Download ........................ Tlchargement depuis Internet. Extension ........................ Dans Joomla, il existe diffrents types dextension : Composant, Modules, Plugins, Langues et Templates.

Glossaire ____________________________ Philippe LOST et Gunol LOST_______ Page 103

Glenan.net : version CMS avec Joomla 1.5


Fibre optique ................... Connexion internet permettant davoir un dbit de 50Mb/s ou plus dans les 2 sens (upload et download). Fil dAriane ...................... Les miettes de pains (breadcrumb) permettent au petit poucet de retrouver son chemin dans le conte et linternaute de savoir o il est dans larborescence du site. En franais, le fil dAriane fait rfrence au fil quAriane donne Thse pour aller combattre le Minotaure afin de lui permettre de sortir du labyrinthe aprs sa victoire. Front-End ........................ Voir Partie publique. Hbergement .................. A prendre chez un hbergeur professionnel comme OVH, pour que votre site soit accessible pour tous les internautes. Left .................................. Zone du Template intgrant en principe le menu principal. Module ............................ Extension pouvant tre intgre dans une zone du template. Nichandle ........................ identifiant chez OVH Octet ............................... Un octet quivaut 8 bits et permet de stocker un caractre (de langue europenne), car il reprsente 28 caractres possibles soit 256 combinaisons. Certaines combinaisons sont utilises par le systme. Byte en anglais. OVH ................................ socit dhbergement pour votre site internet. Cest Oles Van Herman le surnom du crateur mme si lors de la connexion en FTP sur les hbergements mutualiss, on voit la phrase de bienvenue : On Vous Hberge ? Partie dadministration .... Partie de votre site accessible en ajoutant administrator lURL de votre site, uniquement pour les personnes ayant des droits dadministration. Le login par dfaut est admin et le mot de passe celui dfini lors de linstallation du site. Partie publique ................ Votre site, moyennant un module de connexion, permet certaines personnes daccder de linformation particulire et/ou de modifier le contenu du site en fonction des droits utilisateurs. Patch............................... Correctif permettant de compenser un dfaut ou un bogue dun logiciel.
LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Plugin .............................. Une des extensions qui apparat dans le contenu dun site (voir le chapitre plugins) Right ............................... Zone du template droite de lcran. RTC ................................ Rseau Tlphonique Commut ou bas dbit, permet des connexions 56 Kb/s (soit en dbit rel de lordre de 3.5Ko/s). Une image dun appareil 12 MegaPixels, pse globalement 6Mo, soit un temps de chargement de prs de 30 minutes, do limportance de rduire le poids de limage et donc le temps de tlchargement. Section ............................ Elment contenant les catgories pour grer larborescence du site. Tlcharger .................... Le tlchargement peut se faire depuis votre ordinateur, vers votre site (UpLoad) ou depuis Internet vers votre ordinateur (DownLoad) ; opration la plus courante pour linternaute. Pour les extensions, il faut (en gnral) les tlcharger sur votre ordinateur (download) puis les envoyer vers votre site (upload) Top.................................. Zone du template, situe en principe en haut de la page Upload ........................... Tlchargement dinternet sur votre ordinateur local. Glossaire ____________________________ Philippe LOST et Gunol LOST_______ Page 104

Glenan.net : version CMS avec Joomla 1.5


User ................................ Voir Utilisateur. Ce sont aussi des zones du template. User 3 servant souvent pour laffiche dun menu horizontal et User 4 pour laffichage du module de recherche. Utilisateur ........................ Suivant les droits de lutilisateur il pourra consulter ou modifier le contenu du site. Des droits en administration lui permettront de se connecter sur la partie administrator . Plus dinformation dans le chapitre gestion des droits Zone................................ Les zones du Template, permettent le positionnement de modules. Joomla comprend une cinquantaine de zones, dont : right, left, user3, user4

Glossaire ____________________________ Philippe LOST et Gunol LOST_______ Page 105

LOST Informatique Fouesnant 02 98 56 01 14 contact@leost.fr

Vous aimerez peut-être aussi