MANUEL DE FORMATION SUR ADMINISTRATION D`UN SITE WEB
publicité
Projet de mise en ligne de l’Administration MANUEL DE FORMATION SUR ADMINISTRATION D’UN SITE WEB JOOMLA : NIVEAU ADMINISTRATEUR Formateurs : GUIGUEMDE Jacques Rodrigue TAPSOBA Malick ZOUMBARA Serge Eric OUEDRAOGO Boureima © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Contenu A- GESTION DE BASE DES SITES AVEC JOOMLA ................................................................... 3 I. Espace d’Administration générale du site web ............................................................ 3 1. Les sections et les catégories.......................................................................................... 3 Détails .................................................................................................................................... 5 Détails .................................................................................................................................. 10 Description ......................................................................................................................... 11 2. Gestion et organisation des médias ........................................................................... 14 II. Gestion de modules ............................................................................................................ 17 1. Agenda (Composant JCalPro) ........................................................................................ 17 2. Documents (PhocaDownload) ........................................................................................ 18 3. Gallérie d’images (Photothèque ou Gallérie d’images).......................................... 19 4. Newsletters ............................................................................................................................. 20 5. Vidéo ....................................................................................................................................... 21 6. Forum ....................................................................................................................................... 21 7. Le composant DJ Image Slider ........................................................................................ 23 B- ADMINISTRATION AVANCEE .................................................................................................. 23 I. C- Gestion des utilisateurs et Droits d’accès...................................................................... 24 1. Administrateur ................................................................................................................... 24 2. Gestion des accès des autres utilisateurs avec des niveaux d’accès ............. 24 a. Messagerie interne .......................................................................................................... 33 Envoi d'emails en nombre ............................................................................................. 34 Validation générale......................................................................................................... 36 b. Nettoyage du cache ...................................................................................................... 37 c. Informations système ...................................................................................................... 37 Réseaux sociaux et interaction sur le web.................................................................... 38 © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration A- GESTION DE BASE DES SITES AVEC JOOMLA L’objectif de cette formation est de permettre aux gestionnaires de sites webs au niveau des Ministères et des institutions de mettre à jour les informations, concernant les éléments de contenu suivants : Les sections et les catégories ; Les articles; Les médias ; Les modules : Gestion d’Agenda, Gestion des documents (Phocadownlaod), La Gallérie d’images, La Newsletters, La vidéo ; La gestion et la modération du forum ; Modules spécifiques à chaque site web. I. 1. Espace d’Administration générale du site web Les sections et les catégories a. Les sections Les Sections sont donc le premier niveau d'organisation du contenu, le niveau supérieur de rubriquage. Pour accéder à vos sections, cliquez sur le bouton © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Gestion des sections sur la page d'accueil de l'administration, ou cliquez sur le menu Contenu / Gestion des sections. La page affiche la liste des sections. Comme toutes les listes d'éléments, vous pouvez la filtrer ou et modifier l'ordre d'affichage - voir notre chapitre sur les listes d'éléments. La page dispose également d'une barre d'outils permettant d'agir sur plusieurs éléments à la fois : Ils vous permettent, en cochant un ou plusieurs éléments grâce à la case située à leur gauche : De publier ou dépublier un ou plusieurs élément(s) De copier un (ou plusieurs) élément(s), c'est-à-dire de les dupliquer en plusieurs clones exacts. Cette fonction est très pratique pour remplir rapidement un site avec plusieurs sections (il suffit juste de les renommer après coup). De supprimer des éléments (attention : une section ne doit plus contenir de catégories pour être supprimée) D'éditer des éléments, ce qui revient à cliquer directement sur leur nom Et enfin d'en créer de nouveaux © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Cliquez sur Nouveau pour créer une nouvelle section et ouvrir la zone d'édition : Détails La page d'édition vous donne accès à plusieurs champs : Le titre est le nom que portera la Section. Ce nom apparaîtra bien sûr dans l'admin, mais aussi sur le site si vous configurez certaines pages pour afficher le nom des sections. L'alias est la version réécrite du titre de la section qui sera utilisée dans la barre d'adresse du navigateur internet dans le cas où vous auriez un lien pointant vers la section (une page affichant tous les articles de la section, par exemple). A noter que cet alias est généré automatiquement pas Joomla lorsque le champ est vide (quand vous © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration créez la section, par exemple). Le nom de la section sera automatiquement repris et converti à la norme des URLs : tout en minuscules, pas d'accents, pas d'espace (remplacés par des -) et pas de caractères spéciaux. Le choix Publié Non/Oui vous permet de publier ou non une section. Attention : si vous dépubliez une section, toutes les catégories et tous les articles contenus dans ces catégories seront également dépubliées, et disparaîtront donc du frontal. L'ordre permet d'organiser les sections les unes par rapport aux autres (notez qu'il faut avoir déjà créé la section pour pouvoir changer l'ordre par rapport aux sections existantes) Le Niveau d'accès, qui détermine le niveau de droits requis pour afficher la section. Il est possible d'assigner une Image à une section, ainsi qu'une Position de cette image (centre gauche ou droite). Il faut que cette image soit déjà présente dans le répertoire /images/stories de votre site pour qu'elle soit sélectionnable ici. Cette image apparaîtra sur toutes les pages configurées comme telles dans les liens de menus, grâce à l'option afficher l'image Le choix d'afficher l'image dans la configuration du lien de menu pointant vers une page affichant la section : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Le résultat sur le site : Description Comme l'option image, le champ Description vous donne l'occasion de personnaliser encore plus l'affichage de la section sur certaines pages grâce à une zone de saisie dans laquelle vous avez quasiment les mêmes options que dans un article. Vous pouvez y écrire (ou copier/coller) du texte et le mettre en forme, insérer des images, des vidéos, et constituer une vraie page de présentation aussi riche et fournie qu'un vrai article. Une fois encore, c'est en créant le lien de menu vers une page affichant les articles de cette section que l'on pourra choisir d'afficher ou non cette description, qui viendra se placer au-dessus du contenu proprement dit (les articles de la section). © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Le choix d'afficher la description dans la configuration du lien de menu pointant vers une page affichant la section : Le résultat sur le site : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration b. Les Catégories Les Catégories sont le second niveau d'organisation du contenu, le niveau secondaire de rubrique. Chaque catégorie doit appartenir à une section, il n'y a pas de catégories orphelines. Plusieurs catégories peuvent évidemment appartenir à la même section. Pour accéder à vos catégories, cliquez sur le bouton Gestion des catégories sur la page d'accueil de l'administration, ou cliquez sur le menu Contenu / Gestion des Catégories. La page affiche la liste des catégories. Comme toutes les listes d'éléments, vous pouvez la filtrer ou et modifier l'ordre d'affichage. La page dispose également d'une barre d'outils permettant d'agir sur plusieurs éléments à la fois : NB : Pour détails voir descriptif de la barre d’outils au niveau des sections Cliquez sur Nouveau pour créer une nouvelle catégorie et ouvrir la zone d'édition : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Détails La page d'édition vous donne accès à plusieurs champs : Le titre est le nom que portera la Catégorie. L'alias est la version réécrite du titre de la catégorie qui sera utilisée dans la barre d'adresse du navigateur internet dans le cas où vous auriez un lien pointant vers la catégorie (une page affichant tous les articles de la catégorie, par exemple). A noter que cet alias est généré automatiquement pas Joomla lorsque le champ est vide (quand vous créez la catégorie pour la première fois, par exemple). © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Le choix Publié Non/Oui vous permet de publier ou non une catégorie. Attention : si vous dépubliez une catégorie, tous les articles contenus dans cette catégorie seront également dépubliés, et disparaîtront donc du frontal. La Section à laquelle appartient cette catégorie, très important L'ordre permet d'organiser les catégories les unes par rapport aux autres au sein de la même section (et non pas les unes par rapport aux autres globalement). Notez qu'il faut avoir déjà créé la catégorie pour pouvoir changer l'ordre par rapport aux catégories existantes. Le Niveau d'accès, qui détermine le niveau de droits requis pour afficher la catégorie Comme pour les sections, il est possible d'assigner une Image à une catégorie, ainsi qu'une Position de cette image (centre gauche ou droite). Il faut que cette image soit déjà présente dans le répertoire /images/stories de votre site pour qu'elle soit sélectionnable ici. Description © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Comme l'option image, le champ Description vous permet de personnaliser encore plus l'affichage de la catégorie sur certaines pages, grâce à une zone de saisie dans laquelle vous avez quasiment les mêmes options que dans un article. Vous pouvez y écrire (ou copier/coller) du texte et le mettre en forme, insérer des images, des vidéos, et constituer une vraie page de présentation aussi riche et fournie qu'un vrai article. Une fois encore, c'est en créant le lien de menu vers une page affichant les articles de cette catégorie que l'on pourra choisir d'afficher ou non cette description, qui viendra se placer au-dessus du contenu proprement dit (les articles de la catégorie). 1. Les articles L’article est l’élément indispensable pour contenir tous les éléments d’informations. Ils sont reliés à un élément de menu ou un lien contenu dans un module afin de faciliter leur consultation par l’internaute. Il peut élément être associé au module de actualités du site web. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Comment créer un article ? - Cliquez Contenus Gestion des articles Nouveau Comment insérer du texte avec mise en forme ? Une fois le contenu texte saisie, une barre d’outils se trouvant au-dessus de la zone de texte nous permettra d’apporter toutes les modifications au niveau de la police et d’autres aspects (Il faut noter que cette barre d’outils se présente à peu près comme celui de Microsoft Office Word). L’insertion des images (1) ? Pour insérer une image le gestionnaire devra respecter les étapes suivantes : - Se placer au niveau de la zone où l’image devra être placé ; - Cliquez sur le bouton image situé au bas de la zone de texte ; - Parcourir - Clic droit sur l’image Propriétés pour modifier toutes les et choisir l’image désirée puis valider ; propriétés ayant trait à l’image. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration L’insertion des liens (4)? - Se placer sur l’élément constituant le lien dans la zone de texte des articles ; - Puis cliquez sur l’icône de lien avant de définir les types de liens et valider. L’insertion du saut de page et de Lire la suite (2, 3)? A ce niveau, pour l’insertion se placer au niveau de l’emplacement voulu et cliquer sur le bouton, l’insertion se fera automatiquement. 2. Gestion et organisation des médias Le Gestionnaire des Médias vous permet de voir un aperçu de votre répertoire images, qui contient tous les médias du site : images, mais aussi documents (PDF, DOC) ainsi qu’éventuellement vidéos et musiques. C’est là que vous pourrez charger des images ou des documents sur le site, gérer vos images ou vos répertoires d’images, etc. Il est toutefois possible de charger une image sur le serveur directement depuis un article grâce à l’éditeur JCE. On accède à la Gestion des médias via le bouton portant ce nom sur la page d’accueil de l’administration, ou via le menu Site / Gestion des médias : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration La page vous donnera un aperçu visuel de vos répertoires et de vos médias (images et documents), sous forme de miniatures : Note : notez que par défaut le répertoire de vos médias est images. Les images sont généralement stockées dans images/stories. Dans l’espace vous pourrez : 1. Naviguer dans les répertoires 2. Visionner des images (cliquez sur une miniature pour la voir en taille réelle) 3. Supprimer des images © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration 4. Supprimer des répertoires (ils devront cependant être vides) Vous ne pourrez ni renommer vos fichiers et vos répertoires, ni les déplacer. En revanche vous pouvez créer de nouveaux répertoires. Utilisez pour ce faire le champ prévu à cet effet au-dessus de la colonne de droite : Tapez simplement le nom du répertoire (rappel : les noms de répertoires, comme les noms de fichiers, ne doivent pas posséder d'accents, ni d'espaces) dans le champ prévu à cet effet, et cliquez sur Créer un dossier. Faites bien attention à vous placer dans le bon répertoire dans la colonne de gauche avant de créer votre nouveau dossier – le répertoire actif apparaîtra surligné en jaune clair. Pour charger une image ou un document sur le serveur, placez-vous dans le bon répertoire en naviguant dans la colonne de gauche. Vous pouvez ensuite utiliser l’outil situé en bas de page : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Note : Joomla ne posera pas de questions sur la taille de vos fichiers, et acceptera de monter toute image ou document dont la taille est inférieure au maximum autorisé dans la Configuration du Site. Evitez toutefois d'envoyer des images de 3000 pixels de large pesant 3 ou 4Mo, si vous ne voulez pas consommer tout votre espace disque en quelques semaines, et ralentir dramatiquement l'affichage des pages où ces images seraient insérées. Pensez donc à travailler, retailler, et compresser vos images avant de les charger sur le serveur. Parcourez votre disque dur à la recherche du bon fichier : Une fois qu’il aura été choisi, cliquez sur Lancer le transfert. Le fichier apparaîtra dans le répertoire, avec sa miniature. II. Gestion de modules 1. Agenda (Composant JCalPro) Un module permettant de gérer automatiquement les évènements et activités de la structure existe. Au niveau de l’interface public, une organisation des informations est faite de façon hebdomadaire. Le renseignement de ses évènements et activités se fera coté espace Administration et le gestionnaire aura à effectuer les tâches suivantes : Ajouter un nouvel événement (9) : Pour l’ajout l’utilisateur devra au préalable créer des catégories pour une meilleure organisation de ces évènements, puis renseigner le titre, le contenu ou descriptif (comme au niveau des articles), les dates, la durée et si nécessaire la périodicité © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration de l’évènement. En fonction du choix de la visibilité l’évènement sera rendu public ou privé. Importer des évènements à partir d’un agenda Outlook (10) : Cette importation se fera à partir d’un fichier Outlook .ics existant ou se trouvant sur un emplacement sur le web à travers une url. 2. Documents (PhocaDownload) La gestion des documents n’étant pas toujours chose aisée sur un site web, la solution proposée pour la gestion des documents permet de charger et d’organiser les documents (idéal PDF) dans un environnement organisé en section et en catégories d’organisation des fichiers. Cela permettra d’éviter au gestionnaire de charger ses fichiers par FTP et d’être obligé de spécifier les url d’accès. Comment fonctionne ce module ? Pour y accéder cliquez sur Composants Phoca Download. Au préalable le gestionnaire doit procéder à la création de ses section (12) et catégories (13) pour une meilleure organisation des fichiers (11). Ensuite il clique sur Nouveau pour Ajouter un document. Lors de cet ajout, les informations suivantes devront être renseignées : - Le nom ainsi que son Alias ; - La section et la catégorie ; - Le fichier et l’Icône l’accompagnant ; - La date de Publication, L’auteur, le descriptif, etc. … © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Après cette validation, le menu concerné devra avoir comme type le modèle Phoca Download et pointer sur une section ou sur une catégorie ou même directement sur un fichier. 3. Gallérie d’images (Photothèque ou Gallérie d’images) Le module de la gallérie d’images nous permettra de voir apparaître et de voir défiler un certain nombre avec possibilité de prévisualisation. Ce module est déjà configuré et par défaut les images de la gallérie se trouvent au niveau du répertoire « images/stories/demo/gallérie ». Ce qui signifie que dans la gestion des médias il sera possible d’y accéder et d’uploader les images désirées. La position du module également sera défini au niveau du Template. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration 4. Newsletters La newsletter est une information qui sera envoyé dans les courriels de tout internaute inscrits. L’inscription se fait au niveau du site web dans le module situé au niveau du menu newsletters. Pour s’inscrire l’utilisateur devra juste entrer son nom et son e-mail afin de recevoir toutes les informations chargés et publiés par le gestionnaire des newsletters. Un menu de désinscription existe également dans les cas où l’utilisateur ne désirera plus recevoir les newsletters. L’administrateur des newsletters se connectera à l’espace d’administration puis chargera le document voulu. Après publications ces informations seront envoyées dans toutes les boites e-mails enregistrées ou abonnées aux newsletters. Procédure : Une fois dans l’Administration se rendre au niveau de Composants cc Newsletters. Dans l’interface qui se présentera vous pourrez : Gérer les newsletters à envoyer (14) : Pour l’envoie renseignez le sujet la date d’envoi et associé un fichier si c’est le cas. Les utilisateurs inscrits pour la réception : Vous pourrez lister les utilisateurs et les supprimer (15) ; Paramétrer les envois de la Newsletters (17); Import ou exporter du contenu d’une newsletter (18). © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration 5. Vidéo Le module de la vidéo est un module qui permet de charger une ou plusieurs vidéos en fonction du paramétrage défini. La vidéo devant être placé dans le répertoire « modules/mod_mediaplayer/media ». On définit les paramètres et on appelle le fichier. Les options des paramétrages sont au niveau de l’image ci-dessous : Il est également possible d’associer une image Youtube ou Daly motion à travers un code source appelant l’url de la vidéo concerné. Pour cela il faut juste se placer au niveau du module concerné dans la zone d’édition Cliquez sur code source et coller le code de la vidéo en question valider.2 6. Forum Le forum est un espace à travers lequel les internautes échangent des messages sur des sujets bien précis. A niveau 3 niveaux de connexions sont possibles : En tant qu’utilisateur du forum : Il faut savoir qu’un internaute sur un forum n’a pas le droit d’effectuer un certain nombre de tâches, par exemple répondre à une intervention, soumettre un sujet. Il doit d’abord s’inscrire. Procédure : Pour s’inscrire, se rendre sur le forum l’utilisateur devra cliquez sur l’icône ou sur le menu forum. Si l’utilisateur n’est pas encore inscrit au forum un lien d’enregistrement vous permettra de le faire grâce à un © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration assistant. Une fois enregistré un message de confirmation s’affichera et un courriel sera automatiquement envoyé dans la boite mail de l’utilisateur avec toutes les informations renseignées. Un lien lui permettra de cliquer et valider son inscription. A la suite de cette activation il pourra utiliser les fonctionnalités de base voulues du forum. L’Administrateur Général du site et le modérateur recevront également à leur tour des mails d’informations. En tant qu’administrateur général du forum : En tant qu’administrateur, les possibilités de manipulation des paramètres du forum seront plus aisées. Et beaucoup plus de possibilités seront offerts tel que : a. La gestion des styles, du système, de la maintenance, etc. …. Une gestion plus raffinée des utilisateurs pourra être faite à ce niveau dans les moindres détails (un modérateur chargé de réguler le traffic des messages pourra être défini par cet Administrateur). Procédure : Pour accéder au panneau d’administration de l’administrateur général, suivre les étapes suivantes : Se connecter à l’espace d’Administration du site web ; Composants Kunena ; Afficher le panneau d’administration du composant et valider l’option voulue. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration 7. Le composant DJ Image Slider Le DJ Image Slide est un composant qui permet d’enregistrer des images et de les faire défiler de manière successifs sur une position bien déterminé de la maquette du site web. Au niveau des sites des Ministères pour la grande majorité, ce module permet de faire défiler les actualités à la une en image et au niveau de l’Entête. Pour ajouter une image, la modifier ou la supprimer à ce niveau, il faudrait se rendre à Composant DJ Image Slider. A ce niveau des catégories pourront être crées et les images (19) ajoutés seront associés à nos différentes catégories (20). Modules spécifiques à un site web A ce niveau, il s’agira pour chaque chargé de communication de prendre attache avec le développeur concerné par son site web pour explication du fonctionnement du module particulier associé. B- ADMINISTRATION AVANCEE L’objectif de cette formation est de donner les rudiments nécessaires aux Administrateurs généraux des sites web afin qu’ils puissent : Gérer les utilisateurs et les Droits d’accès à certains modules et articles des sites web ; Gestion des Menus ; © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Publication des fichiers par FTP ; Gérer les extensions ; Gestion du Template ; Envoi d’emails et nettoyage du cache ; Aspects des réseaux sociaux. I. Gestion des utilisateurs et Droits d’accès 1. Administrateur Ayant des identifiants et mot de passe Administrateur. Nous pouvons modifier le nom et surtout l’identifiant de connexion du compte Administrateur afin de sécuriser l’accès à la console d’administration et effectuer les autres tâches suivantes : Affichez le Gestionnaire des utilisateurs (menu Site) Accédez aux propriétés de l’utilisateur Administrator (1 clic sur le nom) Modifiez les champs Nom et Utilisateur à votre convenance. 2. Gestion des accès des autres utilisateurs avec des niveaux d’accès On peut le dire : la gestion des droits utilisateurs constituent l’une des grandes lacunes de Joomla! La raison est simple. Joomla! Propose trois niveaux d’accès et sept groupes d’utilisateurs prédéfinis, et vous ne pourrez pas les modifier, les supprimer ou en créer de nouveaux. On ne peut pas non-plus attribuer finement des droits à une personne ou un groupe de personnes : à 1 section, 1 catégorie, 1 composant... © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration i. Niveau d’accès Le CMS Joomla dispose de trois niveaux d’accès, qui permettront de restreindre l’accès à certaines parties de votre site en fonction de l’appartenance à un groupe d’utilisateurs donné, ce sont : Public: l’élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d’accès est visible par tous les visiteurs du site; il s’agit du niveau d’accès par défaut. Enregistré : ce niveau d’accès peut-être traduit par membre ou utilisateur enregistré; l’élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d’accès sera visible uniquement par les utilisateurs membres du groupe Enregistré qui se seront authentifiés sur votre site à l’aide d’un identifiant et d’un mot de passe. Spécial: l’élément du site (sections, catégories, articles, liens, modules) auquel est attribué ce niveau d’accès sera visible uniquement par les utilisateurs membres des groupes Auteur, Editeur, Manager, Admin ou Super Admin. ii. Groupes d’utilisateurs Il existe deux façons de créer un utilisateur dans Joomla! Depuis le frontend : le visiteur de votre site pourra cliquer sur le lien Créer un compte dans le module d’identification; il devra fournir un nom complet, un identifiant, une adresse mail et un mot de passe. Le compte nouvellement créé sera automatiquement ajouté au groupe d’utilisateurs Enregistré. Vous pouvez désactiver l’enregistrement des utilisateurs depuis le backend en passant par le menu Site > Configuration du site puis onglet Système. Depuis le backend : seuls les utilisateurs membres du groupe Super Admin sont habilités à gérer les comptes (menu Site > Gestion des utilisateurs). Ciaprès le tableau récapitulatif des groupes d’utilisateurs et des droits associés. On s’aperçoit que ces droits sont hérités de façon hiérarchique : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Gestion des modules menus Affichez le gestionnaire de menu (Menus > Gestion des menus). Sélectionnez le menu dans lequel vous allez ajouter des liens puis cliquez sur le bouton «Nouveau». La page qui s’ouvre contient 4 catégories : Lien Interne : lien vers un élément du site Lien externe : pour ouvrir une page hébergée ailleurs Séparateur Alias 1. Les types de liens internes Article : fait un lien direct vers un article, qu’il soit catégorisé ou non. L’article sera affiché dans son intégralité (texte d’introduction + texte principal en cas de lien Lire la suite) Mise en page proposition d’article : permet aux utilisateurs de rédiger et de soumettre des articles dans une section de contenu donnée de votre site; l’article devra être publié par un utilisateur ayant accès au backend. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Section : permet d’afficher tous les articles d’une section, toutes catégories confondues. Catégorie : permet d’afficher les articles appartenant à une catégorie. Mise en page blog : permet d’afficher le texte d’introduction de tous les articles d’une section, ou d’une catégorie. Les articles sont affichés en blocs les uns au-dessous des autres comme dans un blog. Layout : permet d’afficher les articles appartenant à une section ou une catégorie sous forme de tableau; seul le titre des articles est visible et cliquable : l’article complet est alors affiché. Mise en page proposition d’article : permet à un utilisateur appartenant au minimum au groupe d’utilisateurs Auteur de rédiger un article dans une section donnée; l’article devra ensuite être publié par un utilisateur appartenant à un groupe autorisé à accéder au backend (Manager, Admin ou Super Admin). Composant : permet d’insérer un lien vers un des composants installés sur votre site Joomla!; il peut s’agir d’un des composants installés nativement dans Joomla! (Contacts, Flux RSS, Sondage...) comme d’un composant que vous aurez installé par la suite. Voir page 15. Contact Catégorie : affiche la liste des contacts contenus dans une catégorie de contacts dans le composant Contacts (menu Composants / Contacts). Contact : permet d’insérer un lien vers l’un des contacts que vous aurez paramétré dans le composant Contacts (menu Composants / Contacts). Utilisateur Connexion : affiche le formulaire de connexion Enregistrer : affiche le formulaire d’enregistrement d’un nouvel utilisateur. Remind : affiche le formulaire pour retrouver son mot de passe ou son identifiant. Réinitialiser : crée un nouveau mot de passe, envoyé par mail à l’utilisateur Utilisateur / Default User Layout : affiche un message de bienvenue Utilisateur / User Form Layout : affiche le formulaire d’édition des infos d’un utilisateur Liens web Toutes les catégories : affiche la liste des catégories du composant liens web (menu Composants / Liens web) © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Catégorie : affiche les liens d’une catégorie du composant liens web (menu Composants / Liens web) Lien web : affiche un formulaire pour permettre à un utilisateur appartenant au minimum au groupe Auteurs de proposer un lien au composant Liens web. Encapsulateur Encapsulateur : permet d’afficher dans votre site une page ou un site externe sous forme d’iFrame; il peut s’agir d’une page précise (par exemple http://www.site_externe.com/script.php) ou d’un site entier (par exemple http://www.site_externe.com). Choisir la fenêtre de destination Fenêtre parente avec navigation ouvrira le lien à la place de votre site Nouvelle fenêtre avec navigation ouvrira le lien dans une nouvelle fenêtre (recommandé pour un lien externe) Nouvelle fenêtre sans navigation ouvrira le lien dans une nouvelle fenêtre dépourvue des menus de navigation. Créer des sous-menus Joomla! Permet très simplement de hiérarchiser les liens en se basant sur une structure lien enfant / lien parent. En clair, voici la procédure pour arriver à ce résultat : Ouvrez le menu Menu, sélectionnez le menu dans lequel vous souhaitez ajouter le lien puis cliquez sur le bouton «Nouveau» dans la barre d’outils Joomla! Cliquez sur le type de lien (voir page 12) que vous allez ajouter en lien enfant, donner un nom au lien, sélectionnez un article dans la liste déroulante et, point important, sélectionnez le lien parent dans la liste déroulante Elément parent. Cliquez sur le bouton «Sauver» puis répéter l’opération pour ajouter autant de Liens enfants que souhaité. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Ajout d’un lien vers un composant Ouvrez le menu de votre choix Cliquez sur le bouton «Nouveau» puis sélectionnez le Composant Donnez un nom au lien, sélectionnez le composant que vous venez d’installer dans la liste déroulante puis cliquez sur le bouton «Sauver». Publication FTP de fichiers La nécessité de publication de certaines informations pouvant s’avérer nécessaire, car non modifiables directement via le module d’administration ces données nécessiteront l’utilisation d’un outil spécifique à leur publication vers le dossier du site web. Cet outil peut être Dreamweaver à travers le FTP ou Filezilla et sera installé sur les postes de travail des administrateurs ou gestionnaires du site web. Installation et configuration de l’environnement Dreamweaver : L’installation se fait comme pour l’installation simple d’une application en suivant l’assistant. Une fois l’installation terminée les configurations de connexion FTP doivent être mis en place. Procédure : Pour cela Dérouler le menu à gauche de l’interface de l’application lancé, puis cliquez sur Gérer les sites. Faire nous et suivre les étapes suivantes de l’assistant : - Renseigner le nom et le dossier local du site qui doit pointer sur le répertoire qui contiendra la totalité des fichiers de votre site web ; - Dans la fenêtre suivante sélectionne le mode de connexion FTP. Dans le menu qui déroulera renseigner le serveur hôte, le nom d’utilisateur et le mot de passe de connexion FTP (Vous en même temps tester la connexion à travers un bouton « tester ») - Puis valider pour les étapes suivantes. Etapes de mise à jour des informations par FTP : Suivre les étapes suivantes : Se connecter au serveur si tous les fichiers sont au préalable enregistrés dans les répertoires concernés (Cliquez sur le © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration connecteur situé Dreamweaver) ; en bas en droite de l’interface de S’assurer de l’emplacement du fichier à envoyer sur le serveur ; Une fois le fichier repéré sélectionnez le ; Procéder ensuite à la publication du fichier en y faisant un clic droit puis clic sur « placer » ; Une fois les opérations de modifications achevées prendre le soin de déconnecter le connecteur et fermer l’application. NB : Pour plus d’informations sur l’utilisation du Dreamweaver, se rendre sur le site web : http://www.adobe.com/products/dreamweaver.html ou sur le site www.developpez.com Gestion des extensions 1. Les composants Rappel : c’est une mini application intégrée à votre site Joomla, qui dispose de sa propre interface de configuration dans la console d’administration Joomla. Certains composants sont préinstallés, c’est le cas par exemple du composant sondages, du composant bandeaux publicitaires, du composant contacts ou encore du composant liens Web. D’autres peuvent être facilement installés par la suite (forums, livre d’or, galerie d’images, Gestionnaire de newsletter, gestionnaire de formulaires… et bien d’autres encore). Comment ajouter un composant ? Téléchargez le composant désiré. Attention, il doit être compatible avec Joomla 1.5. Si ce n’est pas le cas, il faudra peut être Activer le plugin Legacy Affichez le menu Extensions > Installation / Désinstallation Cliquez sur «Parcourir» Sélectionnez le fi chier archive du composant (.zip) © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Cliquez sur «Transfert de fichier & Installation» Rendez-vous sur composant pour le paramétrer N’oubliez pas de créer un lien dans un menu ! Exemple de fonctionnement de Modules : La page contact Les éléments de la page contact ne sont pas gérés par un article mais par un composant qui est accessible par le menu Composants. Il permet de créer un annuaire de contacts avec pour chacun la possibilité d’afficher des coordonnées complètes, une image et un formulaire de contact par mail. C’est ce composant qu’on utilise généralement pour créer une page contact sur un site simple : dans le premier cas, on fait un lien vers une catégorie, dans le second, vers un Créer un contact ? Tout contact doit être rangé dans une catégorie. Même s’il n’y en a qu’une, c’est nécessaire. Allez dans Composants > Contacts > Catégories Cliquez sur «Nouveau» Renseignez les champs et enregistrez Allez dans Composants > Contacts > Contacts Cliquez sur «Nouveau» Renseignez les champs et enregistrez Modifier un contact ? Sélectionnez le contact à modifier Modifiez les champs souhaités puis sauvez Gérer un annuaire de liens Joomla est fourni avec des composants par défaut dont un gestionnaire de liens qui vous permet d’afficher un annuaire de liens simple mais suffisant. Avant d’ajouter un lien vers un site, celui-ci doit être classé dans une catégorie. Même s’il n’y en a qu’une, c’est nécessaire. Créer une catégorie de liens ? Rendez-vous dans le menu Composants > Liens web > Catégories Cliquez sur «Nouveau» Renseignez le titre et l’alias Renseignez une description si vous le souhaitez © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Créer un lien ? Rendez-vous dans le menu Composants > Liens web > Liens Cliquez sur «Nouveau» Renseignez le titre et l’alias Choisissez la catégorie où il sera classé Saisissez l’URL avec le http:// Renseignez une description si vous le souhaitez Choisissez la fenêtre de destination Fenêtre parente avec navigation ouvrira le lien à la place de votre site Nouvelle fenêtre avec navigation ouvrira le lien dans une nouvelle fenêtre (recommandé pour un lien externe) Nouvelle fenêtre sans navigation ouvrira le lien dans une nouvelle fenêtre dépourvue des menus de navigation. Notions sur les Templates 1. Quel est le but d’un Template ? Le Template contrôle l’apparence générale et la disposition des éléments (textes, images et autres éléments graphiques) d’un site. Il fournit la structure qui combine des éléments communs, comme des modules et des composants aussi bien que la feuille de style (fichier .css) pour le site. Les deux interfaces (frontend et backend) ont chacun un template. Dès l’installation de joomla, plusieurs templates sont disponibles par défaut. Cependant, vous pouvez trouver beaucoup plus de templates sur d’autres sites WEB. Quelques-uns sont disponibles sans charge sous plusieurs licences, et d’autres sont en vente. En plus, il y a beaucoup de développeurs qui peuvent vous faire des templates sur mesure. Si non, vous pouvez aussi faire votre propre template ! Les templates sont gérés avec le gestionnaire de template accessible à partir du menu Extension de l’interface d’administration du site. 2. Les positions Le Template est le lieu où le design des positions principales est réalisé pour votre site. Les positions sont donc des espaces prédéfinis où vous placez des éléments différents (composants, modules, et plugins), lesquels sont responsables des différents types de contenu de votre site web. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Par exemple, vous pouvez affecter à différentes positions données (à choisir entre plusieurs options existantes ou à créer) des menus varies, des bannières publicitaires, le module des votes. Pour le corps principal, vous pouvez sélectionner entre différents styles tel que disposition typique en blog, article d’informations, etc. NB : Pour plus d’informations se référer au fichier « CHP-3_Introduction aux Templates » Envoi des e-mails et nettoyage du Cache L'administrateur d'un site Joomla dispose de quelques outils supplémentaires pour lui faciliter la tâche : la messagerie interne, l'envoi d'e-mails en nombre, le nettoyage du cache et enfin la validation générale. Ces outils sont accessibles via le menu qui porte ce nom, dans la barre supérieure de l'administration : Note : un Administrateur n'aura accès qu'au nettoyage du cache et à la validation générale. Seul un Super Administrateur pourra faire un envoi d'emails en masse et accéder à la messagerie interne. a. Messagerie interne © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Joomla intègre une messagerie interne qui permet aux Super Administrateurs de recevoir les messages envoyés par le système, ainsi que d'en envoyer à certains utilisateurs. Il ne s'agit en aucun cas d'un outil permettant d'envoyer ou de redevoir des emails. Ce système de messagerie privée ne concerne que les utilisateurs ayant au minimum un compte Gestionnaire, et pouvant donc accéder à l'interface d'administration. Tout nouveau message leur sera signalé au moyen de l'icône située dans la zone supérieur droite de l'administration : C'est également par ce biais que les administrateurs seront alertés si un utilisateur soumet un nouvel article en frontal. Un bouton Paramètres vous donne accès à quelques réglages : Verrouiller la boîte de réception vous permet de verrouiller la messagerie interne pour ne plus recevoir de messages. Me prévenir par email lors de nouveaux messages est une fonction pratique qui permet d'envoyer un email à l'adresse liée au compte administrateur. Il s'agit simplement d'un email avertissant de l'existence d'un nouveau message privé sur le site. Purger automatiquement les messages définit le nombre de jours après lesquels les messages sont automatiquement supprimés. Note : la capacité d'un utilisateur à recevoir les messages système se règle directement sur son profil. Envoi d'emails en nombre © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Les Outils de Joomla permettent d'envoyer un email à toute une catégorie d'utilisateurs, en fonction de leur profil. Cela n'est pas un gestionnaire complet de newsletter - il ne gère pas les cycles d'envoi, ne conserve pas les anciennes mises en forme, ne donne pas accès aux archives d'envoi, ne permet pas de gérer sa base d'emails, mais c'est un petit outil fort pratique pour avertir ses internautes. Les champs Sujet et Message constitueront bien évidemment le sujet et le corps du mail qui sera envoyé. Notez que le HTML est supporté, vous pouvez donc insérer des images ou mettre en forme votre texte avec les balises appropriées. Avant l'envoi, choisissez vos destinataires à l'aide de la colonne Groupe, où vous choisirez le niveau de profil des utilisateurs à qui sera envoyé le message. En choisissant E-mail aux sous-groupes, le message est censé parvenir également à tous les groupes inférieurs à celui que vous avez choisi. A l'heure actuelle cette fonctionnalité semble ne pas fonctionner. Vous pourrez également placer les Destinataires en copie cachée (CCi). Avant de cliquer sur Envoyer et de faire partir votre message, vous pourrez, dans les Paramètres, choisir un Préfixe du sujet, mot ou expression qui sera placé juste avant le sujet du message (le nom de votre site, par exemple), ainsi qu'un Suffixe du corps du message, texte à placer après le message (une signature, par exemple). © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Vous n'aurez plus qu'à Envoyer votre message pour le faire partir. Encore une fois, cette fonction est fort pratique mais assez sommaire, et ne se destine pas à remplacer un vrai outil de gestion des newsletters. Validation générale Pour éviter que deux personnes travaillent sur un même élément au même moment, que cela soit un article, un menu, un module, etc., Joomla intègre un système de verrou qui bloque l'accès à cet élément tant qu'il est en cours d'édition. Seul l'utilisateur actuellement en train de travailler dessus peut le modifier, les autres utilisateurs n'y ont pas accès. Une icône en forme de verrou apparaît à côté du nom de l'item. Des informations sur l'utilisateur "propriétaire" de l'élément sont également disponible lorsque l'on passe la souris sur le verrou : Une fois que l'élément a été correctement sauvegardé, il est déverrouillé et le cadenas disparaît. En revanche, si l'utilisateur en question n'a pas sauvegardé correctement l'élément, parce qu'il a brutalement fermé son navigateur, par exemple, l'élément reste verrouillé et ne sera plus modifiable, sauf par cet utilisateur s'il se reconnecte de nouveau à l'administration. Pour éviter que certains articles, notamment, restent bloqués, Joomla intègre un système appelé Validation générale qui permet de faire sauter absolument tous les cadenas qui pourraient être appliqués aux éléments du site. En utilisant cette fonction, Joomla va déverrouiller tous les éléments, et en proposera d'ailleurs la liste complète au terme du processus : © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Attention toutefois : cette validation générale va débloquer tous les éléments, y compris et éventuellement ceux qui étaient actuellement en cours d'édition. La fonction doit donc être utilisée en ayant bien conscience des personnes connectées sur le site, et des utilisateurs pouvant potentiellement éditer des contenus. b. Nettoyage du cache Pour résoudre les éventuels problèmes de pages qui n'affichent pas les bonnes données à cause d'éléments restés en cache, Joomla intègre une option de Nettoyage du cache qui permet de vider celui-ci de ce qui pourrait éventuellement y être stocké. De la même manière, il est possible de Purger les fichiers expirés du cache, pour ne vider du cache que les éléments qui ne sont pas actuellement en cours d'utilisation. c. Informations système En cliquant sur le menu Aide / Informations Système, vous aurez accès aux informations système de votre site Joomla. Vous pourrez notamment y voir les informations relatives à votre serveur (version d'Apache, de la base de données, jeu de caractères de la base, version de PHP etc.), mais aussi avoir un aperçu de votre fichier configuration.php et les Permissions des dossiers, afin de savoir quel répertoire n'est ou n'est pas modifiable. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Vous maîtrisez désormais toutes les subtilités de l'interface d'administration de Joomla, vous pouvez désormais créer vos contenus. Modules Administrateur spécifiques à un site web A ce niveau, il s’agira pour chaque chargé de communication de prendre attache avec le développeur concerné par son site web pour explication du fonctionnement du module particulier associé. C- Réseaux sociaux et interaction sur le web Les médias sociaux permettent à leurs membres de créer des connexions multiples pour communiquer les uns avec les autres, et leur offrent des outils de création et de partage d’information simples à utiliser. Les outils de réseautage social constituent un sous-groupe spécifique de médias sociaux. Ces outils permettent : de créer des profils ; de trouver des personnes partageant les mêmes centres d’intérêt ; et d’interagir. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Les sites de réseaux sociaux les plus populaires actuellement (Twitter, Facebook, etc.) mettent l’accent sur les liens d’amitié et les relations personnelles. Cependant, certains sites se concentrent sur des thèmes plus spécifiques et des objectifs tels que les réseaux professionnels ; les communautés linguistiques ; les réseaux locaux ; et les réseaux de défense d’une cause. © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication Projet de mise en ligne de l’Administration Suite confère le module de IMark : Unité 1 Médias sociaux pour le développement Leçon 2 Sites de réseaux sociaux et communautés © Agence Nationale de la Promotion des Technologies de l’Information et de la Communication
