Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la...

18
Support de formation educanet 2 .ch Accompagnement à la mise en place d'un extranet Support adapté pour la nouvelle présentation

Transcript of Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la...

Page 1: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Support de formation educanet2.ch

Accompagnement à la mise en place d'un extranet

Support adapté pour la nouvelle présentation

Page 2: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Auteurs

Ce support a été réalisé par l'équipe de formateurs ci-dessous :

Haute Ecole Pédagogique de Lausanne, Unité de recherche et d'enseignement Médias et Technologies

Mylène Ducrey-Monnier

Christian Fantoli

Christian Ferlet

Gabriel Parriaux

Stéphanie Girardet

Remerciements

Les personnes ressources et équipes directionnelles des établissements ci-dessous ont contribué au développement et à l'amélioration de ce support :

Rolle, Thierrens primaire, Corsier Primaire, Aubonne, Apples, Pré-de-Vert (Rolle, ens. sp.), Grandson, Nyon Roche-Combe, Echallens Poliez-Pittet, Vevey primaire, Villeneuve, Nyon Primaire (un merci tout particulier à Vincent Zeller pour les illustrations !), Bercher-Pailly, Lausanne La Sallaz, Préverenges, Lausanne Isabelle-de-Montolieu, Nyon, Marens Blonay - St-Légier, Lausanne Floréal, St-Prex, Mézières, Epalinges, la Tour-de-Peilz, Villamont.

Avertissement

Toutes les copies d'écran ont été effectuées dans une institution générique.

Page 3: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

�. Création de site

a sMD CF CFe GP SG / mars 2012 105

Page 4: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Droit à l’image en Suisse « Le droit à sa propre image est un objet aussi autonome que le droit à l’intégrité corporelle et au nom. Il protège un bien aussi précieux, aussi sacré : cette physionomie, miroir de l’âme, expression admirable de la personnalité. Il mérite sa place, bien à lui, dans les droits personnels, en harmonie avec la dignité plus grande, qui s’attache à la personnalité humaine ! »

FOUGEROL Henri, La figure humaine et le droit, Paris 1913, p. 31

Il n’est pas permis de publier n’importe quelle image sur Internet. La représentation imagée d’une personne, qu’il s’agisse d’un portrait peint ou photographié, d’une prise de vue de groupe ou d’une caricature dessinée, est un bien protégé par la loi. La personne représentée est titulaire du droit à sa propre image. Ce droit lui permet de s’opposer à la captation, la fixation, la publication et la diffusion de son image sans son consentement.

C’est ainsi à la personne figurant sur une photographie de décider si elle en autorise la publication sur Internet. Elle doit donner son consentement (accord) à ce que la photo soit diffusée sur Internet. Pour que cet accord puisse être valablement donné, la personne doit savoir exactement quelle photo va être publiée et sur quel site elle va l’être. La personne doit donner son accord avant la publication sur Internet. Au surplus, le droit à l’image permet à la personne qui a donné son accord à la publication de sa représentation de décider par la suite qu’elle n’est plus d’accord avec cette publication et, ainsi, de retirer son consentement.

Dans ce cas, la photo doit être retirée du site où elle a été publiée.

Le consentement peut être donné par oral. Cela dit, il est vivement conseillé à celui qui veut publier l’image d’une personne sur Internet d’obtenir son accord écrit, de façon à posséder la preuve claire et incontestable que ce consentement a bien été donné et, ainsi, se mettre à l’abri des suites pénales ou civiles qu’une publication sans droit est susceptible de réserver.

Exemples :

Un élève envoie à différents camarades un e-mail accompagné d’une photo représentant un copain ivre lors d'une soirée privée, sans que celui-ci en soit informé.

Une personne photographiée lors d'une soirée privée doit donner son accord pour qu’une photo de lui puisse être légalement publiée. A défaut, la publication comporte une atteinte au droit à l'image. Les conséquences judiciaires susceptibles de sanctionner cette violation pourront revêtir un caractère pénal (emprisonnement, amende) et/ou civil (dommages-intérêts, réparation morale).

Un élève publie la photo de sa copine sur son blog Internet.

Cette démarche est admissible dans la mesure où la copine de cet élève a donné son consentement à la publication de la photo en question. On ne peut publier une photo d'une personne sur Internet que si elle donne son accord exprès à sa publication.

Un élève obtient la photo d’un de ses professeurs. Au moyen d’un logiciel de traitement d’image, il s’amuse à modifier son visage pour en faire une caricature grotesque. Il publie son « œuvre » sur Internet en l’assortissant d’un texte insultant.

