Gestion du site Internet via Joomla

Transcription

1 Gestion du site Internet via Joomla 1. PRESENTATION GENERALE Figure 1 : Page d accueil du site Donko Seko Le site internet est disponible à l adresse Cliquez sur le lien entrer pour entrer dans le site. Page 1

2 Il est géré sous Joomla, tout son contenu est donc paramétrable via un espace privé : Donko Seko Administration. A/ L espace privé et l espace public Il est important de bien différencier l espace privé de l espace public. L espace privé correspond à un ensemble de pages accessibles par les rédacteurs, les auteurs, les administrateurs etc. Ces pages sont utilisées pour la gestion du contenu de votre site i.e rédiger des articles, ajouter des medias, vos menus et régler le fonctionnement de votre interface de développement Joomla, etc. L espace public correspond à l ensemble des pages ouvertes à tous les internautes. Ces pages sont composés de rubriques, d articles et de liens vers des sites externes. Les informations accessibles depuis le site public doivent obligatoirement avoir été validées par un administrateur avant leur publication. B/ Les personnes qui participent à la vie du site Il existe quatre types de profil : l administrateur, les visiteurs et Afrik.M. *L administrateur Il est chargé d un certain nombre de taches à savoir : - Gestion des menus, des modules, des utilisateurs du site etc Page 2

3 - éventuellement, rédaction d un ou plusieurs articles avec ajout de medias (photos et vidéos) - correction et validation des articles proposés par les utilisateurs, - paramétrage du site. *Les visiteurs Ces derniers parcourent les rubriques et les articles qui les intéressent le plus. Ils peuvent s inscrire à la newsletter pour recevoir les mises à jour du site de Donko seko par courrier électronique. *Afrik.M - Conception et réalisation de la charte graphique du site. Administration avancée du site. C/ L espace public Pour accéder à l espace public, connectez-vous sur le site : D/ L espace privée 1- Pour accéder à l espace privée, connectez-vous au site: /administrator 2 - Cette adresse vous amène vers une page d identification où il vous sera demandé de saisir votre login et votre mot de passe. Tapez votre login et votre mot de passe et puis connexion. Identifiant : kettly Mot de passe : donkoseko Page 3

4 3 - Vous accédez alors à la partie privée du site. Figure 2 : Panneau d administration du site Le panneau d administration est divisé en deux parties : une barre de menus et le contenu composé d un extrait des onglets de gestion du site et une statistique des utilisateurs récemment connectés, des articles récents et populaires. Dans la barre des menus, on remarque différents onglets tels que : 1) Site : cet onglet sert à la déconnexion, la gestion des informations personnelles (profil : Identifiant, mot de passe etc ) de l utilisateur connecté, etc... : - Pour vous déconnecter du site, cliquez sur Site/Déconnexion Page 4

5 - Pour modifier ses informations personnelles (e.g. Identifiant, mot de passe), cliquez sur Site puis sur Profil 2) Utilisateur : sert à ajouter de nouveaux utilisateurs (Auteur, Manager, Administrateur etc.), ainsi que des groupes d utilisateurs du site. Pour créer un nouvel utilisateur, cliquez sur Utilisateur/Gestion des utilisateurs/ajouter un utilisateur Page 5

6 Ensuite, vous arriverez sur la page suivante : Remplissez les champs obligatoires et cliquez sur Enregistrer. Maintenant, vous voulez par exemple créer un groupe d utilisateur «Danseur», procéder comme suit : Faire Utilisateur/Groupes/Ajouter un groupe Page 6

7 Puis, entrer le nom du groupe De ce fait, vous pouvez ajouter de nouveaux utilisateurs appartenant au groupe «Danseur» Page 7

8 3) Contenu : sert à ajouter des articles, des catégories et des medias (photos et vidéos) Tout le contenu est composé d articles. Article Article Ces articles appartiennent à des catégories : Page 8

9 Article Catégorie Voilà la liste des catégories de votre site Page 9

10 Comme vous pouvez le constater, nous avons par exemple une catégorie «Donko Seko» qui contient des articles et une sous-catégorie «Les programmes» qui contient aussi des articles. Gestion des articles Dans la gestion des articles, les grandes lignes à retenir sont : - Articles Catégorie de l article Article en vedette (qui apparait dans la page d accueil car tous les articles n apparaissent pas dans la page d accueil) Article en vedette Article pas en vedette Pour pouvoir afficher un article en page d accueil, il faut le mettre en vedette. Pour mettre un article en vedette cliquez sur l icône, pour enlever un article en vedette cliquez sur l icône Création d un article : Cliquez sur Nouveau. Vous arriverez sur la page suivante : Page 10

