Visite Guidée

Contenu

2. Préparation
    2.1 Deux navigateurs
    2.2 Connexion
    2.3 Gestion de la page d'accueil
    2.4 Se déconnecter

3. Zones, sections, pages, textes et images
    3.1 Ajouter une zone
    3.2 Ajouter une page
        3.2.1 Icones, Pages et Sections
    3.3 Ajouter du texte
    3.4 Ajouter une image
        3.4.1 Choisir le bon répertoire
        3.4.2 Téléverser une image
        3.4.3 Insérer l'image dans la page Web
    3.5 Ajouter une section
    3.6 Mettre un peu d'ordre

4. Droits d'accès
    4.1 Droits d'administration
    4.2 Privilèges de gestion de page

5. Ajouter un utilisateur

6. Groupes

7. Messages d'erreur
    7.1 Page verrouillée

8. Pour conclure

1. Introduction

Les sections et les pages sont regroupées dans des zones. Une zone est elle-même comparable à un site, par exemple le site de l’école, le site d’un groupe d’élèves ou leur intranet, l’intranet des professeurs… Une zone peut contenir des sections, des sous-sections, des sous-sous-sections, etc. Ainsi le site des CM 2 contient une section pour chacun des élèves. La section de l’élève Herbert contient des sous-sections comme Poèmes et Documents. Dans la section Poèmes on trouve des poèmes, un par page. Nous utiliserons certains de ces exemples durant cette visite guidée.

1.1 Avant de commencer

Si vous ne disposez pas d’une installation de Website@School pour suivre la visite guidée, vous pouvez utiliser le site de test à http://wyxs.net/was_daily. Ce site est renouvelé toutes les nuits à 4h00 UTC. Nous supposons aussi que vous avez un nom d’utilisateur valide avec un mot de passe et les droits d’accès à la partie concernant la gestion du site de Website@School. Soit parce que vous avez installé Website@School et que vous avez donc les droits d’accès complets, soit que le nom d’utilisateur et le mot de passe vous ont été donnés par l’administrateur du site qui vous a également donné les permissions correspondant à votre rôle de gestionnaire.

Dans cette visite guidée, Mlle Wilhelmina Bladergroen a installé Website@School, et donc elle en a les droits d’accès complets.

1.2 Objectifs d’apprentissage

• créer une zone avec des sections et des pages 
• créer un texte avec un éditeur de texte 
• téléverser une image et la placer dans le texte 
• créer un compte utilisateur et lui donner les droits utilisateur.

1.3 Fonctionnalités générales

1.3.1 Utilisateurs aveugles et malvoyants

En mode ergonomique, les textes sont barrés lorsque les éléments sont inaccessibles.

Certaines particularités générales de Website@School ne sont pas si faciles à deviner:

• Grisé :
  
  guidedtour_was_home-top.png

  En grisé: zone publique et déconnexion. L'utilisateur doit tout d'abord enregistrer ou annuler une action avant que ces items lui redeviennent accessibles. C'est une fonction de sécurité. En mode ergonomique, les textes sont barrés lorsque les éléments sont inaccessibles.

• Texte de survol souris : Presque tous les éléments ont un texte apparaissant au survol de l’élément par la souris (image, icone, bouton, lien ou champ de données). Survoler ces éléments avec le pointeur fait apparaître une brève description, une explication ou un raccourci clavier. Cette fonctionnalité est destinée aux utilisateurs novices dans l’usage d’un système de gestion de contenu.
• Raccourcis clavier : l'usage de la souris n’est pas indispensable pour utiliser Website@School. Les éléments sont accessibles via des raccourcis clavier qui sont précisés au survol de l’élément par la souris. L’aide de votre navigateur vous indiquera quelles touches presser simultanément aux touches de raccourci.
• Barre jaune de statut : La barre jaune indiquera des messages relatifs au statut des éléments, par exemple:

  Répertoire de données (ne peut pas être modifié par la suite) : nom de fichier incorrect : ’cm 2’

  Une demande de confirmation ou un message d’erreur est affiché dans cette barre jaune. Si nécessaire, ces messages peuvent être copiés puis collés dans un courriel ou sur un forum d’entraide.

• Fenêtres surgissantes ("pop-up"): Parfois une fenêtre surgissante est affichée en même temps que la barre jaune de statut. Elle est là pour attirer votre attention et vous devez la fermer avant de continuer. Lisez-la, puis cliquez ensuite sur le bouton [OK]. Les messages sont également affichés dans la barre jaune afin de pouvoir les copier-coller.

1.4 Convention dans la documentation

