Site web AcadCMS

Formation Drupal 8 « Acad CMS de l’académie de Grenoble» Logos des destinataires de pages

Sept 2019

Directeur Webmaster

Utilisateur

Directeur Webmaster

Utilisateur

Site web AcadCMS

• Pourquoi faire un site d’école / un blog de classe ?

• Pourquoi sur l’AcadCMS Drupal ?

Directeur Webmaster

Utilisateur

Vie de la classe

Reportages sorties

Infos école Devoirs Productions

élèves Classe

inversée

Charte commune

Sauvegarde journalière

Mises à jour automatiques

Archives des sauvegardes

30j

Solution académique centralisée

Hébergement à Grenoble

Modèles autorisation : http://eduscol.education.fr/internet-responsable/ressources/boite-a-outils.html

NE SURTOUT PAS OUBLIER Directeur Webmaster

Utilisateur

Informer son IEN / Mairie du projet de site web Contacter son ERUN

Ouvrir son espace via WEBSPACE du PIA et déclarer les responsabilités

Compléter la page des mentions légales et se documenter sur les droits/devoirs de publication sur le web (internet responsable)

Commencer à publier les contenus « administratifs » Annoncer officiellement l’ouverture du site web de l’école à la mairie / IEN

Informer les parents et leur demander leur autorisation pour la publication de médias de leurs enfants (voir modèles autorisation)

Droits / devoirs - Ressources Directeur Webmaster

Utilisateur

Internet Responsable

• Boîte à outils

• Exemples concrets

• Séances EMI élèves

CNIL

• Textes de loi

• Déclarations

RGPD

• Encadre le traitement des données personnelles en U.E.

• Données personnelles / sensibles

Préconisations Directeur Webmaster

Utilisateur

QWANT

• Moteur de recherche

• Vie privée respectée

• Qwant junior

Google images /Qwant images

• Droits d’utilisation (option à sélectionner)

• Médias libre de droits : unsplach, getty images, soud fiching…

Médias élèves

• Eviter les clichés « portrait »

• Ne pas publier d’informations « sensibles »

• Demander l’autorisation aux parents

Extraits du projet de:

Cadre de référence des compétences numériques

Directeur Webmaster

Utilisateur

Partager des contenus

numériques en ligne

Publier des contenus en ligne

Savoir que certains contenus sont

protégés par un droit d’auteur

Identifier l’origine des informations et contenus partagés

Connaître et respecter les règles

élémentaires du droit d’auteur

Identifier les données à caractère personnel

Pix est un service public en ligne d’évaluation,

de développement et de certification des

compétences numériques.

La création du site web de l’école est un bon prétexte pour travailler en EMI (éducation aux médias et à l’information) avec ses élèves!

LES DIFFERENTES VUES

VUE WEBMASTER

Directeur Webmaster

Utilisateur

VUE PUBLIQUE

Visite du site web de votre école :

Quelles rubriques ? Quels accès (élèves, enseignants, parents…) ? Qui voit quoi ?

CREER LE MENU PRINCIPAL Webmaster

# et cocher l’option Nom de l’article

/group/8 (8 étant le numéro de la rubrique)

URL du lien externe

A

B

C

Simple arborescence à déplier, sans lien

A

Lien vers un article

Lien vers une rubrique publique qui contient des articles

D Lien vers une URL externe

Explication des liens du menu :

Création des liens du menu (après création des rubriques ou articles correspondants):

Le contenu du champ « lien » varie avec la nature de ce lien : B

C

D

Organisez vos liens de menu avec les flèches multidirectionnelles par simple « glissé-déposé »

Ajouter des icônes à vos liens de menu

AJOUTER UN ARTICLE avec Drupal 8 Webmaster

Utilisateur

- L’utilisateur doit au préalable avoir créé son compte en se connectant à l’adresse du site de l’école - Un compte utilisateur est actif seulement quand le webmaster a affecté un profil à ce compte

3

Se rendre dans la

rubrique où l’on veut

ajouter un article (créée au préalable par

le webmaster)

4 Cliquer sur l’icône

6

5

7