11 Titre : Alias : Facultatif, vu qu il le prend automatiquement Catégorie : choisir la catégorie qui doit contenir l article Statut : publié (l article doit être publié pour être consulté) En vedette : Oui si c est pour la page d accueil, Non sinon Etc.. Mettre le contenu (textes, photos, vidéos) de l article dans l éditeur de texte : Remplir tous les champs obligatoires et puis cliquez sur enregistrer. Page 11

12 - Insérer une image dans l article Pour insérer les images, il faut les uploader dans deux répertoires distincts : o Articles vedette dans le répertoire «Actu» o Articles rubriques dans le répertoire «article» D abord, uploader les images : Via le panneau d administration, cliquez sur «Gestion des medias», puis se positionner sur le répertoire souhaité. Dans l onglet transfert de fichier (Taille maximal 10 Mo), sélectionner votre image sur le disque puis cliquez sur «Lancer le transfert» Alors, pour ajouter l image dans l article, cliquez sur le bouton «image» en bas de l éditeur de texte. Page 12

13 Ensuite choisir - Insertion des images de la galerie dans l article Pour la galerie, les images doivent être uploadées dans le répertoire «gallerie» sur le serveur. Note : pour faire apparaitre la galerie en bas de l article, il faut toujours placer ce code à la fin de l article dans l éditeur de texte : {gallery}{/gallery} 4) Menus : sert à créer les menus et sous-menus et les positionner dans la place adéquate (gauche, droite, haut, bas). Page 13

14 Menu du haut Menu principal Menu du pied de page : Copyright Pour créer un menu, les grandes lignes à retenir sont : - le menu (i.e. Accueil, Donko Seko) les éléments ou les liens du menu (Plan du site, Contact) Page 14

15 Il arrive parfois qu on veuille mettre du texte, des liens et des photos comme contenu de nos menus : Lien Photo Alors, voyons comment gérer (ajouter, modifier, supprimer) ces trois menus. i. Menu du haut Ce menu contient du texte et des images, donc du contenu personnalisé. Il a été créé en tant qu un module. Pour le gérer, Faire Extension/Gestion des modules puis cherché «Menu Haut» Ensuite, cliquez dessus pour l afficher Page 15

16 Titre : Menu haut Montrer le titre : masquer car nous ne voulons pas l affiché Position : Search (C est la position haut du site) Statut : publié pour qu il soit affiché Etc Personnaliser l affichage : INFOS PRATIQUES PUBLIC INSCRIPTION A LA NEWSLETTERS Ce sont des liens vers d autres documents (articles, newsletter, etc ) - Ajouter un nouveau lien à la liste ci-dessus ci : Pour ajouter un nouvel élément (lien), mettez votre texte ou image, sélectionne sélectionne-le, puis cliquez sur cet icône du lien hypertexte Page 16

17 Une fenêtre pop-up s ouvre Coller l url du lien ici Ensuite, valider Page 17

18 - Modifier un lien de la liste Si c est du texte : changer seulement votre texte Si c est une image, enlever l image et ajouter une nouvelle Si c est pour changer le lien : sélectionner le texte du lien puis sur puis changer l url Page 18

19 ii. Menu principal : main menu Cette barre de menu est gérer par le menu «Main Menu» Pour le gérer, faire Menus/Main Menu Cliquez dessus pour afficher les éléments Page 19

20 Voilà une liste (menus et sous-menus) non exhaustive des éléments du menu principal. Remarquez que «Présentation» est un sous-menu du menu «Donko Seko» ; et JDDJS est un sous-menu du sous-menu «Les programmes» du menu «Donko Seko». En fait, lors de la création d un menu (par exemple «Présentation»), on vous demande de choisir son parent (par exemple «Donko Seko»). Faire Menus/Main Menu puis cliquez sur Présentation Page 20

21 De ce fait, «Présentation» sera un sous-menu de «Donko Seko». Page 21

