Guide d utilisation du site Internet

Transcription

1 Guide d utilisation du site Internet M.I.TECHNOLOGIES Ce document sert de guide pour l utilisation du site Internet : Version 1.0 Davy HOUAREAU

2 Contenu Fonctionnement générale... 2 Utilisateur... 2 Rôle... 2 Pages... 2 Modules... 2 Utilisation générale... 2 Gestion des utilisateurs... 2 Modifications des utilisateurs... 3 Gestion des rôles... 4 Le bandeau d administration... 4 Gestion des Pages... 4 Ajout d une nouvelle page... 4 Modifier les paramètres d une page... 5 Gestion des modules... 5 Ajout d un nouveau module... 5 Modifier un module... 6 Utilisation spécifique des modules... 7 HTML... 7 Effority WorkFlow HTML... 7 MediaGallery... 8 Ajout d une nouvelle image... 9 Map... 9 Configuration des marqueurs Texte Défilant Mode horizontale Mode verticale Announcement Ajouter une nouvelle annonce Formulaire générique Configuration d un formulaire Page 1

3 Fonctionnement générale Le site internet est composé de plusieurs pages qui sont, elles même, composées de modules. Les pages et les modules ont des permissions qui leur sont associées. Ses permissions sont basées sur des rôles attribués à des utilisateurs. Utilisateur Un utilisateur est un compte qui est créé sur le site. Via un login et un mot de passe, un utilisateur pourra se connecter au site et aura, en fonction de ses rôles, accès à des composants spécifiques. Rôle Un rôle est attribué à un ou plusieurs utilisateurs. On peut distinguer plusieurs types de rôle prédéfinis. Comme par exemple, le rôle administrateur qui aura tous les droits. Il est possible de créer de nouveaux rôles avec des droits spécifiques. Pages Le site internet est une succession de pages qui ont chacune leur paramétrage. Le paramétrage d une page concerne par exemple, son nom, ses permissions etc. On ne peut mettre à l intérieur des pages que des modules. Modules Les modules composent les pages du site. Il y en a un certain nombre et de type différents. Chaque type de modules à sa propre fonction. Par exemple, le module MediaGallery sert à afficher des photos avec agrandissement et diaporama. Site Page Module Module Utilisation générale Gestion des utilisateurs Site > Utilisateurs Page 2

4 Pour pouvoir gérer les utilisateurs, il faut disposer des droits administrateur. Une fois connecté en tant d administrateur, un menu nommé «Site» apparaît au niveau 0. Ce menu contient toutes les options pour configurer entièrement le site. La gestion des utilisateurs se trouve dans la page : «Utilisateurs». Modifications des utilisateurs Site > Utilisateurs > modification d un utilisateur Il faut cliquer sur modifier (le crayon) à côté du nom de l utilisateur à modifier. Cette action vous emmène sur la page de modification de l utilisateur. Vous pouvez à partir de cet écran modifier les informations relatives à l utilisateur : nom, prénom, pseudonyme (ce qui est affiché lors de la connexion), l adresse ainsi que le mot de passe. Vous pouvez également modifier les rôles qui lui sont attribués en cliquant sur «Gestion des rôles de cet utilisateur». Modification des rôles d un utilisateur Site > Utilisateur > modification d un utilisateur > Gestion des rôles de cet utilisateur Page 3

5 Vous pouvez ici, ajouter ou supprimer les rôles qui sont attribués à un utilisateur. Gestion des rôles Site > Rôles & Groupes Pour pouvoir gérer les utilisateurs, il faut disposer des droits administrateur. Vous pouvez à partir de cet écran ajouter ou supprimer des rôles Le bandeau d administration Le bandeau n apparaît en mode connecté que si l utilisateur a les droits suffisants. Via ce bandeau, vous allez pouvoir ajouter les pages et les modules. Gestion des Pages Pour gérer les pages, il faut avoirs les droits administrateur ou les permissions accordées Ajout d une nouvelle page Bandeau d administration > Tâches communes > Ajouter la page L ajout d une nouvelle page se fait via le bandeau d administration (le bandeau n apparait qu après s être connecté avec un utilisateur avec des droits appropriés) Page 4

6 Il suffit d entrer le nom de la nouvelle page et de choisir son emplacement. Vous pouvez l ajouter après une autre page ou alors la définir en tant qu enfant d une autre page. Modifier les paramètres d une page Allez sur la page > Bandeau d administration > Tâches communes > Actions > Modifier Une fois sur cette page, vous pouvez spécifier les paramètres de la page : son nom, son titre, sa page parente etc. Vous avez également la possibilité de configurer les permissions qui seront appliquées sur la page. Les permissions sont associées à des rôles et/ou directement à des utilisateurs spécifiques pour un réglage plus fin. Gestion des modules Pour gérer les modules, il faut avoirs les droits administrateur ou les permissions accordées Ajout d un nouveau module Allez sur la page > Bandeau d administration > Tâches communes > Ajouter le module Page 5