• [Entrée] ou, par exemple [Alt-N]: Indique que vous pouvez utiliser le clavier.
• index.php: Indique un nom de fichier.
• Nom: Le caractère gras et souligné du titre identifie un raccourci clavier qui peut être utilisé pour accéder à l’item ou le modifier. L’aide de votre navigateur vous indiquera quelle touche presser simultanément au caractère en gras souligné, généralement la touche [Alt].
• [D] ou par exemple [P]: En mode Haute Visibilité, pour les aveugles et les déficients visuels, la première indique la corbeille (Détruire). La seconde indique l’icone de Prévisualisation de la Page .
• Marque de Zone privée [  ]: Le [  ] dans un texte indique une case à cocher.
• Ajouter une page ou, par exemple Zone: Le texte en bleu fait référence au même texte d’une copie d’écran.
• Ajouter une zone, ou par exemple Gestion Pages: Le texte en gras fait référence à un item qui apparaît dans une copie d’écran.

(haut de page)

2. Préparations

2.1 Deux navigateurs

Dans une école, vous pouvez même utiliser deux postes distincts, l’un avec le gestionnaire de Website@School ouvert dans un navigateur et l’autre avec le site. Sur ce dernier, selon votre navigateur, il vous suffira d’appuyer sur la touche [F5] du clavier pour rafraîchir l’affichage du contenu lorsque vous l'avez modifié.

Ouvrez un navigateur (Mozilla Firefox, Opera, Safari, etc.). Allez à l’adresse de votre site d’école. Par exemple http://exemplum.eu/index.php. C’est une adresse fictive, remplacez-la par l’adresse réelle du site de votre école. Ne remplacez que l’adresse de l’école, conservez index.php.
Vous verrez le site de l’école avec des données de démonstration:

guidedtour_site_in_browser.png

Maintenant ouvrez une nouvelle fenêtre de navigateur ou utilisez un autre poste, ou un piste avec deux navigateurs différents. Allez à: http://exemplum.eu/admin.php. C’est une adresse fictive, remplacez-la par l’adresse réelle du site de votre école. Ne remplacez que l’adresse de l’école, conservez admin.php. Vous verrez la boîte de dialogue qui permet d’accéder aux outils de gestion de Website@School:

guidedtour_login_in_browser.png

Vous voilà prêt(e) à vous connecter.

2.2 Connexion

guidedtour_login_wblader.png

Explications:

• Nom d’utilisateur: Saisissez le nom d’utilisateur que vous avez utilisé durant l’installation de Website@School ou celui qui vous a été donné par l’administrateur. Appuyez sur la touche [Tab] de votre clavier pour passer au champ suivant. Utiliser la souris est aussi possible, mais cela prend plus de temps.
• Mot de passe: Saisissez le mot de passe que vous avez utilisé lors de l'installation de Website@School, ou celui qui vous a été donné par votre adminstrateur. Le mot de passe n'est pas visible lors de sa saisie, seuls des astérisques sont montrés. C'est une fonction de sécurité.
• [OK]: Appuyez sur la touche [Entrée] de votre clavier ou, à la souris, cliquez sur le bouton [OK] pour vous connecter à Website@School.
• Accueil : un lien cliquable vers le site.
• Mot de passe oublié ?: Une description détaillée pour renouveler son mot de passe est disponible dans le chapitre Se connecter, se déconnecter.

2.3 Gestion de la page d’accueil

guidedtour_was_home_after_login.png

NOTE:
Il n’est pas facile de trouver les fonctions de cette page. Voyez le paragraphe 1.3 Fonctionnalités générales pour sa description.

Explication:
C’est la page d’accueil ou de démarrage de la gestion de Website@School. D’ici, toutes les fonctions sont accessibles.

• Bandeau supérieur : On y voit l’icone Website@School, le nom du site d’école, le nom de l’utilisateur connecté, un lien pointant vers le site d’école et un lien permettant de vérifier que votre version de Website@School est à jour. Ce n’est pas une mauvaise idée de le vérifier de temps en temps.
• Le bandeau inférieur d’icones : Cliquer sur ces icones donne accès aux principales fonctions de Website@School. Les icones sont : Accueil, Gestion Page, Gestion Fichiers, Gestion Modules, Gestion Comptes, Gestion Configuration, Statistiques, Outils et Aide. Chaque item (sauf Aide, voir ci-dessous) est présenté dans son propre chapitre, voir la Table des matières pour une vue d’ensemble.
• ? Aide : Une fonctionnalité appréciée de Website@School est son aide contextuelle. Cela signifie que si vous vous trouvez par exemple dans la Zone du Gestionnaire de Configuration, cliquer sur le point d’interrogation vous conduira à la partie correspondante du Manuel.

  NOTE:
  Pour ouvrir l’aide en plein écran avec une barre d’ascenseur, cliquez-droit sur l’icone et choisissez «Ouvrir le lien dans une nouvelle fenêtre».