22 Lors de la création d un menu, il faut choisir le «type de lien de menu» Puis, cliquez sur le bouton «Sélection» Une fenêtre pop-up s ouvre pour que vous puissiez choisir le type Page 22

23 Page 23

24 Type de lien de menu : - Article : utilisé pour afficher un article (i.e quand on clique sur le menu, l article associé est affiché) Ensuite, vous devriez sélectionner l article qui sera affiché quand on clique sur le menu : alors choisir l article Présentation qu on a créé au niveau de la Gestion des articles Sélectionner l article, alors le lien sera construit automatiquement Page 24

25 - Url externe : ce menu sera utilisé pour pointer vers un autre site, un autre fichier ou rien du tout (comme le menu «Donko Seko») Sans lien Etc Tous ces menus (Présentation, les cours etc ) sont déjà crées. Alors pour un nouveau menu et l associer au menu principal : Main menu ; cliquez sur Menus/Main Menu/Ajouter un menu Page 25

26 Type de lien de menu : Sélectionner un type (Url externe, Article etc) Titre : le titre de votre menu (ex : Présentation) Alias : Facultatif Note : Facultatif Lien : si le type de lien est «Url externe : alors coller l url ici ou # si c est sans lien» Statut et Accès : publié Menu : Main Menu Elément parent : Si c est un sous-menu, alors choisir un parent, sinon pas de parent Ordre d affichage : Une fois le menu créé, cliquez dessus pour changer l ordre d affichage (qu il soit le premier sous-menu ou le dernier) Etc Page 26

27 iii. Le menu du pied de page Pour gérer ce menu, cliquez sur Menus/Copyright Ou, Faire Menus/Gestion des menus Pour aboutir ici Page 27

28 Cliquez sur un élément, pour pouvoir le modifier - Contact Choisir le type (ex : Article, etc) Entrer l url du lien ici, # si c est sans lien Pas de parent, donc Lien de menu racine Page 28

29 C est la même procedure pour modifier Mentions légales, Plan du site. Maintenant pour créer un nouvel élément, cliquez sur Menu/Copyright/Ajouter un lien de menu Remplir les différents champs, puis enregistrer Page 29

30 5) Extension L onglet «Extensions» sert à la gestion des modules pour ajouter des vidéos, bannières etc à votre site. Gestion des modules - Insertion des vidéos Pour ajouter des vidéos, cliquez sur «Extension» puis sur «Gestion des modules», ensuite sur Nouveau. Vous arriverez sur le pop-up suivant : Choisir «VTEM Vidéo» Page 30

31 Remplissez les champs obligatoires et collez url de votre vidéo dans le texte «Vidéo url» puis enregistrer. - champ de Insertion des images du slide de la page d accueil Faire Extension/Gestion des module/ Slide show Procédure: 1- Mettre tout les photos dans le répertoire "Slide" se trouvant dans le dossier "Images" du serveur (images/slide/) 2- Via le backoffice allez: - Extensions - Gestion des Modules - Slide Show une fois dans le module slide show, clickez sur "your Slide" a votre droite - add new slides - Sélectionnez l'image - ensuite laissez les autre champs - ajouter le titre du slide - enregistrer en clickez sur "save" Page 31

32 J'ai également configuré le Calendrier Procédure: Via le backoffice aller dans Composant et cliquez sur JEvents vous aurez le panel de JEvent Cliquez sur Gérer les Événements - Nouveau pour ajouter un nouvel événement - modifier pour modifier ce qui existe déjà. Respecter la dimension des images (960x360). Vous pouvez réduire la taille et la résolution des images avec : - Photoshop - Microsoft office Picture Manager Page 32

33 Changer la dimension Réduire la résolution a) Redimensionner Page 33

34 b) Compression 6) Composant Gestion des abonnés à la newsletter : Revenons au menu haut du site : la partie «INSCRIPTION A LA NEWSLETTERS» A travers ce lien de menu, les visiteurs peuvent s inscrire à votre site pour recevoir des notifications des mises à jour des articles par exemple de votre site. Pour s inscrire, les visiteurs fournissent certaines informations à partir duquel ils pourront recevoir ces mises à jour. Page 34

35 L onglet Composant/AcyMailling permet de gérer tous ces abonnés. Pour voir tous les abonnés, cliquez sur Composant/AcyMailling/Utilisateur Page 35

36 Page 36