Manuel utilisateur du CMS Anan6

Transcription

1 Manuel utilisateur du CMS Anan6

2 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan Visualisation de l interface du CMS 08 - Détails de la liste des composants 09 - Barre d outil de la fenêtre principale 10 - Créer ou renommer un dossier 11 - Créer un nouveau composant image, Flash ou document 1/ 1 - Créer un nouveau composant image, Flash ou document / 13 - Créer un nouveau composant Page Html 1/ 14 - Créer un nouveau composant Page Html / 15 - Créer un nouveau composant «à partir de» 16 - Modifier un composant 17 - Editer un composant Page Html 18 - Barre d outils de la fenêtre d édition 19 - Editer une Page Html 1 - Le texte 0 - Editer une Page Html 1 Modifier un tableau 1 - Editer une Page Html 1 Modifier un tableau - Editer une Page Html - Les Images 3 - Editer une Page Html 3 - Les liens 4 - Editer une Page Html 4 - Le Flash 5 - Editer une Page Html 5 Gestion de la zone blocs notes 6 - Editer une Page Html 6 - Gestion de la zone blocs notes 7 - Créer un formulaire Choix des questions 8 - Créer un formulaire Mise en forme 1/ 39 - Créer un formulaire Mise en forme / 30 - Créer un formulaire Validation et réception 31 - Editer un menu 1/4 3 - Editer un menu / Editer un menu 3/ Editer un menu 4/ Editer le pied de page 36 - Editer les propriétés d un composant 37 - Valider et Publier 38 - Supprimer un composant 39 - Rechercher un composant 40 - Déplacer un composant 41 - Vérifier les liens Com6 - Rue Lavoisier - ZA du Triasis LAUNAGUET - Tél : Fax :

3 Sommaire Fonctionnalités administrateurs 44 - Module de sauvegarde 1/ 45 - Module de sauvegarde / 46 - Gérer les groupes d utilisateurs 47 - Gérer les groupes d utilisateurs 48 - Gérer les utilisateurs individuels 49 - Gérer les abonnés 1/ 50 - Gérer les abonnés / 51 - Accessibilité et Statistiques Les Modules spécifiques (disponibilité selon options) 53 - Créer une actualité 1/ 54 - Créer une actualité / 55 - Créer une newsletter 1/ Créer une newsletter / Créer une newsletter 3/ Plan interactif 1/ 59 - Plan interactif / 60 Agenda1/ 61 Agenda / 6 - Marchés publics 1/ Marchés publics / Marchés publics 3/ Marchés publics 4/ Blog 1/ 67 - Blog / 68 - Quizz 1/ Quizz / Quizz 3/ Quizz 4/5 7 - Quizz 5/ Forum 1/ 74 - Forum / 75 - Photothèque Les modules suivis d un * sont activés sur votre environnement, les autres peuvent l être en option. 3

4 Fonctionnalités générales Fonctionnalités générales 4

5 Paramétrage du navigateur Paramétrage du navigateur 1. Dans Internet Explorer, cliquez sur le menu «outils» et choisissez «Options Internet». Choisissez l onglet «Sécurité» puis cliquez sur l icône vert «Site de confiance» 3. Cliquez sur le bouton «Sites» 4. Dans la fenêtre qui s ouvre, décochez la case «Nécessite un serveur sécurisé», et saisissez l url : 5. Cliquez sur le bouton «Ajoutez» Cliquez «OK» sur les deux fenêtres ouvertes Fermez Internet Explorer et rouvrez le pour que les changements soient pris en compte. Vous n aurez pas à répéter cette procédure lors de vos prochaines connexion sur un même poste de travail! 5

6 Connexion au CMS Anan6 Ouvrez votre navigateur (IE 6 ou 7 impérativement) Saisissez l adresse : Ajoutez l adresse à vos favoris pour y revenir facilement ultérieurement Renseignez vos identifiants et mots de passe dans les zones prévues à cette effet Cliquez sur «OK» pour accéder à la gestion du contenu 6

7 Visualisation de l interface du CMS Anan6 Visualisation de l interface du CMS Barre d outils de la fenêtre principale (détail page 8) Listes des dossiers et sous-dossiers Listes des composants pour un dossier donné (détail page suivante) 7