• Message dans la barre de statut: Bravo! La connexion est réussie! Les messages d’erreur sont aussi affichés ici.
• Volet Menu: la zone grise vide sur le côté gauche de l’écran est utilisée pour afficher des items de menus sélectionnables. Cette zone n’apparaît pas dans la page d’Accueil.
• Volet Zone de travail: L’écran d’accueil est visible. Cette zone est utilisée comme espace de travail. Elle contient quelques liens cliquables:
  • Livre: Accès à l’index de la documentation. Vous pouvez accéder à tous les chapitres
  • I: Vérifie la disponibilité d’une nouvelle version. À utiliser régulièrement.
  • Courriel: Merci de nous faire parvenir votre adresse courriel.
• Barre inférieure: Le logo de Website@School est un lien cliquable qui conduit aux informations légales et contient des liens et des informations sur la manière d’obtenir le code-source ou les sources modifiées de Website@School.
  Vous trouverez en outre le lien pour vous déconnecter.

2.4 Se déconnecter

Après avoir cliqué sur le lien dans le coin supérieur droit de l’écran déconnexion Wilhelmina Bladergroen, vous êtes déconnecté(e):

guidedtour_login_logged_out.png

Vous êtes bien déconnecté(e). C’était le circuit le plus court. :-)

Pour vous reconnecter, cliquez sur [OK] dans la fenêtre surgissante afin de la fermer et reconnectez-vous.

(haut de page)

3. Zones, sections, pages, textes et images

3.1 Ajouter une zone

guidedtour_was_home.png

Cliquer sur l’icone du gestionnaire de Configuration pour ouvrir la boîte de dialogue Gestionnaire de Configuration:

guidedtour_configurationmanager_overview.png

Dans le Menu, cliquez sur Zones pour ouvrir la boîte de dialogue Zones:

guidedtour_configurationmanager_areas_overview.png

Dans Zones, cliquer sur Ajouter une zone pour ouvrir la boîte de dialogue Ajouter une zone:

guidedtour_configurationmanager_add_area.png

Explication:

• Nom: Saisir le nom de la zone, qui apparaîtra en tant que nom de cette partie du site. Exemple: Les élèves de CM2
• Zone Privée: La zone créée n’est pas une zone privée. Une zone privée n’est accessible qu’après la saisie préalable d’un nom d’utilisateur et d’un mot de passe. Les pages des CM2 doivent être publiquement accessibles, donc ne choisissez pas cet item.

  NOTE:
  Après avoir opté pour le statut public ou privé de votre zone et avoir enregistré ce choix, il est permanent. Vous ne pourrez pas transformer une zone privée en zone publique ou inversement, c’est un choix de sécurité. Mais vous pouvez bien sûr effacer les zones.

• Répertoire de Données: Saisissez le nom du répertoire de données de cette zone. Mieux vaut choisir un nom court et descriptif. N’utilisez pas d’espace. Par exemple: cm2.

  NOTE:
  Si le nom n’est pas acceptable cela provoquera un message d’erreur. Website@School essaie de proposer un nom de répertoire qui convienne. Si cela vous arrive, acceptez la suggestion de nom et cliquez sur [Enregistrer].

• Thème: Choisissez un thème pour la zone ou laissez tel quel. Vous pourrez le modifier plus tard.
• Enregistrer: Pour enregistrer votre travail. Après avoir sauvegardé, la zone nouvellement créée apparaîtra dans la liste des zones.
• Annuler: Pour annuler votre action et revenir à la boîte de dialogue Zones.

guidedtour_configurationmanager_area_added.png

Vous êtes revenu(e) à la boîte de dialogue Zones. La Zone des élèves de CM2 est créée. Notez le message de statut.

Dans le paragraphe suivant nous allons créer la page d’accueil de cette zone.

3.2 Ajouter une page

guidedtour_was_home.png

Cliquez sur l’icone Gestion de Page pour ouvrir la boîte de dialogue Gestion de Page. Cela ouvre les données de démonstration de École primaire Exemple:

guidedtour_pagemanager_overview.png

Le Menu montre la liste des zones. École primaire Exemple est sélectionné et donc visible dans l’espace de travail.

Dans le Menu, cliquer sur Les élèves de CM2 pour ouvrir leur zone:

guidedtour_pagemanager_area_no_nodes.png

Notez qu’aucun nœud (page ou section) n’a été ajouté à cette zone. Ajoutons-en un maintenant. Dans Les elèves de CM2, cliquer sur Ajouter une page pour ouvrir cette boîte de dialogue:

guidedtour_pagemanager_add_page.png

Explication:

• Nom: Saisir le nom de cette page, par exemple: Bienvenue
• Description de la page ou de la section: indiquez une brève description de la page. Cette description sera visible au survol par la souris dans le Gestionnaire de Pages et sur le site. Par exemple: Page d'accueil des élèves de CM2.
• Section Parent: N’utilisez pas cette option pour l’instant.
• Module: Dans le menu déroulant, choisir texte brut - page HTML (Plain HTML page).
• Visibilité initiale: Choisir visible car nous ne voulons pas ici une page invisible ou sous embargo. Pour plus de détails voir le chapitre Gestion de Page.
• Enregistrer: Pour sauvegarder ce que vous avez fait.
• Annuler: Pour annuler la dernière action et revenir à la zone.

guidedtour_pagemanager_page_added.png

La page Bienvenue est ajoutée. Il est temps d’expliquer les icones, visibles à gauche de la page Bienvenue.

3.2.1 Icones Page et section

guidedtour_pagemanager_page_properties.png

1. Accueil/Accueil grisé: Une icone Accueil visible indique la page sur laquelle s’ouvre par défaut la zone, la section ou la page, c’est-à-dire ce que le visiteur verra en premier. Une icone grisée indique que ces zones, sections ou pages ne seront pas celles visibles au démarrage.
2. Corbeille: Pour effacer les zones, pages et sections.
3. Crayon: Pour éditer les propriétés de base d’une zone, page ou section.
4. Visible/Invisible: Les icones ont deux fonctions:
   - 1. Elles indiquent si une page ou une section est visible, invisible ou cachée.
   - 2. Cliquer sur une icone ouvre les options avancées d’édition.
5. Icone de Prévisualisation de Page / Répertoire: les icones ont deux fonctions:
   - 1. Cliquer sur l’icone de prévisualisation de la page permet de voir le contenu de la page dans une nouvelle fenêtre.
   - 2. Cliquer sur l’icone répertoire ouvre son arborescence et montre les pages ou répertoires qu’il contient.
6. Nom de Page / Section: le nom de page donne accès à la page. Le nom de section, comme l’icone Crayon, donne accès aux propriétés de base de la section.

• Icone Crayon: Conduit directement à l’édition des propriétés de base de la page/section.
• Icone Visible/Invisible: Conduit directement à l’édition des propriétés avancées de la page/section.
• Nom de Page/Section: Le nom conduit directement soit à l’édition du contenu de la page soit à l’édition des propriétés de base de la section.

guidedtour_pagemanager_home_added.png

NOTE:
Il n’est pas forcément nécessaire de vérifier l’icone de la page d’accueil, quelque chose sera de toute façon affiché, même une page vide. Mais la vérification est une bonne habitude.

Quoique la page soit visible, il n’y a aucun contenu. Dans le paragraphe suivant nous allons ajouter un texte et une image.

3.3 Ajouter un texte

guidedtour_pagemanager_FCK_open.png

C’est un éditeur de texte "Wysiwig" (What You See Is What You Get - ce que vous voyez est semblable à ce que vous obtiendrez), qui est détaillé dans le chapitre Éditeurs. Vous y trouverez également une liste des raccourcis clavier. Il y a cependant une fonctionnalité à souligner car elle est très utile: Maximiser la taille de l’éditeur en plein écran.

Cliquez sur l’icone écran à droite dans le rang inférieur d’icones. L’éditeur maximise sa taille. Maintenant vous avez toute la place voulue pour créer votre texte. Saisissez maintenant un peu de texte, par exemple:

Bonjour! Ceci est la page d’accueil des CM2. Nous espérons que nos pages vous plairont.

guidedtour_pagemanager_FCK_maximised.png

Enregistrez le texte dans l’éditeur avec l’icone Enregistrer , ou utilisez [Ctrl+Maj+S]. Faites cela souvent! Cela réduit le risque de perte de texte suite à une coupure de courant ou la perte de la connexion au serveur Web. Après avoir enregistré, vous revenez à la boîte de dialogue de la gestion de la zone de la page Les élèves de CM2:

guidedtour_pagemanager_page_edited.png

Vous êtes revenu(e) dans la Gestion de Pages de la zone Les élèves de CM2. Vérifiez ce que vous avez obtenu en cliquant sur l’icone Prévisualisation de Page . Une nouvelle fenêtre s’ouvre, montrant la page telle qu’elle s’affichera dans le site:

guidedtour_pagemanager_grade_8_preview_text.png

Agrandir la fenêtre si nécessaire. Puis fermer la fenêtre pour revenir à la boîte de dialogue Gestion Page de la zone Les élèves de CM2. Dans le prochain paragraphe, nous allons ajouter une image des élèves à la page d’accueil.