Source : http://guides.educa.ch/fr/droit

a s106 MD CF CFe GP SG / mars 2012

Page 5: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

L’élève viole le droit à l’image de son professeur en publiant à son insu sa représentation sur Internet. Son comportement est également passible de poursuites pénales si la photo ou les textes publiés sont injurieux ou diffamatoires.

Autres sources :

http://www.domainepublic.ch/articles/6528

Chercher et publier une image en respectant les droits à l’image 1. Première solution :

Prendre la photo soi-même est généralement la solution la plus simple tout en prenant garde de respecter les directives ci-dessus.

2. Deuxième solution :

En faisant une recherche appropriée, par exemple sur un site permettant de publier des photos qu’à certaines conditions (CC = Creative Commons) :

http://search.creativecommons.org/

Il faut toutefois toujours citer ses sources.

3. Troisième solution :

En profitant de sites proposant des photos libres de doits, mais en citant toujours la source de l’image.

http://www.photo-libre.fr/

4. Quatrième solution :

En profitant de services de professionnels en payant ses images.

Quelques exemples :

http://eu.fotolia.com/

http://www.gettyimages.ch/

a sMD CF CFe GP SG / mars 2012 107

Page 6: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Créer un VLWH Web (espace privé) À l’aide du générateur de sites intégré à educanet2, vous pouvez aisément publier des pages Web sans aucune connaissance du langage HTML.

Voici un exemple de page :

Il vous est également possible de générer des exercices interactifs très facilement: cases à cocher, texte lacunaire et menu déroulant. Vous pouvez ainsi créer votre site Web personnel ou utiliser cet outil dans le cadre de projets pédagogiques.

Accéder au générateur de page 1. Aller dans son espace privé en cliquant sur l’onglet Espace privé. Choisir

dans la liste Site Web.

Régler les préférences 2. Cliquer sur le lien Préférences.

a s108 MD CF CFe GP SG / mars 2012

Page 7: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

