22
Site web AcadCMS Formation Drupal 8 « Acad CMS de l’académie de Grenoble» Logos des destinataires de pages Directeur Webmaster Utilisateur Directeur Webmaster Utilisateur

Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

Site web AcadCMS

Formation Drupal 8« Acad CMS de l’académie de Grenoble»

Logos des destinataires de pages

DirecteurWebmaster

Utilisateur

DirecteurWebmaster

Utilisateur

Page 2: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 3: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

• 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

Page 4: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 5: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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)

Page 6: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 7: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 8: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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!

Page 9: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

LES DIFFERENTES VUES

VUE WEBMASTER

DirecteurWebmaster

Utilisateur

VUE PUBLIQUE

Page 10: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 11: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 12: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

« 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

Page 13: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 14: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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 !

Page 15: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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:

Page 16: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 17: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 18: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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)

Page 19: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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.

Page 20: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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

Page 21: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

Exemple du site (école de Cléry)

Site web AcadCMS

Page 22: Formation Drupal 8 · 2019. 6. 6. · Extensions autorisées : jpg jpeg gif png txt doc docx xls xlsx pdf ppt pptx pps ppsx odt ods odp mp3 mov mp4 m4a m4v mpeg avi ogg oga ogv weba

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