7 Il faut choisir le type de module que l on souhait ajouter. Ensuite, lui donner un titre et enfin choisir où le placer. Pour ce qui est de la position, vous avez le choix entre quatre emplacements au sein de la page courante : TopPane, ContentPane, RightPane, BottomPane TopPane ContentPane RightPane BottomPane Sachant que dans chaque emplacement, vous pouvez mettre plusieurs modules et ordonner ces modules. Modifier un module Allez au module > Paramètres du module (le crayon sur le papier en bas du module à droite) Page 6

8 Tout comme les pages, vous pouvez spécifier les permissions qui seront effectives sur le module. Selon le type du module, la configuration sera adaptée à la fonction de celui-ci. Il est possible qu il y ait plus d options à paramétrer non pas dans «Paramètres du modules» mais plutôt dans les actions qui se trouve à côté de celle-ci. Utilisation spécifique des modules HTML Ce module permet d afficher du texte et des images formatés grâce à un éditeur embarqué. Effority WorkFlow HTML Ce module permet comme le module HTML d afficher du texte est des images formatés mais rajoute la notion de publication intermédiaire dans le sens où ce n est pas forcement la personne qui a écrit le contenu qui va le publier directement. Un validateur va pouvoir vérifier le contenu et ensuite le publier ou pas. Page 7

9 MediaGallery Ce module permet l affichage d image avec agrandissement et diaporama. L activation du diaporama se fait via les «Paramètres du module» et la modification ou l ajout d image se fait directement dans la vue par défaut du module. Page 8

10 Ajout d une nouvelle image Lorsque vous ajouter une nouvelle image, vous devez en choisir deux, une miniature et l image à taille réelle. Attention : La miniature doit être réduite au maximum, pour ce faire vous pouvez utiliser un logiciel de retouche d image tel que Paint. Map Ce module permet d afficher une carte avec des marqueurs configurables. L ajout de marqueur ainsi que le positionnement de la carte se fait via l action «Modifier la carte» Page 9

11 La partie modification se présente en deux parties, en haut la partie carte avec le visuel des marqueurs et en bas la partie de configuration des marqueurs. Il y a différente option pour afficher ou masquer des éléments sur la carte comme l échelle, le navigateur, etc.. Configuration des marqueurs Pour modifier la position d un marqueur, il suffit de le déplacer avec la souris. Toutes les autres modifications sont à faire dans la partie marqueurs. La zone «Titre» correspond au texte qui apparait au survol de la souris et la zone «Description» correspond à l info-bulle qui apparait au clic sur le marqueur. Il est possible d y mettre du texte au format HTML. Texte Défilant Ce module permet de faire défiler du texte horizontalement et verticalement. Le paramétrage de ce module se fait via le lien «Modifier le contenu». Page 10

12 En fonction du mode de défilement, la saisie du texte doit être différente. Mode horizontale Lorsque le mode de défilement horizontal est sélectionné, il faut régulièrement faire des retours à la ligne dans l éditeur pour que le texte affiché au final soit bien sur une seule ligne. Mode verticale Lorsque le mode de défilement vertical est sélectionné, chaque saut de ligne correspondra à un nouvel élément. Announcement Ce module permet de liste panel d évènements qui peuvent être suivi via un flux RSS (Syndication). Il est important d avoir un modèle de disposition configuration dans les paramètres du module. Voici celui utilisé pour la mairie (à conserver): Header Template : <div class="annoncetabulaire"> Item Template : <div class="annoncetabitem"> <a href="[url]" class="annoncetablinkphoto">[imagesource]</a> <h1 class="annoncetabtitle">[edit][title]</h1> <span class="annoncetabdescription">[description] [READMORE]</span> <br /> <i><span class="newsdate">ajouté le [PUBLISHDATE]</span></i> </div> Footer Template : </div> Page 11

13 Ajouter une nouvelle annonce Une nouvelle annonce est composée d un titre, d une image, une description, un lien. Voici un aperçu de la disposition issue du modèle. Page 12

14 Formulaire générique Ce module permet de faire des formulaires avec étapes. Des statistiques sont disponibles sous forme graphique. Configuration d un formulaire Par défaut, lors de l ajout d un module de type formulaire, la page de configuration du formulaire apparait. Autrement, il suffit de cliquer sur «Modifier formulaire». La configuration d un formulaire est une succession de champs que l on peut placer dans des étapes. Ajouter un champ Il existe plusieurs types de champs que l on peut sélectionner dans «Type de composant». Les types de composant de base sont assez simples d utilisation. Par contre pour ce qui est des checkbox ou radiobox, il faut parfois avoir plusieurs valeurs possibles. Pour ce faire, il faut garder le nom du champ lorsque que l on veut ajouter une nouvelle valeur. Par exemple, si nous voulons avoir une liste Page 13

15 de radiobox dans un même champ (comme sur l image de présentation), il faut garder le même nom de champ pour chacune des valeurs, sélectionner le type de composant sur «Case d option» et modifier la valeur souhaitée et cliquer sur «générer». Une fois tous les champs créés, il faut cliquer sur «Valider» pour terminer la configuration du formulaire. Page 14