8 Détails de la liste des composants Détails de la liste des composants Etat du composant Nom du composant ( =nom html) Libellé ( =nom sémantique) Date de création Date de modification Nom de l auteur Type de composant Langue du composant Date de publication Nom du composant : c est le nom du composant au format HTML, il ne doit comporter ni espace ni caractères spéciaux ou accentués. Libellé : Nom sémantique à destination exclusive des gestionnaires du site. Date de création : date de création de la version sélectionnée (ici nous avons plusieurs version du composant «accueil». Date de modification : date de la dernière modification de la version sélectionnée. Nom de l auteur : nom de l éditeur de la dernière modification pour la version sélectionnée. Type de composant : les différents types possibles sont flash, pdf, css, txt, doc., zip, xml, img, js, ou html, en fonction de la nature du composant crée. Langue du composant : français ou autre en cas de site multi langues. Date de publication : date à laquelle le composant a été mis en ligne (état pub) ou date à laquelle le composant sera mis en ligne (état prepub). Etat du composant : edit (le composant est en cours de création ou de modification), aval (le composant attend une validation avant publication), val (le composant est validé et prêt à être publié), prepub (la mise en ligne du composant a été demandée pour une date donnée), pub (le composant est en ligne et visible par les internautes), arc (le composant est archivé, il n est plus visible par les internautes). 8

9 Barre d outil de la fenêtre principale Barre d outil de la fenêtre principale Précédente Actualiser Rechercher Nouvelle version Valider Supprimer Visualiser la page Accès statistiques Aide Suivante Dossier Nouveau Modifier Publier Propriétés Visualiser le site Vérifier les liens Accéder aux sauvegardes Fonctionnalités des boutons : Précédente et Suivante : naviguer dans la liste des composants des dossiers déjà consultés. Actualiser : rafraîchir la liste des dossiers et des composants en cours de consultation. Dossiers : revenir à la liste des dossiers (depuis la gestion utilisateurs par exemple). Rechercher : rechercher un composant dans le CMS en fonction de son état (pub, prepub, edit, ), de son nom, de ses mot-clés, Nouveau : créer un nouveau composant (page html, image, document, ). Nouvelle version : créer une nouvelle version d un composant (composant publié ou archivé le plus souvent). Modifier : modifier un composant en cours de création (edit), de validation (aval) ou de publication (prepub). Valider : selon le niveau d accréditation de l utilisateur, demander ou confirmer la validation d un composant. Publier : mettre en ligne un composant. Supprimer : archiver un composant publié ou supprimer définitivement tout autre composant. Propriétés : afficher et modifier les propriétés d un composant (Titre, description, mots-clés, source d une image ou d un documents, langue, ). Visualiser la page : visualiser uniquement le composant sélectionné, tel que le verra l internaute après publication des composants. Visualiser le site : visualiser l ensemble du site à partir de la page d accueil tel que le verra l internaute après publication des composants (lorsqu un composant existe en plusieurs version, l affichage donne la priorité au dernier composant en état «edit» crée). Accès statistiques : Consulter les statistiques de visite du site. Vérifier les liens : Valider les liens internes et externes du site. Aide : télécharger le manuel utilisateur au format.pdf. Accéder aux sauvegardes : Module de sauvegarde de la base de données du site. 9

10 Créer ou renommer un dossier ou sous-dossier Créer ou renommer un dossier Cliquez sur le dossier parent devant contenir votre dossier ou sous-dossier (le dossier sélectionné doit apparaître de couleur bleue ou rouge). Faire un click droit sur ce même dossier, un menu contextuel vous permet de créer un «nouveau dossier» ou de «renommer» le dossier sélectionné. 3. Le nom du dossier apparaît dans un cadre, vous pouvez saisir le nouveau nom. 10

11 Créer un nouveau composant image, document ou flash 1/ Créer un nouveau composant image, Flash ou document 1/ Placez-vous dans le dossier parent devant contenir image, document, ou animation flash (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sousdossier «images» ou «documents» du dossier «médias».. Cliquez sur le bouton «Nouveau» ( ), une liste de types de documents apparaît ou clic droit > nouveau dans la liste des composants. 3. Sélectionner «Animation Flash» pour un composant Flash, ou «Image» pour un composant image ou «Document PDF» pour un document pdf (idem pour un doc. Word ou zip, etc ). 11

12 Créer un nouveau composant image, document ou Flash Créer un nouveau composant image, Flash ou document / / Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», cliquez sur le bouton «Parcourir» pour chercher votre image ou document sur votre disque dur.. Lorsque vous avez choisi votre fichier source, les champs «Nom» et «Libellé» sont renseignés par défaut avec le nom de votre composant. Vous pouvez les conserver ainsi (attention le champs nom ne supporte ni les espaces ni les caractères accentués), ou les renommer à votre convenance. 3. Sélectionner la «langue» de votre document (fr par défaut). 4. Dans l onglet «description» renseignez une courte description de l image ou du document à destination des navigateurs textes (type Lynx) ou des non voyants équipés d outils spécifiques Dans l onglet «Mots clés» renseignez des mots significatifs de votre composant, à destination du moteur de recherche interne. Vous pouvez visualiser votre image avec l onglet «Aperçu» 6. Cliquez «OK», Votre composant image ou document est prêt à être inséré dans vos pages html. N oubliez pas de le publier, sans quoi vos pages en ligne n afficherons pas vos images! 1

13 Créer un nouveau composant page html 1/ Créer un nouveau composant Page Html 1/ Placez-vous dans le dossier parent devant contenir image, document, ou animation flash (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sousdossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau» ( ), une liste de types de documents apparaît ou clic droit > nouveau dans la liste des composants. 3. Sélectionner «Page HTML». 13

14 Créer un nouveau composant page html Créer un nouveau composant Page Html / / 1 1. Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», renseignez les champs «Nom» (nom html de votre page, sans espaces ni accents), «Libellé» (nom sémantique à destination des utilisateurs de l outil), et «Langue» (fr par défaut).. Choisissez un «Titre» significatif pour votre page, celui-ci apparaîtra dans la barre de titre du navigateur de vos visiteurs et influera sur le référencement de votre site plus encore que les motsclés. Ne modifiez pas le champ «Rubrique» Dans l onglet «Meta balises» renseignez les «descriptions» et «keywords» (mots clés) de votre composant, à destination du moteur de recherche interne et des moteurs de recherche Web (type Google), en sélectionnant le champ correspondant puis «Modifier». 5. Dans la fenêtre qui s ouvre, renseignez le champ «content» avec votre description ou vos motsclés (séparés par une virgule) puis «OK» dans chacune des deux fenêtres (suite page 15). 14

15 Créer un nouveau composant «à partir de» Créer un nouveau composant «à partir de» 1. Vous pouvez créer un composant de tout type sur le modèle d un composant de même type déjà existant. Effectuez un click droit sur le composant modèle et choisissez «Copier». 3. Effectuez un second click droit n importe où dans la liste des composants du dossier où vous désirez créer votre composant et choisissez «Coller». 4. La fenêtre de Propriétés s ouvre comme dans le cas d une création normale, mais les champs sont pré remplis, modifiez les différents champs des onglets «Général» et «Meta balises» et cliquez «ok» pour ouvrir la fenêtre d édition (suite page 16)

16 Modifier un composant Modifier un composant Cas 1 : Le composant est publié (pub) ou archivé (arc) > vous devez créer une nouvelle version du composant, puis la publier le cas échéant. Cas : Le composant est en cours d édition (edit), en attente de validation (aval) ou en attente de publication (val ou prepub) > vous pouvez l éditer directement (! la précédente version sera écrasée). Cas Cas 1 Fenêtre d édition Cas 1 : Sélectionnez votre composant à modifier et cliquez sur l icône «Nouvelle version». Une boite de dialogue vous demande de confirmer votre action. Cliquez «OK», la fenêtre d édition (ou la boite propriété pour les images et documents) s ouvre. Effectuez vos modifications puis enregistrez et fermez. Le composant ainsi crée apparaîtra en haut de votre liste de composant de même nom, en état «Edit». Vous pouvez procéder à sa mise en ligne si nécessaire, le composant ainsi publié écrasera l ancien composant en état «pub» du même nom, qui sera luimême archivé. Cas : Sélectionnez votre composant à modifier et cliquer sur l icône «Modifier». La fenêtre d édition s ouvre directement. (Suite page 15). 16

17 Editer un nouveau composant Page html Editer un composant Page Html Dans la fenêtre de dialogue «Sélection Modèle» qui s ouvre, choisissez le modèle de page à concevoir. Vous pouvez visualiser directement le résultat de votre choix dans la fenêtre d édition. Quand votre choix est fait, cliquez «OK» Barre d outils de la fenêtre édition (détail page suivante) Vous pouvez alors effectuez toutes les actions nécessaires à la création de votre page : Insérer ou modifier du texte, insérer un titre ou sous-titre de paragraphe. Insérer une image, un flash ou un lien vers un document. Insérer un lien sur un texte ou une image. Appliquez un style prédéfini à un texte ou une image. Les utilisateurs avancés pourront modifier le code source de la page si nécessaire grâce à l onglet «Source». Visualiser le résultat de vos modifications grâce à l onglet «Aperçu». Visualiser votre page sans mise en forme grâce au bouton «mode plan» ( icône fauteuil roulant). Voir les détail de la barre d outils «Edition» page suivante. 17

18 Barre d outils de la fenêtre d édition Barre d outils de la fenêtre d édition Enregistrer Copier Annuler Mode plan (sans styles) Listes Mettre en retrait Alignement gauche Alignement centré Alignement droit Justifié Formulaires Couper Coller Répéter Afficher bordures Listes numérotées Annuler retrait Lien Ancre Image Flash Sondage Gras Italique Exposant Indice Propriétés d un tableau Insérer une ligne Insérer une colonne Supprimer une colonne Scinder horizontalement une cellule Insérer ou changer le niveau d un titre Appliquer ou modifier un style Changer la taille de la police Supprimer une ligne Fusionner des cellules Scinder verticalement une cellule 18

19 Editer une page html / Insérer ou modifier un texte, ou un titre Editer une Page Html 1 - Le texte Pour insérer ou modifier du texte tout en conservant la mise en forme de la page, cliquez dans un paragraphe puis tapez ou collez (depuis un doc. Word par exemple) votre texte. Ensuite seulement effacez le texte superflu. Choisissez si besoin un alignement pour votre paragraphe. - La touche «Entrée» de votre clavier créera un nouveau paragraphe (balises <P> </P>). - Les touches «Shift + Entrée» créeront un simple saut de ligne (balise <BR />). Pour appliquer un style à une portion de texte, sélectionner celui-ci à l aide de la souris puis cliquez sur le menu styles et choisissez votre style prédéfinis. Pour créer une liste à puce ou une liste numérotée, taper le premier élément de votre liste, cliquez dessus puis cliquez sur le bouton liste. Chaque «Entrée» suivante créera une nouvelle élément de liste. Pour créer ou modifier le niveau d un titre sélectionner celui-ci à l aide de la souris puis cliquez sur le menu «Titres» et choisissez votre niveau de Titre, ou choisissez «normal» pour revenir à un texte normal (style par défaut pour le corps de texte). Enregistrez votre page. 19

20 Editer une page html / Insérer un tableau Editer une Page Html 1 Modifier un tableau Vous devez tout d abord modifier la description de votre tableau avec le bouton Dans l onglet «Général», remplissez ou modifiez les champs de votre tableau : - «En-tête», - «Titre» - «description» Définissez un espacement entre les cellules = 0 Choisissez le nombre de lignes et de colonnes de votre tableau, et la largeur en % qu il occupera dans la page. O Dans l onglet «tableau», choisissez un modèle avec colonne gauche (contextuel) ou sans colonne gauche (générique) Ne modifiez pas les onglets «Ligne», «Colonne», et «Cellule». Tableau Générique Tableau Contextuel 0

21 Editer une page html / Modifier un tableau Editer une Page Html 1 Modifier un tableau Vous pouvez ensuite : Ajouter ou Supprimer des lignes Ajouter ou supprimer des colonnes Fusionner ou scinder des cellules de votre tableau - Pour ajouter une ligne ou une colonne, placez-vous dans la ligne ou la colonne devant précéder celle que vous souhaitez ajouter, - Pour fusionner des cellules, sélectionnez-les simplement de gauche à droite, ou de haut en bas, à l aide de la souris - Pur scinder une cellule, cliquez dedans puis sur le bouton adéquat (fraction horizontale ou verticale). Ces fonctions sont également accessibles par un clic droit à l intérieur du tableau. Modifiez le contenu des cellules : Exactement de la même façon que le reste du texte de la page. Modifiez le format du tableau, des colonnes, ou des cellules : Cliquer dans le tableau puis sur l icône tableau. Effectuer vos modification sur les différents champs avant de cliquer «OK». 1

22 Editer une page html / Insérer ou modifier une image Editer une Page Html - Les Images Pour insérer ou modifier une image, positionnez-vous en début du paragraphe où doit apparaître l image (créez un nouveau paragraphe avec la touche «Entrée» si nécessaire), sélectionnez une image existante, et cliquez sur l icône «Image». Dans la boite de propriété qui s ouvre, recherchez l image dans le CMS à l aide du bouton «Parcourir». - Le champ «Texte alternatif» se complétera automatiquement avec l onglet «Description» du composant image correspondant. Vous pouvez néanmoins le modifier si nécessaire. - Les champs tailles et hauteur se compléteront automatiquement. Il ne devraient pas être modifiés (déformation de l image). - Le champ «Description longue» doit pointer vers une page décrivant précisément l image dans le cas de schémas complexes (règles d accessibilités). Il doit rester vide dans les autres cas. Choisissez un alignement et un style optionnel (encadrement par ex.) de l image avec le menu «Mise en forme». Cliquez «OK». Votre image est insérée. Enregistrez votre page.

23 Editer une page html / Insérer ou modifier un lien vers une page ou un pdf Editer une Page Html 3 - Les liens Pour insérer un lien sur un texte ou une image, sélectionnez le texte ou l image avec la souris et cliquez sur le bouton «Lien» ou «Ancre» pour créer une ancre (Taper juste le nomdelancre). Dans la boite de propriété qui s ouvre, recherchez le composant ciblé (page ou document) dans le CMS à l aide du bouton «Parcourir» dans le cas d in lien intra site, ou taper le nom intégral du lien sous la forme dans le cas d un lien extra site. Taper #nomdelancre dans le cas d un lien vers une ancre dans la page. - Le champ «Titre du lien» doit comporter une description significative du lien quand celui-ci ne l est pas par défaut (voir règles d accessibilités). Choisissez le format d ouverture du composant ciblé : - dans la même fenêtre (la composant ciblé remplacera la page en cours). - dans une nouvelle fenêtre (le composant s ouvrira dans une fenêtre entièrement fonctionnelle, superposée à la page en cours). - dans un Popup (le composant s ouvrira dans une fenêtre sans barres de menu, de navigation ou d état, superposée à la page en cours). Cliquez «OK», votre lien est inséré. Enregistrez. #nomdelancre nomdelancre 3

24 Editer une page html / Insérer ou modifier une animation Flash Editer une Page Html 4 - Le Flash Pour insérer ou modifier un composant Flash, positionnez-vous en début du paragraphe où doit apparaître l animation Flash (créez un nouveau paragraphe avec la touche «Entrée» si nécessaire), ou sélectionnez une image existante, et cliquez sur l icône «Flash». Dans la boite de propriété qui s ouvre, recherchez le flash dans le CMS à l aide du bouton «Parcourir». - Le champ «Texte alternatif» se complétera automatiquement avec l onglet «Description» du composant Flash correspondant. Vous pouvez néanmoins le modifier si nécessaire. - Les champs tailles et hauteur doivent impérativement être complétés manuellement et correctement sous peine de déformation de l animation. La couleur de fond doit être la couleur de fond de l animation ou à défaut la couleur de fond de page. Choisissez un alignement de l animation avec le menu «Mise en forme». Cliquez «OK». Votre animation Flash est insérée. Enregistrez votre page. 4

25 Editer une page html / Gestion de la zone bloc notes Editer une Page Html 5 Gestion de la zone blocs notes Afin de mettre en avant les liens, téléchargements ou informations importantes des pages de contenu, une zone éditable peut être liée pour chaque page, cette zone permet également de placer de nouvelles informations de manière souple et ponctuelle sans avoir à modifier structurellement le contenu principal de la page. 1. Placez vous dans le dossier contenant la page à laquelle vous souhaitez lier une zone bloc notes. Effectuez un clic droit sur la page pour afficher sa fenêtre des propriétés, sélectionnez l onglet «Metas balises» 3. Cliquez sur «Ajouter» pour afficher la fenêtre d ajout de balise «Meta» 4. Renseignez le champ «name», le libellé doit toujours être «zone-contextuelle» Puis renseignez le champ «content» sera le nom du bloc note

26 Editer une page html / Gestion de la zone bloc notes Editer une Page Html 6 - Gestion de la zone blocs notes L édition de la zone bloc note fonctionne comme l édition d une page HTML dans l éditeur, néanmoins, cette zone étant restreinte dans sa taille d affichage, celle-ci est utilisée pour y placer du texte, des liens ou des images (vignettes). 1. Placez vous dans le dossier contenant les Totems. Cliquez sur «Nouveau», dans la liste, sélectionnez «Page HTML» 3. Dans la fenêtre des propriétés, renseignez le nom (doit obligatoirement commencer par totem_nom de la balise content, dans notre exemple société) et le libellé. 4. Cliquez sur «OK» pour enregistrer, ensuite l édition aura lieu dans l éditeur, choisissez au préalable Bloc note dans la liste des modèles

27 Créer un formulaire / Choix des questions Créer un formulaire Choix des questions Vous pouvez créer vos propres formulaires simplement grâce au CMS. Pour simplifier votre travail d intégration, dessinez dans un premier temps sur papier les différents champs que devra contenir votre formulaire, puis ouvrez la page en édition. Placez le curseur à l endroit de la page qui doit contenir le formulaire et cliquez La fenêtre de propriété qui s ouvre va vous permettre de paramétrer votre formulaire. 1. Saisissez le tire de votre formulaire dans la zone «Légende» (ex : «Formulaire de renseignements»).. Saisissez dans la zone «Champ» la première question que vous souhaitez poser (ex : «Nom») puis «Ajouter», et ainsi de suite pour chaque question (ex : «Prénom», «Genre», etc ). Vous pouvez modifier l ordre de vos questions avec les flèches à droite. 3. Saisissez dans la zone «Pied de page» un texte de fin de formulaire (ex «Ces informations ne seront pas communiquées à des tiers»). 4. Choisissez le libellé des boutons «Annuler» et «Envoyer» (Vous pouvez les remplacer par «Effacer» et «Go» par exemple). 5. Vous pouvez visualiser simultanément dans la fenêtre d édition le résultat de vos actions

28 Créer un formulaire / Mise en forme des questions Créer un formulaire Mise en forme 1/ Vous devez à présent choisir la mise en forme de chaque type de question et de réponses possibles (texte simple, texte multiligne, liste déroulante, case à cocher, etc ). Ouvrez l onglet «Détails du champ», naviguez entre les différents Libellés avec les flèches 1/ 1. Pour les Libellé «Noms», «Prénoms» et «Adresse», choisissez un type «Texte», et un format «Alpha-numérique», vous pouvez choisir la longueur max. du texte inséré par l internaute 1a 1b. Pour un Libellé «Genre», choisissez un type «Radio», et renseignez les différentes valeurs possibles (ex : Homme ou Femme). a b 3. Pour un Libellé «Région», choisissez un type «Liste déroulante», et renseignez les différentes valeurs possibles. 3a 3b 8

29 Créer un formulaire / Mise en forme des questions Créer un formulaire Mise en forme / / 4. Pour un Libellé «Mail», choisissez un type «Texte», et un format « » Vous pouvez choisir également une longueur maximale, renseigner une valeur par défaut (ex: votre.mail@domaine.com), et choisir de rendre ce champ obligatoire. 4a 4b 5. Pour un Libellé «Message», choisissez un type «Texte multiligne». Vous pouvez renseigner une valeur par défaut (ex: Tapez votre message ici), et choisir de rendre ce champ obligatoire. 5 9

30 Créer un formulaire / Validation et réception Créer un formulaire Validation et réception Choisissez quel adresse mail doit être destinataire du formulaire validé, sous quelle forme vous souhaiter le recevoir, et vers quelle page doit être renvoyé l internaute en cas de validation ou d échec de validation du formulaire (la page doit avoir été créée préalablement). 1. Choisissez l ordre «Nom, Prénom» ou «Prénom, Nom» de l internaute dans le mail.. Choisissez de voir ou non l de l internaute dans le mail émis lors de la validation. 3. Choisissez le sujet du Mail (ex : le nom du formulaire) 4. Choisissez un texte qui accompagnera le mail (optionnel) 5. Renseignez le nom et le mail de la personne destinataire du formulaire 6. Choisissez la page «Accusé de réception» ou «Erreur de transmission» que verra l internaute après validation du formulaire. 7. Vérifiez simultanément dans la fenêtre d édition l apparence de votre formulaire puis validez par «OK». 8. Enregistrez votre page b 7a Pour chaque formulaire créé, un fichier.csv (exploitable dans Excel) est généré, contenant les informations saisies par les internautes et mis à jour en temps réel. Ces fichiers sont disponibles dans le dossier «Admin/Paramétrage/Formulaire/Csv». Sélectionnez un fichier et cliquez pour visualiser son contenu. 30

31 Editer un menu Editer un menu 1/4 Le composant «menuhtml» du site est situé dans le dossier Site Web /Menu Tous les menus et sous-menus gauches du site sont gérés dans cet unique composant Rappel : selon que le menu est publié, archivé ou en cours d édition, vous devrez créer une nouvelle version de ce composant, comme pour tous les composants du site. 1/4 1. Dans la fenêtre d édition, sur le menu, effectuer un click droit > Propriétés de la liste, pour ouvrir l interface de modification du menu. 31

32 Editer un menu Editer un menu /4 Dans le champ «Item» renseignez le nom de la nouvelle rubrique et «Ajouter» /4 Votre nouvel Item est ajouté en bas de la liste des items 3

33 Editer un menu Editer un menu 3/4 3/4 Utilisez les flèches Haut, Bas, Gauche ou Droite pour modifier la position et le niveau de votre item. Vous pouvez visualiser simultanément le résultat de votre action dans la fenêtre d édition puis «OK». l option «suppression item» accessible par un clic droit sur le menu, vous permettent également de supprimer rapidement un élément du menu. 33

34 Editer un menu Editer un menu 4/4 Editer les propriétés du nouvel item avec l onglet «Détails de l Item» puis «Ok» 4/ Le Libellé est le nom du lien tel qu il apparaîtra dans le menu - Le Lien est le lien html de la page pointée par l item (vous pouvez taper son nom directement ou utiliser le bouton «Parcourir» pour rechercher dans l arborescence du CMS). - Le Titre est l info-bulle qui apparaîtra au survol du lien - Vous pouvez choisir de faire disparaître provisoirement un lien du menu avec l option «Visible» - Les menu «Mise en forme item» et «Mise en forme lien» ne doivent pas être modifiés «OK» pour enregistrer la modification, puis n oubliez pas d enregistrer /et publier votre composant. 34

35 Editer le pied de page Editer le pied de page Le composant «footer» est situé dans le dossier «Admin/paramétrage/structure» Le pied de page est structuré comme une liste à puce classique, sa modification s effectue par un clic droit sur la liste, puis les options «Insertion Item» ou «Suppression Item». 35

36 Editer les propriétés d un composant Editer les propriétés d un composant Sélectionner votre composant dans la liste pour cliquez sur le bouton «Propriétés» Vous pouvez modifier tous les champs, à l exception du champ «Nom», qui permet de lier votre composant aux autres composants (risque de liens brisés). Cliquez «OK», les propriétés du composants sont modifiées. 36

37 Demander une validation, valider ou publier un composant Sélectionner votre composant dans la liste. Valider et Publier Cas 1 : Demander une validation (utilisateurs «Editeurs»). Cliquez sur le bouton «Valider» puis «OK». Cas : Confirmer la validation (utilisateurs «Valideurs, Publieurs ou Administrateurs). Cliquez sur le bouton «Valider» puis «OK». Cas 3 : Publier (mettre en ligne) le composant (utilisateurs Publieurs ou Administrateurs). Cliquez sur le bouton «Publier» puis renseigner une date et une heure de mise en ligne. Nota : en fonction de la manière dont vous avez choisit de gérer les droits utilisateurs, les cas 1 et peuvent être ignorés. Cas 3 Cas 1 Cas 37

38 Supprimer un composant Sélectionner votre composant dans la liste. Cliquez sur le bouton «Supprimer» puis «OK». Cas 1 : Le composant est publié (état Pub). La suppression du composant déclenchera son passage en état «Archivé» (arc). Le composant reste disponible dans le CMS mais n est plus visible par les internautes. Cas : Le composant n est pas publié (tout autre état). Le composant est supprimé de la liste (et du CMS). Supprimer un composant Attention! Dans le cas, la suppression du composant est définitive, pas de récupération possible. 38

39 Rechercher un composant Rechercher un composant 1. Cliquez sur le bouton «Rechercher».. Dans la liste déroulante «Documents des dossiers», placez-vous à la racine du dossier «/Pages» ou «/Médias» en fonction du type de composant que vous recherchez. 3. Sélectionner l état des composants que vous recherchez (edit, aval, val, prepub, pub, arc). 4. Entrez un mot clé signifiant pour votre recherche ou laissez le champ vide pour rechercher tous les c o m p o s a n t s d a n s u n é t a t p r é c i s ( e n a t t e n t e d e v a l i d a t i o n p a r e x e m p l e ). 5. Lancer la recherche (la recherche s effectue sur le nom, le titre, le libellé et les mots-clés des composants). Vous pouvez entrer un mot entier (ex : «boulangerie») ou une partie de mot, en ajoutant, avant et/ou après les caractères.* (ex : «.*angerie», «boul.*», «.*ange.*» ) La liste des résultats ainsi générée vous permet de retrouver facilement les composants liés à un thème, de visualiser d un seul coup d œil les composants en attente de validation ou de publication, de connaître et d atteindre l emplacement d un composant dans le CMS. Effectuez les actions désirées et cliquez sur l icône dossier pour revenir à la liste des dossier (si vous avez sélectionné un composant, vous atteindrez directement le dossier conteneur). 39

40 Déplacer un composant Déplacer un composant 1. Effectuez un click droit sur le composant sélectionné.. Choisissez «Couper». 3. Allez à la liste des composants du dossier où vous désirer placer votre composants. 4. Effectuez un nouveau click droit au milieu de cette liste et choisissez «Coller». 5. Tous les composants de même nom (toutes les versions) seront déplacés simultanément dans ce dossier. 40

41 Vérifier les liens Vérifier les liens Dans la fenêtre principale du CMS, cliquez sur le bouton «Analyse des pages». L analyse démarre immédiatement, et génère l ouverture de la fenêtre ci-dessous (en fonction du poids des pages et du site, vous devrez patienter plusieurs secondes). Une barre de progression vous permet de contrôler le déroulement de l opération. Par défaut l outil vérifie uniquement les pages publiées, vous pouvez relancer l analyse en cochant la case «Vérifier les pages en rédaction» Cette fenêtre liste l ensemble des pages analysées, les erreurs rencontrées apparaissent en rouge : «n a pas été publié» : votre page publiée contient une image, un script ou un document, qui n a pas été publié, et qui ne sera par conséquent pas visible par l internaute. «n est pas précisé» : votre page contient un lien dont la cible n est pas précisée (transparent pour l internaute, qui ne voit aucun lien, sans incidence sur l affichage, mais erreur dans le code de la page). «n existe pas» : votre page pointe vers un composant interne (image, page, document) qui n existe pas (composant totalement absent du CMS). «ne répond pas» : votre page pointe vers une URL externe inexistante ou provisoirement inaccessible. Vous pouvez accéder directement au composant choisi en cliquant sur son nom dans la liste. 41

42 Fonctionnalités administrateurs Fonctionnalités administrateurs 4

43 Fonctions Administrateurs Fonctions administrateur Ces fonctionnalités sont réservées aux administrateurs du site. Elle permettre la gestion des droits utilisateurs, la création, modification ou suppression des utilisateurs ou groupes d utilisateurs. Vous pouvez choisir de créer des groupes par niveau de droit (administrateurs, publieurs, valideurs, éditeurs, ) ou par service (service documentation, service eaux usagées, etc. ). Au sein de chaque groupe vous pouvez définir des droits spécifiques pour un utilisateur spécifique. Les administrateurs du site peuvent également agir sur les composants du dossier Admin. tel que : Feuille de style Templates Menus principaux (création ou suppression de rubrique) Apparence de la page «Erreur 404» Scripts divers. Les administrateurs peuvent aussi créer des sauvegardes du site ou bien restaurer une ancienne version sauvegardée du site. 43

44 Module de sauvegarde / Sauvegarder le site Web 1/ Module de sauvegarde 1/ Cette fonctionnalité est d une très grande importance car elle vous permet de sauvegarder l intégralité de votre site web (pages, images, animation, documents ) en un seul fichier stocké au seins du CMS. Ainsi en cas de problème ou d erreurs de mise à jour il sera très simple à l administrateur de restauré la dernière version sauvegardée. Dans la fenêtre principale du CMS, cliquez sur le bouton «Accéder aux sauvegardes». Vous arrivez alors sur la liste de toutes les sauvegardes déjà réalidées. Pour créer une nouvelle sauvegarde il vous suffit de cliquer sur le bouton «Nouveau» puis sur «ok». 1 44

45 Modules de sauvegarde / Gérer les sauvegardes / Module de sauvegarde / Une fois la ou les sauvegardes crées, vous pourrez gérer celles-ci : En faisant un «clic droit» sur une sauvegarde vous aurez la possibilité soit de la restaurer en cliquant sur «Restaurer» soit de la supprimer en cliquant sur «supprimer» dans le menu contextuel qui apparaît alors. En cliquant sur le nom de la sauvegarde vous avez la possibilité de télécharger celle-ci sur votre ordinateur afin de pouvoir archiver celle-ci sur votre ordinateur ou encore su un cd par exemple. 45

46 Gérer les utilisateurs / Les groupes d utilisateurs 1/ Gérer les groupes d utilisateurs 1/ Avant de créer vos groupes et leurs comptes d'utilisateurs liés, réfléchissez au rôle de chaque contributeur, à ses droits et à quel(s) dossier(s) il peut avoir accès. Exemple pour un contributeur ayant un rôle de rédacteur : La première règle à prendre en compte est qu'un utilisateur ne peut être placé dans un groupe ayant des droits supérieurs car il hérite des droits du groupe dans lequel il est placé, nous allons créer un groupe de rédacteurs ou nous allons placer notre contributeur avec des droits de rédacteur : 1. Allez dans le dossier «Admin» «Utilisateurs».. Effectuez un click droit dans la liste des utilisateurs. 3. Choisissez «Nouveau» puis «Groupe»

47 Gérer les utilisateurs / Les groupes d utilisateurs Gérer les groupes d utilisateurs / 1. Dans l onglet «Général» choisissez un nom pour le groupe.. Puis un répertoire de connexion par défaut. Pour notre exemple, nous l appellerons «Rédacteurs». 3. Dans l onglet «Droits» choisissez les droits d édition de ce groupe pour chacun des dossiers et sousdossiers du site. Pour notre exemple, les utilisateurs auront des droits d édition sur les dossiers «pages» et «médias» 4. Cliquez «OK». Le nouveau groupe «Rédacteurs» est crée. / 1 Détail des droits utilisateurs sur les dossiers : none : aucun droit view : vue des dossiers et des composants edit : droit d édition valid :droit de validation pub : droit de publication admin : tous les droits Note : un utilisateur hérite des droits inférieurs à son statut, par exemple, un validateur peut voir et éditer). 3 47

48 Gérer les utilisateurs / Les utilisateurs individuels Gérer les utilisateurs individuels Pour poursuivre l exemple, nous allons adjoindre un utilisateur au groupe Rédacteurs : 1. Allez dans le dossier «Admin» «Utilisateurs».. Effectuez un clic droit sur le groupe Rédacteurs précédemment crée dans notre exemple 3. Choisissez «Nouveau» puis «Utilisateur». 4. Renseignez les champs nominatifs et les identifiants de connexion, puis sélectionnez le «Rôle» de l utilisateur dans la liste déroulante, dans notre exemple, son rôle sera forcément celui de rédacteur. 5. Cliquez «OK». Le nouvel utilisateur «Rédacteur1» est crée Détail des rôles : Rédacteur : Peut éditer les composants et les soumettre à validation Validateur : Peut valider les composants et les soumettre à publication Publieur : Peut publier les composants (mise en ligne) Administrateur : A tous les droits, gère le dossier administrateur du Back Office Pour modifier un groupe ou un utilisateur : cliquez simplement sur le groupe ou l utilisateur désiré et répétez la procédure. Vous pouvez déplacer un utilisateur, dans un autre groupe, dans ce cas il faudra modifier ses droits en rapport avec le groupe ou il sera placé. Pour supprimer un utilisateur ou un groupe : Click droit puis supprimer. 48

49 Gérer les abonnés 1/ Gérer les abonnés 1/ Dans la partie abonnés du CMS, vous pouvez gérer les comptes des abonnés aux différents services proposés sur votre site Internet : Newsletter, Extranet, Forum, Marché publics 1. Allez dans le sous dossier «Abonnés» du dossier «Admin». Effectuez un clic droit ou cliquez sur «nouveau» 3. Voir détail de la fenêtre de propriétés abonnés en page suivante 1 Champ de recherche directe des abonnés Liste déroulante pour classer les abonnés : Tous : liste complète des abonnés Extra : abonnés à l extranet news : abonnés à la newsletter forum : droit abonnés au forum tender : abonnés aux marchés publics 49

50 Gérer les abonnés Détail de la fenêtre Gérer des les abonnés propriétés / abonnés 1. Onglet «Général», champs de saisie nominatifs et liste déroulante, voir détails ci-dessous. Onglet «Coordonnées», champs de saisie coordonnées abonnés 3. Onglet «Signature» (spécifique au(x) forum(s)), champs de saisie URL site Internet et signature (lien vers image), validez le profil en cliquant sur OK / Permet de permuter les abonnements 1 Permet de sélectionner le groupe dans le quel sera placé l abonné selon les services en place sur le site (par ex : accès extranet, réception de newsletters ciblées) Permet d inscrire un internaute à la newsletter directement Permet de valider une inscription ou d archiver un utilisateur. 3 50

51 Accessibilité Accessibilité et Statistiques Le CMS Com6 est conçu pour produire un contenu accessible, conforme au plus haut niveau d accessibilité requis dans le référentiel ADAE, cependant le respect de certains principes d accessibilité nécessite l intervention de l utilisateur (le choix de texte alternatif cohérent, la description des liens, la hiérarchisation des raccourcis claviers, ). Les liens suivants vous permettront de recueillir l ensemble des réglementations et conseils de conception pour vous aider à maintenir l accessibilité de votre site au fil de ses mise à jour : Le référentiel ADAE Le groupe de travail Accessiweb Le site «Opquast» et le guide des bonnes pratiques 51

52 Les Modules spécifiques Les Modules spécifiques 5

53 Créer une actualité 1/ Créer une actualité 1/ Placez vous dans le dossier : Accueil / Actualités Créez une nouvelle page de type : «Actualité» La fenêtre des propriété s ouvre : Les champs des onglets «Général» et «Metabalises» doivent être renseignés de manière identique à toute page du site (nom de page, titre, mots clés, etc ). 6 L onglet «Actualité» contient : 1. Un champ «Titre» avec longueur maximale fixée (saisie bloquée quand la longueur max. est atteinte).. un champ «Résumé» avec nombre maximum de caractères restant dynamique. 3. Un champ «Date de mise en ligne». (format xx/xx/xxxx) 4. Un champ «priorité» de valeurs «aucune», «basse», «moyenne» ou «élevée». Lorsque une actualité portant une priorité «basse» à «moyenne» est publiée, elle remplace automatiquement la précédente actualité de même niveau, qui passe en priorité «aucune». 5. Un champ «Date d archivage» à saisie facultative. (date à laquelle l actu est définitivement supprimée du site et archivée dans le CMS). 6. Remplissez ces différents champs, Cliquez «OK», la fenêtre d édition de l actualité complète s ouvre (voir page suivante). Saisissez votre contenu comme pour n importe quelle autre page du site. Enregistrez. 7. Le champ lien (optionnel) vous permet de lier une actualité de la page d accueil vers une autre page du site plutôt que vers une page actualité, avec les mêmes options que pour tous les liens du site. 53

54 Créer une Actualité 6 Créer une actualité / Après avoir cliqué «OK», la fenêtre d édition s ouvre : Editez votre actualité comme n importe quelle page du site. / En page d accueil, les différents champs saisis dans la fenêtre des propriétés apparaissent ainsi : Titre 1 Résumé Lorsqu une page «Actualité» contient une ou plusieurs photo, la première photo de la page apparaît en page d accueil, à gauche du résumé de l actualité. Lorsque le visiteur clique sur le résumé de l actualité, la page complète de l actu apparaît. 1 54

55 Créer une Newsletter 1/ Créer une newsletter 1/ Placez-vous dans le dossier parent (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sous-dossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau», une liste de types de documents apparaît. 3. Sélectionnez «Newsletter». Pour l édition d une Newsletter, se reporter au chapitre 17 : Editer une Page Html 1 - Le texte 55

56 Créer une Newsletter / Propriétés cibles et statistiques Créer une newsletter /3 1. Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», renseignez les champs «Nom», «Libellé», «Langue» (fr par défaut) et «Titre» comme une page HTML classique.. L onglet «Cibles» vous permet de choisir vers quelle(s) cible(s) d internautes vous destinez votre newsletter, vous pouvez sélectionner une ou plusieurs cibles, pour une sélection multiple, maintenez enfoncée la touche Ctrl de votre clavier, pour la gestion des abonnés/cibles voir chapitre : Gérer les abonnés 1 /3 3. L onglet «Statistiques» vous permet de mesurer l impact de votre newsletter, le «Nombre des Fois vu» correspond au nombre d affichage de la Newsletter dans un logiciel de messagerie ou Webmail d un internaute. 3 56

57 Créer une Newsletter 3/3 Créer une newsletter 3/ Vous pouvez tester la newsletter dans votre messagerie électronique, cliquez sur «prévisualiser» pour renseigner votre courriel. Pour envoyer la newsletter à vos abonnés, celle-ci doit être publiée, contrôlez son état, celui-ci doit être «Pub» Pour l édition d une Newsletter, se reporter au chapitre 17 : Editer une Page Html 1 - Le texte 57

58 Plan interactif / Mise à jour 1/ Plan interactif 1/ 1 1. Placez-vous dans le dossier parent (le dossier sélectionné doit apparaître de couleur bleue ou rouge),. Cliquez sur le bouton «Nouveau», une boîte de dialogue apparaît, choisissez le «menu» à mettre à jour, puis renseignez le «nom» de l emplacement. 58

59 Plan interactif / Mise à jour / Plan interactif / 1 1. Cliquez sur le bouton «Editer X et Y», la carte apparaît, déplacez le curseur jusqu à l endroit voulu puis refermez la fenêtre, les coordonnées du lieu sont alors mises à jour.. Vous pouvez compléter les informations sur le lieu en renseignant les champs : «Adresse» «téléphone», «Fax», « » ou «Site Web». 59

60 Agenda 1/ Agenda 1/ Placez-vous dans le dossier parent (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sous-dossier «rubrique» du dossier «Pages».. Pour lier un évènement à une date, cliquez droit sur une case de l agenda et sélectionnez «Nouveau». 3. Sélectionnez l onglet «Evènement», puis renseignez le champ «Titre» de l évènement, «Résumé», «lieu» ou il se tient, la «date» et «l heure» de début, la date de fin et l heure de fin, la «Périodicité» de l événement et enfin sa date de début et de fin de «Parution» dans l agenda. 60

61 Agenda / Agenda / 1. Sélectionnez l onglet «Annexes», vous avez la possibilité de préciser un «lien» pour l évènement, si un lien est crée, le titre de l évènement deviendra cliquable et renverra vers la page ou le document en lien, les liens peuvent être : externes, vers un site extérieur, s ouvre dans une nouvelle fenêtre, vers un fichier PDF, s ouvre dans un Pop up, dans ce cas précisez la taille, ou dans une nouvelle fenêtre), Internes, page dans le site, s ouvre dans la même fenêtre. Utilisez les boutons radios sous le champ «lien» pour spécifier le type du lien.. Avec le champ image, vous pouvez adjoindre une image à l évènement, cliquez sur parcourir pour sélectionner une image dans la base Médias du CMS 3. Précisez ensuite via les champs déroulant, le Genre, le Public et le Thème de l évènement. 4. Pour finir, définissez la «Priorité» de l évènement, selon la priorité, l évènement sera affiché en page d accueil ou non : aucune, pas en page d accueil, basse 3 ème position, moyenne ème, élevée, 1 ère position. Cliquez sur Ok pour enregistrer l évènement 61

62 Marchés publics/propriétés 1/4 Marchés publics 1/ Placez-vous dans le dossier parent (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sous-dossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau», une boîte de dialogue apparaît, renseignez les champs «Nom», «Libellé», «Langue» (fr par défaut) et «Titre» comme une page HTML classique, il n est pas nécessaire de renseigner l onglet Métas balises». 6

63 Marchés publics/propriétés /4 Marchés publics / Dans l onglet Marché public, renseignez les champs «Titre du marché» et «Nature du marché». Sélectionnez dans la liste déroulante le «Type de procédure» correspondant à votre marché. 3. Choisissez votre «Date de publication», la «Date et l heure de limite» pour la réponse, une fois le marché attribué, vous pourrez revenir dans les propriétés du marché pour renseigner le champ «Attribué à». 63

64 Marchés publics/edition 3/4 Marchés publics 3/ Pour relier les pièces constitutives du marché à la page en édition, sélectionnez le lien prédéfini «Dossier de consultations des entreprises». Puis parcourir vers le dossier «documents» pour lier le dossier compressé. Vous trouverez un lien sur la page pour télécharger un logiciel de compression. 64

65 Marchés publics/edition 4/4 Marchés publics 4/ Editez le tableau reprenant les informations relatives au marché, les lignes «Catégorie», «Procédure de passation», «Date limite de dépôt» et Publications» sont pré-remplies par les informations précédemment renseignées dans la boîte de dialogue, les lignes d information du tableau sont présentées par défaut, vous pouvez ajouter ou supprimer des lignes comme pour tableau classique. Pour l édition d un tableau se reporter au chapitre 19 : Editer une Page Html 3 Modifier un tableau 65

66 Créer un nouveau sujet pour votre Blog 1/ Blog 1/ Placez-vous dans le dossier parent (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sous-dossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau», une liste de types de documents apparaît. 3. Sélectionnez «Blog». Pour l édition de votre sujet, se reporter au chapitre 17 : Editer une Page Html 1 - Le texte 66

67 Créer un nouveau sujet pour votre Blog Blog / 1. Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», renseignez les champs «Nom», «Libellé», «Langue» (fr par défaut) et «Titre» comme une page HTML classique. /. L onglet «Commentaires» vous permet de gérer les commentaires écrits par les internautes à votre sujet. Sélectionnez le commentaire voulu, puis cliquez sur le bouton «Détails» pour connaître l auteur du commentaire, son adresse , son adresse IP et la totalité de son commentaire. Ensuite vous pouvez «Publier» ou «Supprimer» le commentaire. 67

68 Créer un nouveau composant Quiz (Qcm) 1/5 Quizz 1/ Placez-vous dans le dossier parent ou vous souhaitez créer votre composant (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sous-dossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau», une liste de types de documents apparaît. 3. Sélectionnez «Quiz». 4. Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», renseignez les champs «Nom», «Libellé», «Langue» (fr par défaut) et «Titre» comme une page HTML classique. 68

69 Créer un nouveau composant Quiz (Qcm) /5 1 Quizz /5 Dans la fenêtre de dialogue «Sélection Modèle», choisissez le modèle de quizz à concevoir. Vous pouvez visualiser directement le résultat de votre choix dans la fenêtre d édition. Quand votre choix est fait, cliquez «OK» 1 69

70 Créer un nouveau composant Quiz (Qcm) 3/5 1 Quizz 3/5 Dans la fenêtre d édition, un double clic dans la zone de question fait apparaître la boîte de dialogue du Quizz. La boîte de dialogue présente coché le type de quizz sélectionné précédemment : Le Quizz Normal : Les réponses peuvent être renseignées à l aide de boutons Radio ou de case à cocher, une réponse juste = pts, une réponse fausse = - pts. A chaque question peut être adjoint un commentaire en cas de réponse juste ou fausse, le score est affiché à la fin du Quiz. Le Quizz pondéré : Les réponses ne peuvent être renseignées qu à l aide de boutons Radio. A chaque réponse peut être attribuer un score (par ex : réponse A : -1pts, réponse B : 0 pts, réponse C : 1 pts). Un commentaire final est affiché selon le résultat obtenu, Positif, Moyen ou Négatif, le score est affiché à la fin du Quiz. 1 70

71 1 Créer un nouveau composant Quiz (Qcm) Dans l onglet «Général» vous devez renseigner vos questions, puis cliquer sur le bouton Quizz 4/5 «Ajouter», vous pouvez également utiliser les flèches bas et haut pour changer la position des questions. 4/5 Après avoir rempli votre liste de question, passez à l onglet «Détails du champs» pour coupler les réponses possibles a vos questions Vous pouvez faire défiler les questions à l aide des flèches à droite et à gauche Renseignez le champs «valeurs» avec la réponse puis cliquer sur le bouton«ajouter», indiquez ensuite le score correspondant à la réponse. Vous pouvez également utiliser les boutons M et D pour changer la position des réponses, les supprimer ou les modifier. 71

72 1 Créer un nouveau composant Quiz (Qcm) Une fois les couples de questions/réponses formés, sélectionnez l onglet «commentaires» et Quizz 5/5 indiquer dans les champs «Score» le commentaire qui sera affiché en fonction du résultat obtenu par l internaute lors du quiz, puis cliquez sur «OK» pour terminer. 5/5 L édition du Quiz s affiche instantanément dans la fenêtre d édition, vous pouvez donc le contrôler à tout moment 1 7