3.4 Ajouter une image

3.4.1 Choisir le bon répertoire

guidedtour_pagemanager_home_added.png

Dans l’espace de travail Les élèves de CM2, cliquer sur le lien vers la page Bienvenue. L’éditeur de page FCK s’ouvre. Maximisez la fenêtre:

guidedtour_pagemanager_FCK_add_image.png

Procédez comme suit:

• Positionnez le curseur entre les deux dernières lignes.
• Cliquez sur l’icone Éditer/insérer l'image.

La boîte de dialogue Propriétés de l'Image s’ouvre:

guidedtour_pagemanager_FCK_image_properties.png

Dans la boîte de dialogue Propriétés de l'Image, cliquer sur [Parcourir le serveur] pour ouvrir Mes Fichiers:

guidedtour_FCK_image_properties_My_Files.png

Il n’y a aucun fichier, ni dans l’espace personnel de stockage de fichiers (appelé « Mes Fichiers ») ni dans l’espace de stockage associé à la zone "Les élèves de CM2". Donc il faut d’abord téléverser une image sur le serveur avant de pouvoir l’utiliser dans notre page.

3.4.2 Téléverser une image

• Suivez le lien "Monter d’un niveau". Vous êtes maintenant dans le répertoire "Tous les Fichiers". De là vous pouvez descendre dans les dossiers de zones.
• Suivez le lien "Zones". Vous vous trouvez maintenant dans le répertoire "Zones". Vous pouvez accéder au dossier de stockage des fichiers pour la zone.
• Suivez le lien "Les élèves de CM2".

Vous voici maintenant dans le bon dossier.

Une autre façon de faire est d’utiliser le fil d’Ariane, placé en haut, qui permet de se déplacer rapidement jusqu’au dossier de niveau supérieur "Tous les Fichiers" en cliquant sur le lien "tous les fichiers".

guidedtour_FCK_files_grade_8.png

Cliquer sur Ajouter (téléverser) des fichiers pour ouvrir la boîte de dialogue Ajouter (téléverser) des fichiers:

guidedtour_FCK_add_upload_files.png

Vous pouvez téléverser des fichiers depuis l’ordinateur sur lequel vous travaillez vers le serveur de l’école. Dans l’illustration seuls quatre fichiers peuvent être téléversés simultanément. Le nombre de fichiers téléversables peut être réglé, voir Gestion de Configuration.

Cliquer sur le bouton [Parcourir] de Nom de fichier (1) afin d’ouvrir une boîte de dialogue sur votre propre ordinateur puis parcourir les chemins et noms de fichiers jusqu’au fichier que vous voulez téléverser:

guidedtour_FCK_add_upload_files_browse.png

Choisir le fichier et cliquer sur [Ouvrir]:

guidedtour_FCK_upload_files_ready.png

Le chemin et le nom du fichier de votre ordinateur sont visibles dans le champ Nom de Fichier(1). Cliquer sur [Enregistrer] pour téléverser le fichier sur le serveur de l’école, après quoi vous pouvez retourner à l’espace de stockage des fichiers de la zone Les élèves de CM2:

guidedtour_FCK_files_file_uploaded.png

L’image est maintenant sur le serveur. Notez les messages de la barre jaune de statut. Le fichier est vérifié pour les virus et une vignette est automatiquement créée.

3.4.3 Insérer l’image dans la page Web

guidedtour_FCK_image_properties_with_image.png

Dans la boîte de dialogue Propriétés de l'Image, cliquez [OK] pour mettre l’image dans le texte:

guidedtour_FCK_image_addede.png

Vous constatez que l’image de CM2 est trop grande pour le texte. Ajustez la taille de l’image en cliquant sur un coin et redimensionnez-la en maintenant pressé le bouton gauche de la souris jusqu’à obtenir la taille désirée:

guidedtour_FCK_image_resized.png

Bravo! Cliquer sur [Enregistrer] pour enregistrer votre travail et retournez à Gestion de Pages.

guidedtour_pagemanager_page_edited.png

Vous êtes revenu(e) à la Gestion de Pages dans la zone Les élèves de CM2. Si vous voulez, vous pouvez vérifier votre travail en cliquant sur l’icone Prévisualisation Page, un truc que vous connaissez déjà. C’est plus amusant d’aller sur le site de l’école:

guidedtour_frugal_site.png

Utilisez le menu déroulant Choisir une zone et sélectionnez la zone Les élèves de CM2. Préparez-vous ensuite à un petit choc psychologique puis cliquez sur le bouton [Allons-y!]:

guidedtour_pagemanager_grade_8_preview_text+img.png

