Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls...
Transcript of Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls...
Site web AcadCMS
Formation Drupal 8« Acad CMS de l’académie de Grenoble»
Logos des destinataires de pages
DirecteurWebmaster
Utilisateur
DirecteurWebmaster
Utilisateur
Site web AcadCMS
• Pourquoi faire un site d’école / un blog de classe ?
• Pourquoi sur l’AcadCMS Drupal ?
DirecteurWebmaster
Utilisateur
Vie de la classe
Reportages sorties
Infos école DevoirsProductions
élèvesClasse
inversée
Charte commune
Sauvegarde journalière
Mises à jour automatiques
Archives des sauvegardes
30j
Solution académique centralisée
Hébergement à Grenoble
• Attention, penser à informer votre IEN de votre projet d’ouverture de site !Extrait de la charte « De plus, avant de créer un site, le directeur de publication qui ne représente pas juridiquement son organisme doit informer le représentant légal de son intention de créer un site, notamment : le directeur d’école et l’IEN en informent le DASEN »
• Le directeur (et seulement lui) effectue la demande d’ouverture :1. PIA : https://pia.ac-grenoble.fr/
2. ARENA Extranet
3. Intranet/référentiels et outils
4. Application webspace
• Le directeur donne les rôles :
Site web AcadCMS
Directeur
Directeur de publication
Le directeur de l’école
Responsable technique (webmaster)
Le directeur
Un enseignant
Utilisateurs
Les enseignants Les élèves Les parents Le périscolaire Les représentants des parents d’élèves
Le responsable technique désigné reçoit un mail de confirmation de demande de Serge DOMAS, le webmaster du rectorat à valider dans les 28 jours.
Site web AcadCMS
Le responsable de publication reçoit un mail de confirmation :
Les utilisateurs que le directeur inscrit :
Divers messages parviennent suite à ces désignations :
DirecteurWebmaster
Utilisateur
Modèles autorisation : http://eduscol.education.fr/internet-responsable/ressources/boite-a-outils.html
NE SURTOUT PAS OUBLIERDirecteurWebmaster
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 - RessourcesDirecteurWebmaster
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éconisationsDirecteurWebmaster
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, gettyimages, 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
DirecteurWebmaster
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
DirecteurWebmaster
Utilisateur
VUE PUBLIQUE
AJOUTER UN ARTICLE avec Drupal 8Webmaster
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 que 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
Lors de la première connexion, certaines étapes sont essentielles à réaliser :
PREMIER ACCES du webmaster
Entrer l’URL reçue dans le mail et l’ajouter aux favoris (www.ecole-nomdelecole. web.ac-grenoble.fr)
Se connecter (en haut de page)
avec ses identifiants académiquesModifier les infos du siteNom du site = nom de l’écoleSlogan = non visible dans ce thèmeAdresse de courriel = celle du webmaster
Webmaster
Le bouton « retour au site » permet de visualiser les modifications en direct.
Des tutoriels vidéos de drupal 8 sont disponibles pour le webmaster :https://acadcms.web.ac-grenoble.fr
1
2
23
« Tous les sites internet édités à titre professionnel, qu'ils proposent des ventes
en ligne ou non, doivent obligatoirement indiquer des mentions légales »
(https://www.service-public.fr)
Les mentions légales
Compléter les mentions légales en mettant à jour :- le directeur de publication = le directeur d’école- le webmaster = un enseignant ou le directeur- les crédits = rédacteurs, responsabilité et objectifs du site
Webmaster
Pour modifier les mentions légales :
12
3
4 L’article des mentions légales du site est accessible en pied de page du
CREER LE MENU PRINCIPALWebmaster
# 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 UTILISATEUR 1/2Webmaster
Personnels de l’Education Nationale :A partir du site de l’école : www.nomdelecole-web.ac-grenoble.fr il faut demander à la personne de une 1ère fois sur le site web de l’école : Son compte sera automatiquement créé et vous pourrez ensuite lui affecter un profil.
Personnes hors éducation nationale :Il est également possible de créer des comptes pour des personnes extérieures à l’académie de Grenoble (ex : associations de parents d’élèves)
LES ETAPES : Le collègue se connecte une première fois sur le site web de l’école, le webmaster lui attribue un profil. Attention à ce profil doivent être attribués des droits !
AJOUTER UN UTILISATEUR 2/2Webmaster
Ajouter un profil à un utilisateur
Attribuer des droits au profil(possible de le faire en amont)
1 2
4
5
6
Cocher les droits que vous souhaitez affecter au profil.Quelques exemples :
Choisir le profil
3
Ense
ign
ant
:
Elev
e:
AJOUTER UNE RUBRIQUE publiqueWebmaster
Utilisateur
Champs à remplir pour créer une rubrique :
Vue de la rubrique une fois le menu créé :
Vue de la rubrique quand on a cliqué dessus :
Une rubrique peut être publique ou privée. Elle contient des articles.Pour la créer cliquez sur « Rubriques » puis « Ajouter une rubrique publique »
Article
RubriqueArticle Article
Article
1
2
3
4
AJOUTER UNE RUBRIQUE privéeWebmaster
Utilisateur
Une rubrique peut être privée. Elle contient des articles accessibles uniquement aux membres désignés.Le créateur d’une rubrique privée est automatiquement désigné comme membre de cette rubrique privée.La démarche est identique à celle d’une rubrique publique
ArticleRubrique
Article Article
Article
Ajouter des membres (créés au préalable) qui auront accès à la rubrique privéeA partir de la liste des rubriques :
3
Cliquer sur « Ajouter un membre »4
Taper le nom de l’utilisateur à ajouter pour le retrouver5
1
2
Cocher les droits octroyés à cet utilisateur pour cette rubrique privéeAucune coche = accès en lecture
6
Exemple : Créer un membre « parent d’élève » pour qu’il accède aux contenus privés en s’identifiantWebmaster
Ceci permet de donner l’accès aux rubriques privées au membre « parent d’élève » identifié
Créer un utilisateur parent d’élève
Associer un profil parent d’élève à cet utilisateur
Donner des droits au profil parent d’élève(Réalisable en amont)
Créer une rubrique privée
Ajouter le membre parent d‘élève à la rubrique privée (aucun droit coché = lecture seule)
Exemple : Créer un membre « élève » pour qu’il crée des articles dans une rubrique publique ou privéeWebmaster
Ceci permet de donner l’accès aux rubriques privées au membre « parent d’élève » identifié
Créer un utilisateur élève
Associer un profil élève à cet utilisateur (le membre élève ne devrait disposer d’aucun droit)
Créer une rubrique privée ou publique
Ajouter le membre élève à la rubrique (droit « rédiger un article coché = écriture dans cette rubrique)
L’élève crée des articles qui doivent être validés avant leur publication.
Pour cela regarder le statut des articles dans la liste des articles (statut
brouillon = articles à valider). Pour valider il faut cocher la case
« publier » dans la page de modification des articles.
Plusieurs tutoriels écrits et vidéos ont été créés par l’académie pour une bonne mise en place des sites dans les écoles :Ces tutoriels sont disponibles à l’adresse suivante:
https://acadcms.web.ac-grenoble.fr/
Exemple du site web AcadCMS de l’école de Val Cenis
Site web AcadCMS
Site web AcadCMS
Et maintenant à vous d’écrire un article sur le site de votre école!!!
Les fichiers doivent peser moins de 100 Mo.Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsxodt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba webp webm.
PhotoPixabay
PaintPhotofiltre
AudioAudacity
Au bout du fil
VidéoVLC
PDFVLC
MEDIAS