3. Effectuer les réglages de base comme suit : 1) donner un titre à votre site (il apparaîtra dans la barre de titre du navigateur et c’est sous ce nom que le site sera enregistré dans les signets) 2) indiquer éventuellement votre adresse électronique si vous souhaitez que les visiteurs puissent vous contacter (attention: en la publiant sur le Web, vous risquez d'être envahi par du courrier indésirable. Choisissez une adresse que vous pourrez facilement abandonner le cas échéant) 3) choisir une couleur de fond et 4) choisir la police de caractère.

4. Cliquer sur le bouton

Créer une page Web 5. Cliquer sur le lien Nouvelle page.

1122

33

44

a sMD CF CFe GP SG / mars 2012 109

Page 8: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

6. Choisir la mise en page.

7. Cliquer sur

8. Ecrire le titre de la page.

Une fois la page publiée, ce titre apparaîtra dans le menu permettant de naviguer d’une page à l’autre.

9. Ecrire ou copier-coller le texte dans les différentes rubriques :

1. Nom de la page : Le nom que vous noterez dans ce champ de texte apparaîtra dans le menu de navigation (à gauche).

2. Titre : Le titre n'apparaît pas dans le menu mais seulement sur la page concernée. En règle générale, le nom de la page et le titre sont identiques.

3. Accroche : L'accroche met en valeur les points importants qui seront traités.

4. Image(s) : Cliquez sur "Parcourir" pour choisir une image enregistrée sur votre disque dur. L'image choisie devra nécessairement être compressée au format JPEG ou GIF et avoir été au préalable traitée au moyen d'un logiciel ad hoc. Attention notamment à la taille et à la résolution de l'image.

5. Intertitre (1, 2, 3) : Correspond à un sous-titre qui apparaîtra en gras dans votre page. Vous pouvez en entrer jusqu'à 3 différents.

6. Texte (1, 2, 3) : Le contenu de votre page qui s'affichera en dessous de votre Intertitre correspondant. Vous pouvez en entrer jusqu'à 3 différents.

Conseil : cliquez régulièrement sur le bouton au fur et à mesure que vous complétez votre page.

a s110 MD CF CFe GP SG / mars 2012

Page 9: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

10. Cliquer sur .

11. Cliquer sur le lien Publier le site afin que votre page apparaisse sur Internet.

12. Pour visualiser le résultat, cliquer sur Afficher le site

Pour que quelqu’un puisse visiter votre site, vous devez lui transmettre son adresse URL ; elle est disponible ici :

1122

33

4455

66

a sMD CF CFe GP SG / mars 2012 111

Page 10: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Préparer une image pour le Web avec Photoshop Element 13. Ouvrir l’image à modifier en la glissant sur l’icône de Photoshop

Element.

Note : des images libres sont disponibles dans le dossier Open Cliparts.

14. Choisir Enregistrer pour le Web… dans le menu Fichier.

15. Choisir le format JPEG et écrire la largeur de 250 (ou 470 pixels selon le format de page Web choisi).

Remarque : étant donné qu’il y a peu de couleurs dans cette image, il aurait été préférable de choisir le format PNG.

Si on dépasse la taille conseillée pour la mise en page, l’image déborde et fait apparaître des ascenseurs. Cela rend la page peu lisible.

Principaux types de compression d’images.

JPEG : recommandé pour les photos

GIF : recommandé quand il y a peu de couleurs ou de la transparence (un logo par exemple.

PNG : idem GIF, mais a l’avantage d’être libre de droits

Si vous n’avez pas Photoshop Element, vous pouvez travailler avec l’utilitaire en ligne http://pixlr.com/editor/

a s112 MD CF CFe GP SG / mars 2012

Page 11: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Un Internaute n’attend pas plus d’une vingtaine de secondes lors de l’ouverture d’une page Web. Avec le réglage ci-dessus, on arrive à 4 secondes, c’est OK (la vitesse indiquée ici correspond à une connexion de 28,8 kilobits par seconde [kb/s] ce qui est lent. On trouve rarement des connexions à moins de 56.6 kb/s. On peut donc diviser le temps indiqué par deux, soit 2 secondes).

S’il y a plusieurs images sur la page, il faut additionner les secondes de téléchargement de chaque image et vérifier que le total ne dépasse pas 20 secondes.

16. Cliquer sur le bouton puis sur

17. Enregistrer le document sur le bureau.

Préparer une image pour le Web avec le programme Aperçu 18. Sélectionner une image dans le dossier "image" (ou sur le bureau).

19. Dans le menu Outils d'Aperçu, cliquer sur Ajuster la taille…

Le kilobit par seconde (symbole : kbit/s) est une unité permettant de mesurer la vitesse de transfert de données.

a sMD CF CFe GP SG / mars 2012 113

Page 12: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

20. Choisir la largeur et/ou la hauteur désirée

21. Enregistrer l'image

Insérer une image dans une page Web 22. Si la page Web à illustrer n’est pas ouverte, double-cliquer sur son titre.

23. Cliquer sur le bouton Choisir fichier

Note : il n’est pas recommandé de mettre des photos d’élèves. Le cas échéant.

− demander l’autorisation écrite des parents ; − éviter les gros plans ou rendre les élèves méconnaissables (lunettes

noires, déguisement, maquillage, partie du visage caché, …) ; − privilégier les photos de groupe donnant du sens à une activité

pédagogique.

Astuce : plutôt que de publier la photo d’un élève, lui demander de dessiner un autoportrait.

24. Sélectionner une image et cliquer sur le bouton L’image doit être compressée au format JPEG ou GIF.jpg ; sa taille et sa résolution doivent être adaptées (voir étapes 13 à 21).

25. Pour visualiser le résultat, effectuer les étapes 11 & 12.

On peut aussi cliquer sur

a s114 MD CF CFe GP SG / mars 2012

Page 13: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Créer un exercice autocorrectif Exercice « Case à cocher »

Pour obtenir ceci :

Voici la démarche.

1. Créer une nouvelle page (cf. étape 5 p. 1 ) et choisir le modèle Cases à cocher.

2. Ecrire la question ou l’affirmation dans la rubrique Accroche.

3. Ecrire les réponses possibles dans les rubriques 1re affirmation et 2e

affirmation (il est possible d’introduire jusqu’à 5 affirmations).

a sMD CF CFe GP SG / mars 2012 115

Page 14: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

4. Cocher la case qui contient la réponse correcte.

5. Si besoin, écrire une invitation à poursuivre l’exercice dans la rubrique Liaison avec la page suivante pour que le joueur puisse passer à la question suivante.

6. Pour visualiser le résultat, effectuer les étapes 11 & 12 p. 1 .

7. Pour ajouter une question, répéter les opérations 1 à 5.

Exercice « TEXTE LACUNAIRE » Ce module vous permet de créer un exercice à trous en insérant une lacune

a. au milieu d'une phrase

b. au début ou en fin de phrase

Pour des raisons techniques, les guillemets (") ne peuvent être employés dans les lacunes.

c. Lacune au milieu d'une phrase

Écrire par exemple dans le champ Début de la première phrase « Berne est la », dans le champ Première lacune « capitale » et enfin dans le troisième champ, « de la Suisse ». Il est possible d'écrire ainsi cinq phrases par page.

d. Lacune en début ou en fin de phrase

Laisser le premier champ vide puis écrire par exemple dans le champ Première lacune, « Paris » puis dans le troisième champ, « est la capitale de la France ». il est possible, bien entendu, ne remplir que le premier champ et le deuxième : ainsi, la lacune se trouvera en fin de phrase.

À la fin, cliquer sur le bouton Sauvegarder et Fermer. Ne pas oublier de publier la page Web.

L'exercice terminé, cliquer sur Valider. Les réponses correctes seront marquées d'une coche, les réponses fausses d'une croix. il est possible de recommencer l'exercice autant de fois que désiré. A la fin, et si vous avez répondu correctement à tous les items, vous passerez automatiquement à l'exercice suivant.

Il est possible d’indiquer plusieurs réponses correctes, mais il faut être conscient que cela rend l’exercice plus difficile.

a s116 MD CF CFe GP SG / mars 2012

Page 15: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Exercice « MENU DÉROULANT » L'élève choisit la réponse correcte dans un menu déroulant.

Notez la consigne de l'exercice dans le champ Accroche puis entrer cinq affirmations dans les champs correspondants et cinq réponses possibles (haut de la page). Pour chaque affirmation, sélectionner le numéro de la réponse correcte. Cliquer ensuite sur Sauvegarder et Fermer. Ne pas oublier de cliquer sur Publier le site. Il est possible de visualiser votre page en cliquant sur l'adresse du site apparaissant en surbrillance.

L'exercice en ligne terminé, cliquer sur Valider. Les items répondu correctement seront marqués d'une coche, les autres seront marqués d'une croix. Il est possible de recommencer l'exercice autant de fois que désiré. À la fin, vous passer automatiquement à l'exercice suivant.

a sMD CF CFe GP SG / mars 2012 117

Page 16: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

Livre d'or Pour obtenir ceci :

Il y a 4 étapes :

I Créer le “Livre d’or” II Utiliser le livre d’or III Gérer le livre d’or

I Créer le Livre d’or 1. Dans le générateur Web Educanet2, créer une nouvelle page en utilisant le

modèle “Livre d’or” :

a s118 MD CF CFe GP SG / mars 2012

IV Notifications

Page 17: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

2. Ecrire le titre “Livre d’or”, ajouter une accroche et cliquer sur enregistrer :

Pour visualiser le résultat, effectuer les étapes 11 & 12 p. 1 .

II Utiliser le livre d’or

3. Une fois sur le site, cliquer sur le lien Livre d’or et remplir les différents champs et cliquer sur Publier la contribution.

III Gérer le livre d’or

4. Dans le générateur Web Educanet2, cliquer sur le lien “gestion du livre d’or” :

5. Sélectionner la contribution qui pose problème et cliquer sur Supprimer.

La gestion du livre d’or est une occasion intéressante d’aborder avec les élèves certains éléments d’éducation aux médias (comment gérer le message de l’autre ? Quelle différence entre un message qui critique la personne et celui qui critique une action ? , etc.). Pour en savoir plus : http://guides.educa.ch

a sMD CF CFe GP SG / mars 2012 119

Page 18: Support de formation MT10 - Educanet2 - WordPress.com · 2015-02-12 · son accord avant la publication sur Internet. Au surplus, le droit à l’image permet ... Chercher et publier

IV Notification

Il est possible d’être averti par courriel quand un nouveau message est laissé sur votre livre d’or. Il faut pour cela activer une notification pour toute nouvelle contribution sur le Livre d'or dans vos réglages de Notifications système.

6. Cliquer sur le lien Notifications système. puis sur Préférences.

7. Dans la fenêtre surgissante cocher, dans la colonne Courriel, les cases correspondant aux outils dont vous voulez activer les notifications (ici Forum, Classeur et Livre d’or).

8. Cliquer sur

Il est également possible de recevoir une notification quand - une nouvelle contribution est laissée sur un forum, - un fichier déposé dans un classeur est téléchargé (ou quand un fichier est déposé dans un classeur).

120 MD CF CFe GP SG / mars 2012