Crédit photo Lamco School Buchanan

Surprise! Non seulement vous êtes sur le site des élèves de CM2, mais, juste pour le temps de la visite, nous avons remplacé le logo par les élèves de CM2. C’est une opération simple. Voyez le chapitre Gestion de Configuration, paragraphe 3.4 Configurer le thème "Nom de Thème" pour la zone nn sur la façon simple de mettre ici une autre image, ou de ne pas avoir d’image du tout, ou l’une des nombreuses autres possibilités offertes par les thèmes dans Website@School.

3.5 Ajouter une section

guidedtour_was_home.png

Cliquez sur l’icone Gestion de Page. Si nécessaire, cliquez aussi dans le Menu sur Les élèves de CM2 pour ouvrir la zone Les élèves de CM2.

guidedtour_pagemanager_area_grade_8_open.png

Dans l’espace de travail Les élèves de CM2, cliquez sur Ajouter une section pour ouvrir la boîte de dialogue Ajouter une section:

guidedtour_pagemanager_add_section.png

Explication:

• Nom: Saisissez le nom, ici par exemple: Herbert Spencer.
• Description de la page/section: Saisissez une courte description. Celle-ci sera utilisée comme texte affiché au survol de la souris dans le Gestionnaire de Page et sur le site. Par exemple: La section d'Herbert.
• Section Parent: N’utilisez pas cette option pour le moment.
• Visibilité Initiale: Choisissez visible, car pour cette visite guidée nous ne voulons pas d’une page invisible ou sous embargo. Pour des détails voir le chapitre Gestion de Page.
• Enregistrer: Pour enregistrer votre travail et retourner à la Gestion de Page pour le CM2.
• Annuler: Pour annuler votre action et revenir à la page précédente.

guidedtour_pagemanager_section_added.png

Exercice : Voilà le bon moment pour pratiquer en créant de nouvelles sections et de nouvelles pages. Réalisez ce qui suit:

- Ajoutez une nouvelle section appelée "Catherine Hayes"
- Allez à la section "Herbert Spencer" et ajoutez une sous-section appelée "Poèmes"
-Créez dans cette sous-section "Poèmes" une page appelée "Cat"

Assurez-vous que les sections et les pages que vous ajoutez sont bien visibles.

Vous pouvez maintenant afficher une vue d’ensemble de toute la zone en réglant l’arborescence de vue à "maximal". Le résultat pourrait ressembler à ceci:

guidedtour_pagemanager_create_order_overview.png

Ou bien ça peut avoir un autre aspect. Ce n’est pas important pour cet exercice, c’est juste pour vous amener au paragraphe suivant.

3.6 Mettre un peu d’ordre

guidedtour_pagemanager_create_order_overview.png

Comme vous pouvez le constater, les nouveaux items ont été ajoutés en haut de la zone. C’est parce que nous n’avons pas créé les nouvelles sections et la page à l’intérieur de la section d’Herbert. Nous avons donc créé du désordre.
Mettons maintenant de l’ordre. Nous voulons que la page Bienvenue se trouve en haut de l’arborescence et que les sections des élèves soient rangées dans l’ordre alphabétique. Poursuivez jusqu’à ce que le résultat corresponde à ce dont vous avez besoin.

Cliquez sur l’icone Crayon de la section de Catherine. La boîte de dialogue Éditer les propriétés de base de la section nn s’ouvre:

guidedtour_pagemanager_area_create_order_basic_prop.png

Utilisez le menu déroulant Ordre pour déplacer les sections de Catherine et de Herbert. Utilisez le menu déroulant Section Parent pour déplacer la section Poèmesdans la section d’Herbert. Enfin, toujours avec le menu déroulant Section Parent on déplace le poème Cat dans Poèmes.

Le résultat final devrait avoir cet aspect:

guidedtour_pagemanager_area_create_order_ready.png

Essayez de déployer l’arborescence au maximum:

guidedtour_pagemanager_area_expanded_tree.png

Nous avons utilisé le réglage d’affichage minimal et cliqué dessus. La vue sous forme d’arborescence a quelques fonctions qui sont expliquées dans le chapitre Gestion de Page. Dans le prochain paragraphe, nous allons donner à Herbert les droits d’accès à sa section ainsi qu’à ses pages.

(haut de page)

4. Droits d’accès

Dans cette visite guidée nous allons donner à Herbert les droits d’accès à ses sections et à ses pages. Nous allons le faire via les droits d’administration et les droits du gestionnaire de pages.

Cliquez sur l’icone Gestion Compte pour ouvrir le Gestionnaire de Compte:

guidedtour_accountmanager_overview.png

Dans le Menu, choisir Utilisateurs pour ouvrir la liste des utilisateurs:

