forked from gideonthomas/offline-icebreakers
-
Notifications
You must be signed in to change notification settings - Fork 1
/
session04-a-strong-wind.html
executable file
·151 lines (110 loc) · 6.7 KB
/
session04-a-strong-wind.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Offline Icebreakers | 4. Un vent fort souffle pour la littératie web</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles/style.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/script.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="wrapper" mode="overview">
<aside>
<div class="image">
<img src="images/strong-wind.png" alt="Une image d'un dessin du vent qui souffle" style="background-color:#D64262;">
<a class="attribution" href="http://markbartle.deviantart.com/art/Free-Wind-561643493">
<i class="fa fa-camera"></i> par MARKBARTLE
</a>
</div>
<!--CC-BY 3.0 de MARKBARTLE sur http://markbartle.deviantart.com/art/Free-Wind-561643493-->
<!--Crédit image -->
<ul class="agenda-navigation">
<li><a href="#overview">Aperçu</a></li>
<li><a href="#step-1">Préparation</a></li>
<li><a href="#step-2">Activité</a></li>
<li><a href="#step-3">Réflexion</a></li>
</ul>
</aside>
<article class="main">
<h1 class="activity-title"><a href="#overview">Un vent fort souffle pour la littératie web</a></h1>
<section class="overview">
<p class="made-by">
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a> par <a href="https://learning.mozilla.org">Mozilla</a>
</p>
<p class="time total-time">
15 minutes
</p>
<p class="summary">
Cette activité est une variante du jeu des chaises musicales. Des énoncés thématiques sont présentés et les participants pour lesquels l'énoncé est vrai doivent trouver une nouvelle chaise.
</p>
<h4>Activité 4 sur 6</h4>
<h4>Consulter le Web</h4>
<h4>Des compétences pour le XXI<sup>e</sup> siècle</h4>
<span class="web-literacy">Communication</span>
<h4><a href="https://learning.mozilla.org/web-literacy">Les compétences de la littératie web</a></h4>
<span class="web-literacy">Évaluer</span>
<h4>Objectifs d'apprentissage</h4>
<ul>
<li>Évaluer et répondre aux énoncés de valeur concernant le web et la protection de la vie privée en ligne.</li>
</ul>
<h4>Public</h4>
<ul>
<li>13 ans et plus</li>
<li>Utilisateurs novices sur le Web</li>
</ul>
<h4>Matériel</h4>
<ul>
<li>Chaises</li>
</ul>
<!--
<p class="discussion-link">
Découvrez comment les enseignants et les militants ont modifié cette activité pour leur public spécifique dans notre <a href="http://discourse.webmaker.org/t/testing-1-reading-for-the-web/1149/22">forum de discussion</a>.
</p>
-->
</section> <!-- Fin de l'introduction -->
<ul class="agenda">
<!-- Copier et coller cette balise <li> pour ajouter des étapes -->
<li>
<h1>Préparation</h1>
<p>Installez suffisamment de chaises pour accueillir votre groupe. Vous devriez avoir assez de chaises pour tous les participants, sauf un qui se retrouve debout à chaque partie et prend la parole pour la partie suivante. Vous pouvez lire une explication de l'activité ici :</p>
<p><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Nwyq5m6w4Rg" frameborder="0" allowfullscreen></iframe></p>
<p>Pour cette version de l'activité, envisagez de préparer une liste d'énoncés qui correspondent aux sujets importants de la littératie web. Vous pouvez les mettre à disposition des participants, qui peuvent les choisir pendant le jeu :</p>
<ul class="fancy">
<li>Un vent fort souffle pour celles et ceux qui se demandent comment internet fonctionne.</li>
<li>Un vent fort souffle pour celles et ceux qui utilisent le même mot de passe pour plusieurs comptes.</li>
<li>Un vent fort souffle pour celles et ceux qui savent ce qu'est le chiffrement.</li>
<li>Un vent fort souffle pour celles et ceux qui ont déjà codé une page web.</li>
<li>Un vent fort souffle pour celles et ceux qui veulent la protection de la vie privée en ligne.</li>
</ul>
</li> <!-- Fin de l'étape -->
<li>
<h1>Activité</h1>
<div class="time step-time">10 minutes</div>
<p>Pour installer le jeu, demandez aux participants de s'asseoir en cercle sans chaise vide. L'organisateur, qui est debout et n'a pas de chaise, est le premier à « jouer ». Dites aux participants que le sujet est le Web. L'organisateur présente le premier énoncé, par exemple :</p>
<p>
<blockquote>
<em>Un vent fort souffle pour celles et ceux qui se demandent comment Internet fonctionne.</em>
</blockquote>
</p>
<p>Ensuite, chaque participant qui se demande comment Internet fonctionne doit se lever et trouver une nouvelle chaise. Le joueur qui n'a pas de chaise partage la parole pour la partie suivante. Ils peuvent imaginer un énoncé à propos du Web et de la protection de la vie privée en ligne, ou en choisir un parmi ceux fournis par l'organisateur.</p>
<p>Vous devriez jouer 5 ou 6 parties ou jusqu'à ce que les participants aient l'occasion de commencer à réfléchir aux thèmes et sujets de votre classe, événement ou atelier.</p>
</li> <!-- Fin de l'étape -->
<li>
<h1>Réflexion</h1>
<div class="time step-time">5 minutes</div>
<p>À la fin de l'activité, revenez en arrière pour clarifier les sujets pour lesquels peu de participants ont changé de chaises. Demandez aux participants des questions qui les aident à réfléchir sur des thèmes concernant les énoncés donnés. Par exemple :</p>
<ul class="fancy">
<li>Qui peut ajouter du contenu sur le Web ?</li>
<li>À qui appartient le Web ?</li>
<li>En quoi consiste vraiment le HTML ?</li>
<li>À quoi ressemble la syntaxe HTML ?</li>
<li>Pourquoi vaut-il mieux demander la vérité de quelque chose plutôt que de le prendre au pied de la lettre?</li>
</ul>
</li> <!-- Fin de l'étape -->
</ul>
</article>
</div>
</body>
</html>