Inscrire le titre de votre article

Cliquer sur « Ajouter texte »

8 Rédiger l’article

9 Cocher « publié » pour une

publication immédiate.

Cliquez sur « Enregistrer »,

C’est publié ! Bravo !

1 Sur la page du site de l’école www.ecole-nomecole.web.ac-grenoble.fr cliquer sur

2 Utiliser son compte académique si on est enseignant

Mon espace de classe Utilisateur

Rubrique publique = visible par tous

Je publie les infos générales, sans contenus ou

médias appartenant à mes élèves : infos sorties,

réunions, évènements divers…

Rubrique privée = visible seulement par les utilisateurs

identifiés (ecoledechalles)

Je publie du contenu accessible qu'aux parents que je

ne souhaite pas visible par le grand public : photos de

sorties, production d'élèves, infos nominatives…

• Je peux publier du contenu dans mes deux sous-

rubriques de classe.

• Mes élèves pourraient aussi publier dans mes

sous-rubriques (idem devoirs classe Gilbert)

Les différents rôles Utilisateur

• Se connecte avec son identifiant académique

• Publie du contenu publique dans les rubriques "info" et "devoirs" de

sa classe

• Publie du contenu privé dans la rubrique "vie de classe"

• Valide les articles rédigés par ses élèves dans la rubrique "devoirs"

• Supprime ou modifie ses articles

Elève

Parent d'élève

Enseignant

• Consulte les articles des rubriques publiques

• Se connecte avec son identifiant élève : ele/ele

• Rédige des articles dans la rubrique "devoirs" qui seront validés par

l'enseignant avant publication

• Supprime ou modifie ses articles

• Peut consulter les articles des rubriques privées avec ses parents

après connexion avec le code parents

• Consulte les articles des rubriques publiques

• Se connecte avec son identifiant parent : ecoledechalles/ecoledech@lles

• Consulte les articles des rubriques privées après connexion

AJOUTER DES IMAGES à MES ARTICLES Utilisateur

Je me trouve déjà dans mon article avec du contenu "texte"

et je vais ajouter une image à cet article.

1 Sélectionner l'icône "média"

2 Retrouver alors l'image dans votre ordinateur pour

l'ajouter à la bibliothèque de médias de votre site internet

3 Cliquer sur 4 Choisir la taille de l'image

5 Choisir si on veut que l'image s'ouvre en grand

quand on lui clique dessus : lier à "média entity"

6 Cliquer sur "Intégré" pour ajouter cette image

AJOUTER DES VIDEOS à MES ARTICLES Utilisateur

1 Se rendre à l'adresse : https://h5p.web.ac-grenoble.fr/ et s'identifier si besoin

Le CMS Drupal n'accepte que les formats de vidéos H5P, nous allons donc utiliser un

convertisseur pour déposer notre vidéo dans le bon format

2 Donner un titre à ma vidéo et éventuellement une description

3 Choisir "créer" et "interactive vidéo"

4 Cliquer sur la case en pointillés puis

sur la deuxième case en pointillés

Il est aussi possible d'utiliser une vidéo existante

sur youtube en entrant son URL directement

Enregistrer en bas de la page 5

La vidéo en format H5P s'affiche alors, téléchargez là sur votre ordinateur 6

ETAPE 1 : convertir ma vidéo en H5P

AJOUTER DES VIDEOS à MES ARTICLES Utilisateur

1 Dans le menu "Ajouter un média"

ETAPE 2 : déposer ma vidéo H5P dans les médias

2 Choisir H5P

3 Donner un titre à votre média pour le

déposer dans la bibliothèque

4 Aller chercher votre vidéo H5P dans

votre ordinateur

5 Dans un article en cours d'édition choisir contenu / "Ajouter H5P"

Puis cliquer à nouveau sur H5P

ETAPE 3 : ajouter ma vidéo à mon article

6 Retrouver la vidéo grâce au nom que vous lui avez donné en étape 3

7 Cliquer sur la vidéo puis sur "Sélectionner un fichier"

ETAPE 4 : se féliciter d'avoir réussi ; -)