guidedtour_accountmanager_users.png

Pour régler les permissions du compte d’Herbert Spencer, cliquez sur l’icone Crayon proche de son nom afin d’ouvrir la boîte de dialogue Éditer utilisateur nom (Nom Complet):

guidedtour_accountmanager_user_basic.png

4.1 Droits d’administration

guidedtour_accountmanager_user_admin-top.png
guidedtour_accountmanager_user_admin-bottom.png

On peut régler ici les droits des différents gestionnaires. Le réglage standard, de base, est pour des raisons de sécurité de ne donner aucun droit à l’utilisateur.
Nous voulons seulement qu’Herbert puisse éditer ses pages et téléverser des images dans sa propre section. Attention à ne pas faire d’erreur ici et bien cocher seulement les cases:
- Administrateur de base
- Gestionnaire de pages
- Gestionnaire de Fichiers

NOTE:
Les droits d’administrateur de base sont toujours nécessaires lorsqu’un utilisateur doit avoir un ou plusieurs privilèges mais pas "Toutes les permissions".
Vérifiez qu’il n’y ait pas d’erreur puis cliquez sur [Enregistrer]. Vous voilà de nouveau dans la boîte de dialogue Éditer Utilisateur nom utilisateur (Nom complet). Dans le Menu, la Gestionnaire de Page est ajoutée et accessible.

4.2 Privilèges de gestion de page

guidedtour_accountmanager_user_admin_perms_added.png

Cliquer sur Gestion Page pour ouvrir la boîte de dialogue Gestion Page permissions: utilisateur (Nom complet):

guidedtour_accountmanager_page_man_perms.png

L’utilisateur standard n’a pas de droits, pour des raisons de sécurité. Nous voulons seulement donner à Herbert des droits limités dans la zone Les élèves de CM2. Pour déplier la zone Les élèves de CM2, cliquez sur l’icone de son dossier:

guidedtour_accountmanager_user_page_manager_permissions.png

Repérez la section d’Herbert et cliquez sur le menu déroulant. Différents Rôles apparaissent. Un "rôle" correspond à un ensemble de droits. Rôles et privilèges:

• --: Rien, néant: À ce rôle ne correspond aucune permission.
• Maîtrise du Contenu: Seul le contenu de la page peut être modifié.
• Maîtrise des Page: Les propriétés de la page ainsi que son contenu peuvent être modifiés.
• Maîtrise des Section: Les propriétés de la section peuvent être modifiées, des sous-sections et des pages peuvent être ajoutées.
• Maîtrise des Zones: Les propriétés de la zone peuvent être modifiées, des sections et des pages peuvent être ajoutées.
• Maîtrise du Site: Les propriétés du site peuvent être modifiées, des zones, sections et pages peuvent être ajoutées.
• Gourou: Tout: Ce rôle donne tous les privilèges possibles

NOTE:
Prenez garde de NE PAS donner à Herbert les privilèges de Gourou sur toutes zones existantes et à venir!

Puis cliquez sur [Enregistrer] pour sauvegarder les privilèges d’Herbert et revenir à ses propriétés de base. Il a le feu vert.

Si Herbert se connecte avec son nom d’utilisateur et son mot de passe puis se rend sur la Gestion de Page, il verra:

guidedtour_pagemanager_herberts_view.png

Remarquez que Herbert n’a pas d’accès (grisé) à certaines fonctions, aux autres zones et à la section de Catherine, et qu’il ne peut pas voir l’Intranet.

Les droits d’accès sont détaillés dans le chapitre Gestion Configuration

(haut de page)

5. Ajouter un utilisateur

Cliquez sur l’icone Gestion de Comptes pour ouvrir le Gestionnaire de Comptes:

guidedtour_accountmanager_overview.png

Dans le Menu, cliquez sur Utilisateurs pour ouvrir la liste de tous les utilisateurs:

guidedtour_accountmanager_users_all.png

Là, cliquez sur Ajouter un utilisateur pour ouvrir la boîte de dialogue.

guidedtour_accountmanager_add_user.png

• Nom: Saisissez l’identifiant du nouvel utilisateur. Par exemple: odecrol.

  NOTE:
  Un identifiant peut comprendre au maximum 16 caractères: minuscules (a-z), chiffres (0-9), souligné (_) et doit commencer par une lettre.

• Mot de Passe: Attention à ne pas négliger ce paragraphe. Website@School n’accepte pas des mots de passe trop simples comme helene ou marie2. Ces mots de passe sont faciles à deviner et les utiliser met en péril votre système et les données qu’il héberge. Un mot de passe doit, afin de le rendre difficile à deviner et pour être accepté dans Website@School:
  • avoir une longueur de six caractères au minimum
  • comprendre au moins une lettre majuscule (A-Z)
  • comprendre au moins une lettre minuscule (a-z)
  • comprendre au moins un chiffre (0-9)
  • comprendre de préférence un ou plusieurs caractères spéciaux comme arobase ’@’, dièse ’#’, dollar ’$’, pourcentage ’%’, accent circonflexe ’^’, esperluette ’&’, astérisque ’*’, parenthèse ouvrante ’(’, parenthèse fermante ’)’, tiret ’-’, souligné ’_’, plus ’+’, égal ’=’, accolade ouvrante ’{’, accolade fermante ’}’, crochet ouvrant ’[’, crochet fermant ’]’, point-virgule ’;’, barre oblique ’/’, point ’.’ et point d’interrogation ’?’.

  Un bon mot de passe, pour donner un exemple, pourrait être Mvra3rs!. Ce mot de passe est facile à mémoriser si on sait qu’il vient de la phrase: "Mon vélo rouge a 3 roues!". Cependant, et c’est ce qui en fait un bon mot de passe, il est très difficile à trouver si vous ne connaissez pas la phrase clé. Cette phrase est un moyen facile pour permettre aux enfant de créer des mots de passe solides et de s’en souvenir facilement.

  NOTE:
  Si votre mot de passe ne répond pas aux préconisations, vous obtenez un message d’avertissement dans une fenêtre surgissante. Après l’avoir lu, cliquez sur [OK] et réessayez.

• Confirmez le mot de passe: Retapez le mot de passe.
• Nom complet: Le nom complet du titulaire de ce compte, par exemple Ovide Decroly.
• Courriel: Entrez l’adresse courriel de cet utilisateur. Cette adresse sera utilisée pour envoyer à l’utilisateur un nouveau mot de passe en cas d’oubli, par exemple o.decroly@exemplum.eu.
• Utilisateur actif [ ] Marquer cet utilisateur comme actif: Si cette case n’est pas cochée, l’utilisateur ne peut pas utiliser son compte.
• Enregistrer: Pour enregistrer vos actions et retourner à la liste des utilisateurs. L’utilisateur est ajouté. -Annuler : Pour annuler votre dernière action et retourner à la liste des utilisateurs.

Après avoir choisi [Enregistrer], l’utilisateur est ajouté:

guidedtour_accountmanager_user_added.png

Cela peut être un bon exercice de créer une section et des pages puis de donner à Ovide tous les privilèges dont elle a besoin. Ovide est un professeur.

(haut de page)

6. Groupes

Supposons par exemple que l’utilisatrice Helen Parkhurst (la professeure des Juniors) n’ait aucun privilège. En associant son compte "hparkh" avec le groupe "Équipe" et la fonction "Membre", elle hérite de tous les privilèges associés à la combinaison Équipe/Membre. Cela signifie qu’elle peut lire l’Intranet (zone privée) de l’équipe, cependant qu’un autre membre avec la combinaison Équipe/Principal (c’est-à-dire Amelia Cackle) aura les privilèges pour écrire, ajouter et effacer des pages ou des sections pour l’Intranet Équipe.

Si Helen est par la suite associée au groupe "Juniors" dans sa fonction "Professeur", elle jouit alors de tous les privilèges associés à sa fonction de "Professeur" dans le groupe "Juniors". Ses élèves peuvent également être associés au groupe "Juniors" mais avec la fonction "Élève". Les privilèges associés à la fonction "Élève" pourraient être limités à lire les pages dans une zone protégée, tandis que la fonction "Professeur" autoriserait à ajouter ou modifier les pages de cette zone protégée.
Pour poursuivre l’exemple: Lorsque Helen deviendra professeure pour les seniors, il sera très facile de supprimer son accès à la zone des Juniors puis de la rendre membre de la zone des Seniors.

Ce sujet un peu long pour une visite guidée est abordé en détails dans le chapitre Gestion Comptes, paragraphe 5. Groupes.

(haut de page)

7. Messages d’erreur

7.1 Page verrouillée

guidedtour_locked_page.png

Hum, peut-être Célestin essaie-t-il de jeter un coup d’œil furtif sur le poème qu’Herbert est en train d’écrire? En tout cas, la page est utilisée ne peut donc pas faire l’objet d’un accès par une autre personne.

(haut de page)

8. Pour conclure

Ici se termine cette visite guidée. Nous espérons vous avoir convaincu de la facilité du système de gestion de contenu Website@School.
Dans d’autres chapitres nous expliquerons les nombreuses possibilités de Website@School, pas à pas, en profondeur et avec des illustrations. Utilisez la Table des matières pour choisir un chapitre.

(haut de page)