<<nobr>>
<<if visited() is 1>><<run Dialog.setup("Mode analyse on !")>>
<<run Dialog.wiki("En cliquant sur les points, analyse 5 infox pour identifier les mécanismes du fake.")>>
<<run Dialog.open()>><</if>>
<<set $consigne to "Point par point, analyse ces infox pour identifier les mécanismes du fake.">><<set $mode to "analyse">><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1879.22 1030.69">
<defs>
<style>
.cls-1 {fill: url(#Dégradé_sans_nom_59);}
.cls-2 {fill: url(#Dégradé_sans_nom_59-2);}
.cls-3 {fill: url(#Dégradé_sans_nom_59-3);}
.cls-4 {fill: url(#Dégradé_sans_nom_59-4);}
.cls-5 {fill: url(#Dégradé_sans_nom_59-5);}
.cls-6 {fill: url(#Dégradé_sans_nom_59-6);}
.cls-7 {fill: url(#Dégradé_sans_nom_59-7);}
.cls-8 {fill: url(#Dégradé_sans_nom_59-8);}
.cls-9 {fill: url(#Dégradé_sans_nom_59-9);}
.cls-10 {fill: url(#Dégradé_sans_nom_59-10);}
.cls-11 {fill: url(#Dégradé_sans_nom_59-11);}
.cls-12 {fill: url(#Dégradé_sans_nom_59-12);}
.cls-13 {fill: url(#Dégradé_sans_nom_59-13);}
.cls-14 {fill: url(#Dégradé_sans_nom_59-14);}
.cerclevu {display:none;}
circle {
stroke-dasharray: 50;
transition: stroke-dasharray 1s ease-in-out;
opacity: 1;
}
circle:hover {
stroke:white;
stroke-width:2;
}
</style>
<radialGradient id="Dégradé_sans_nom_59" data-name="Dégradé sans nom 59" cx="213.88" cy="515.06" r="47.93" gradientTransform="translate(442.69 20.41) rotate(45)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e6e7e0"/>
<stop offset="0" stop-color="#e5e6df" stop-opacity="0.99"/>
<stop offset="0" stop-color="#e3e4dd" stop-opacity="0.98"/>
<stop offset="0.13" stop-color="#dfe0da" stop-opacity="0.97"/>
<stop offset="0.26" stop-color="#d4d5d0" stop-opacity="0.91"/>
<stop offset="0.4" stop-color="#c1c3bf" stop-opacity="0.82"/>
<stop offset="0.53" stop-color="#a6aaa8" stop-opacity="0.69"/>
<stop offset="0.68" stop-color="#84898b" stop-opacity="0.52"/>
<stop offset="0.82" stop-color="#5a6066" stop-opacity="0.31"/>
<stop offset="0.96" stop-color="#29323c" stop-opacity="0.07"/>
<stop offset="1" stop-color="#1a232f" stop-opacity="0"/>
</radialGradient>
<radialGradient id="Dégradé_sans_nom_59-2" cx="281.93" cy="124.82" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-3" cx="749.19" cy="397.19" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-4" cx="1087.19" cy="151.12" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-5" cx="937.99" cy="-384.16" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-6" cx="788.79" cy="-495.18" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-7" cx="463.52" cy="839.84" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-8" cx="1342.25" cy="-375.48" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-9" cx="1143.55" cy="-676" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-10" cx="621.2" cy="231.02" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-11" cx="233" cy="-150.11" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-12" cx="-7.41" cy="342.03" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-13" cx="1105" cy="-95.8" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
<radialGradient id="Dégradé_sans_nom_59-14" cx="706.9" cy="-410.46" r="47.93" xlink:href="#Dégradé_sans_nom_59"/>
</defs>
<g id="fond">
<image id="image_fond" width="2445" height="1341" transform="scale(0.77)" xlink:href="./fichiers/image-fond.png"/>
</g>
<g id="cercles">
<a data-passage="debunk5">
<circle id="cercle1" class="cls-14" cx="1232.79" cy="230.03" r="47.93">
<!-- utilisation de cls-14 car déplacement de cercles -->
<animate
attributeName="r"
dur="1.7s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a data-passage="debunk2">
<circle id="cercle2" class="cls-2" cx="553.79" cy="308.03" r="47.93">
<animate
attributeName="r"
dur="2s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a data-passage="debunk3"><circle id="cercle3" class="cls-3" cx="691.6" cy="831.03" r="47.93">
<animate
attributeName="r"
dur="1s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a data-passage="debunk4"><circle id="cercle4" class="cls-4" cx="1104.6" cy="896.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a data-passage="debunk1"><circle id="cercle5" class="cls-5" cx="1377.6" cy="412.03" r="47.93">
<animate
attributeName="r"
dur="2s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<!-- Cercles supplémentaires, à voir s'ils apparaissent
<a href=""><circle id="cercle7" class="cls-7" cx="176.6" cy="942.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle8" class="cls-8" cx="1657.31" cy="704.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle9" class="cls-9" cx="1729.31" cy="351.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle10" class="cls-10" cx="718.6" cy="623.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle11" class="cls-11" cx="713.6" cy="79.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a><circle id="cercle12" class="cls-12" cx="195.6" cy="257.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle13" class="cls-13" cx="1291.79" cy="734.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
<a href=""><circle id="cercle14" class="cls-14" cx="1232.79" cy="230.03" r="47.93">
<animate
attributeName="r"
dur="3s"
values="20;50;20"
repeatCount="indefinite"
/>
</circle></a>
pour enlever des cercles-->
</g>
</svg>
<!-- pour supprimer les cercles après clic -->
<<done>>
<<if visited("debunk5") > 0>>
<<toggleclass "#cercle1" "cerclevu">>
<<endif>>
<<if visited("debunk2") > 0>>
<<toggleclass "#cercle2" "cerclevu">>
<<endif>>
<<if visited("debunk3") > 0>>
<<toggleclass "#cercle3" "cerclevu">>
<<endif>>
<<if visited("debunk4") > 0>>
<<toggleclass "#cercle4" "cerclevu">>
<<endif>>
<<if visited("debunk1") > 0>>
<<toggleclass "#cercle5" "cerclevu">>
<<endif>>
<</done>>
<<if $maitrise == 100>>
<<run Dialog.setup("🎉🎉🎉 Bien joué !");>>
<<run Dialog.wiki("<center><img class='gifDialogs' src='./fichiers/validation-mecanismes.gif'></center><br/>Bravo, tu connais tous les mécanismes d'une bonne infox. Maintenant à toi de construire la tienne ! <br><br>Clique sur le bouton ci-dessous pour découvrir quelle fausse info difficile à croire tu vas devoir... rendre crédible !<br/><br/><center><strong> <<click[[👉👉👉 Découvrir l'infox à propager ->partie2 - scénario de l'infox]] ]]</strong></center><br/>>><<script>>UI.close()<</script>><</click>>")>>
<<run Dialog.open();>>
<<endif>>
<</nobr>><br><img src="./fichiers/logos/logoCCF.png" width=90% />
<br><div id="consigne"> $consigne</div>
<<nobr>>
<div class="ajoutsmenu">Maîtrise <<if lastVisited("debunk1") is 1 or lastVisited("debunk2") is 1 or lastVisited("debunk3") is 1 or lastVisited("debunk4") is 1 or lastVisited("debunk5") is 1 or passage() is "partie2">>@@.pulse;+ $maitrise <<else>>- $maitrise<</if>>
<meter @value="$maitrise" min="0" max="100"></meter></div><div class="ajoutsmenu">Mécanismes <<if lastVisited("debunk1") is 1 or lastVisited("debunk2") is 1 or lastVisited("debunk3") is 1 or lastVisited("debunk4") is 1 or lastVisited("debunk5") is 1 or passage() is "partie2">>@@.pulse;+ $nombreOutils <<else>>- $nombreOutils <</if>>
<div id="outils">
<span title="Les récompenses 🏆"><<if $debunk1reponse1 is true>><<link "🏆">><<run Dialog.setup("Les récompenses 🏆");>><<run Dialog.wiki("Utiliser le témoignage de quelqu’un de primé, de reconnu par sa profession, donne du poids à ses arguments ! <br><br>Dans la réalité, la parole d’un Prix Nobel n’a pas forcément plus de valeur que celle d’un autre scientifique car il peut être victime de sa propre idéologie ou se tromper. C’est le <strong>consensus scientifique</strong> (l’avis de la grande majorité des scientifiques étudiant une question) qui a une valeur très forte.<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Le mélange du vrai et du faux 🤥"><<if $debunk1reponse2 is true>><<link "🤥">><<run Dialog.setup("Le mélange du vrai et du faux 🤥");>><<run Dialog.wiki("Glisser de fausses informations au milieu d'informations véridiques est très efficace. <br><br>Notre cerveau a tendance à <strong>valider</strong> l'ensemble quand il remarque des informations qu'il sait justes.<br>")>><<run Dialog.open();>><</link>>
<</if>></span>
<span title="Les médias 📺"><<if $debunk1reponse4 is true>><<link "📺">><<run Dialog.setup("Les médias 📺");>><<run Dialog.wiki("Les médias reconnus apportent de la crédibilité à une information. <br><br>C'est pour cela que les infox utilisent souvent des <strong>extraits</strong> issus de médias ou en adoptent <strong>l'apparence</strong> dans leur mise en page et leur style de communication. ")>><<run Dialog.open();>><</link>><</if>></span>
<span title="La caution scientifique 🥼"><<if $debunk1reponse1 is true or $debunk2reponse2 is true>><<link "🥼">><<run Dialog.setup("La caution scientifique 🥼");>><<run Dialog.wiki("Pour appuyer toute affirmation d’importance, une caution scientifique est essentielle. Pour donner du crédit à une information, il faut faire en sorte qu’elle soit dite par un scientifique. <br><br>Le système des sciences met en place une méthode (la <strong>méthode scientifique</strong>) qui permet d’étudier le monde avec un regard <strong>le plus neutre possible</strong> et <strong>d’échanger et comparer</strong> ses résultats avec d’autres scientifiques. Ce sont ces deux aspects qui font que la science est une <strong>source fiable</strong> de connaissances.<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Le secret, le complot 🤫"><<if $debunk2reponse4 is true>><<link "🤫">><<run Dialog.setup("Le secret, le complot 🤫");>><<run Dialog.wiki("Le fait que quelque chose soit caché, ou connu d'un petit nombre de personnes, lui donne beaucoup de <strong>valeur</strong>. <br><br>Certains jouent sur ce point pour rendre une information plus importante.<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Le montage 🎬"><<if $debunk3reponse2 is true>><<link "🎬">><<run Dialog.setup("Le montage 🎬");>><<run Dialog.wiki("Le procédé est utilisé dans tous les films : enchaîner deux séquences bien choisies crée automatiquement <strong>un lien de cause à effet</strong>.<br><br> On a <strong>l'impression </strong>que la seconde est la conséquence de la première.<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Le son 🔊"><<if $debunk3reponse4 is true>><<link "🔊">><<run Dialog.setup("Le son 🔊");>><<run Dialog.wiki("La bande son influence fortement l'ambiance. Pour faire peur par exemple, une <strong>musique angoissante</strong> est très efficace.<br><br> De plus, on peut changer le son d'origine d'une vidéo <strong>très facilement</strong> sans qu'on puisse le remarquer.<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Le bouche-à-oreille 🗣️"><<if $debunk2reponse5 is true>><<link "🗣️">><<run Dialog.setup("Le bouche-à-oreille 🗣️");>><<run Dialog.wiki("Une information peut gagner en crédibilité parce qu'elle est transmise par de « vraies personnes » , en dehors des réseaux publics d'informations. <br><br>En effet, dans ce cas, on a toujours <strong>l'impression</strong> d'être proche de la source (« je connais quelqu'un qui connaît quelqu'un qui...»), et on lui accorde donc de la crédibilité. Pourtant, il est <strong>très difficile</strong> de remonter à l'origine d'une information transmise de cette manière et de la vérifier.")>><<run Dialog.open();>><</link>><</if>></span>
<span title="les corrélations / causalités 📈"><<if $debunk4reponse2 is true>><<link "📈">><<run Dialog.setup("les corrélations / causalités 📈");>><<run Dialog.wiki("Des chiffres, des graphiques, voilà qui fait sérieux et en met plein la vue pour persuader les gens ! Mais rien de plus facile que d’interpréter les chiffres (même s’ils sont justes à la base) n’importe comment. <br><br>Des données peuvent <strong>sembler </strong>liées car elles évoluent de la même façon ou de façon opposée, c’est ce qu’on appelle une <strong>corrélation</strong> en mathématiques. Mais pour autant elles peuvent ne rien avoir à faire l’une avec l’autre, donc <strong>n’avoir aucune causalité </strong>(l’une n’est pas la cause de l’autre).<br>")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Les sources statistiques 📚"><<if $debunk4reponse4 is true>><<link "📚">><<run Dialog.setup("Les sources statistiques 📚");>><<run Dialog.wiki("Comme pour les experts qui peuvent s’exprimer directement, citer des sources scientifiques reconnues permet de <strong>donner de la validité </strong>à des arguments. <br><br>Mais dans la réalité, les gens vont rarement les vérifier.<br> ")>><<run Dialog.open();>><</link>><</if>></span>
<span title="Les arguments fallacieux ⛷️⚖️"><<if $debunk5reponse2 is true>><<link "⛷️⚖️">><<run Dialog.setup("Les arguments fallacieux ⛷️⚖️");>><<run Dialog.wiki("Un raisonnement qui semble logique permet de rendre une hypothèse crédible. <br><br> Pourtant, une explication peut avoir une apparence logique <strong>sans pour autant être vraie</strong> ! C'est ce qu'on appelle un argument fallacieux. Ce procédé est très utilisé, volontairement ou involontairement, quand on cherche à <strong>convaincre</strong> des personnes. ")>><<run Dialog.open();>><</link>><</if>></span>
</div></div>
<</nobr>><div class="ContenuPassages"><div class="ConsigneInfox">Regarde cette vidéo. Les propositions qui suivent sont <strong>toutes vraies</strong>... <br>🔎 Ta mission : identifier <em>uniquement</em> les <strong>mécanismes</strong> qui nous <em>poussent à croire</em> à cette information.</div>
<video class="videospaysage" controls src="./fichiers/debunks/debunk1-luc-montagnier.mp4" ></video>
<div class="checkboxList"><<checkbox "$debunk1reponse1" false true autocheck>> c'est sur une chaîne d'info à la télé
<<checkbox "$debunk1reponse2" false true autocheck>> c'est un Prix Nobel qui parle
<<checkbox "$debunk1reponse3" false true autocheck>> sa veste est bleue
<<checkbox "$debunk1reponse4" false true autocheck>> il parle des chauves-souris, qui sont reconnues comme porteuses du virus
<<checkbox "$debunk1reponse5" false true autocheck>> ses cheveux n'ont pas l'air d'être naturels</div>
<<button "⚡Envoyer">>
<<if $debunk1reponse1 and $debunk1reponse2 and $debunk1reponse4 is true and $debunk1reponse3 is false and $debunk1reponse5 is false>>
<<addclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Bien joué !")>>
<<run Dialog.wiki("<center><img class='gifDialogs' src='https://media.giphy.com/media/zaqclXyLz3Uoo/giphy.gif'></center><br/>1. 🏆🥼 L'expertise & les reconnaissances : un <strong>avis isolé</strong>, même d'expert, et même nobélisé, ne suffit pas pour être fiable. Lorsqu’un seul scientifique (ou une poignée) s’exprime en affirmant une idée alors que toute la communauté scientifique mondiale dit que cela est faux ou que cela ne peut pas être prouvé, c’est le consensus qu’il faut écouter. <br/><br/>2. 🤥 Le mélange du vrai et du faux : notre cerveau va avoir tendance à accepter <strong>beaucoup plus facilement</strong> quelque chose de faux s'il est associé à des éléments véridiques (ici, il existe réellement un virus chez les chauve-souris).<br/><br/>3. 📺 Le média : les médias d'information doivent normalement mener une démarche de vérification quand ils diffusent une information. Cependant, avec les <strong>logiques d'audience</strong>, certains médias s'éloignent de cette méthode.<br/><br/><center><strong> <<click[[👉👉👉 On continue ? ->partie 1 - grille]]</strong></center><br/>>><<script>>UI.close()<</script>><<set $maitrise to $maitrise + 20>><<set $nombreOutils to $nombreOutils + 3>><</click>> ")>>
<<run Dialog.open()>>
<<elseif ($debunk1reponse1 is true or $debunk1reponse2 is true or $debunk1reponse4 is true) and ($debunk1reponse3 is true or $debunk1reponse5 is true) >>
<<removeclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Pas mal...")>><<run Dialog.wiki("Tu es sur la bonne piste, mais <strong>tout</strong> ce que tu as coché n'est pas juste... <br><br>Continue de chercher !")>><<run Dialog.open()>>
<<elseif ($debunk1reponse1 is false) and ($debunk1reponse2 is false) and ($debunk1reponse4 is false) and ($debunk1reponse3 is true) or ($debunk1reponse5 is true) >>
<<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Dommage...")>><<run Dialog.wiki("Ce que tu as coché est vrai, mais ce n'est <strong>pas ça</strong> qui rend l'infox crédible. <br><br>Essaie encore ! ")>><<run Dialog.open()>>
<<elseif ($debunk1reponse1 is true) or ($debunk1reponse2 is true) or ($debunk1reponse4 is true) and ($debunk1reponse3 is false and $debunk1reponse5 is false) >>
<<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal !")>><<run Dialog.wiki("Mais il t'en <strong>manque</strong>... <br><br> Continue de chercher !")>><<run Dialog.open()>>
<<endif>>
<</button>>
</div>
<<nobr>>
<<run Dialog.close();>>
<<set $nombreOutils to 12>><<set $debunk1reponse1 to true>><<set $debunk1reponse2 to true>><<set $debunk1reponse4 to true>><<set $debunk2reponse2 to true>><<set $debunk2reponse4 to true>><<set $debunk2reponse5 to true>><<set $debunk3reponse2 to true>><<set $debunk3reponse4 to true>><<set $debunk4reponse2 to true>><<set $debunk4reponse4 to true>><<set $debunk5reponse2 to true>><<set $debunk5reponse3 to true>>
<<set
$debunk1reponse1 to true ;
$debunk1reponse2 to true ;
$debunk2reponse1 to true ;
$debunk2reponse2 to true ;
>>
<<set $maitrise to 100>>
<<set $nombreOutils to 12>>
<<set $consigne to "Construis l'infox la plus crédible en faisant les bons choix !">>
<</nobr>><div class="ContenuSequences">@@.pulse;<div class="ConsigneInfox"><center><strong>⚠️⚠️⚠️
Une substance est ajoutée dans les dosettes de café pour rendre les gens plus consommateurs et dépensiers !
⚠️⚠️⚠️</strong></center></div>@@
<<timed 2.5s>><<type 80ms skipkey "Control">><div class="ConsigneText">Voici le scénario de l'infox que tu vas devoir propager...
Impossible de faire avaler ça aux gens ?
Avec les mécanismes que tu connais, à toi de construire <strong>LA vidéo</strong> qui rendra cette infox crédible !</div> <</type>><</timed>>
<div class="divpostponed"><div class="ConsigneInfox">▶️ Les règles : cinq séquences, trois vidéos possibles à chaque fois, à toi de choisir celles qui rendront ta vidéo la plus virale possible !
▶️ Tes outils : les mécanismes d'infox que tu connais déjà. 🔦 Besoin de se rafraîchir la mémoire ? Tu peux retrouver les mécanismes à tout moment en cliquant sur tes outils dans la barre de gauche.
Arriveras-tu à atteindre le meilleur score de viralité ? Réponse à la fin !
<strong><center>[[👉👉👉 C'est parti ? Go ! ->sequence1]] </center></strong></div></div>
</div><div class="ContenuPassages"><div class="ConsigneInfox">Regarde cette vidéo. Les propositions qui suivent sont <strong>toutes vraies</strong>... <br>🔎 Ta mission : identifier <em>uniquement</em> les <strong>mécanismes</strong> qui nous <em>poussent à croire</em> à cette information.</div>
<video class="videosportrait" controls src="./fichiers/debunks/debunk2-fake-whatsapp.mp4" ></video>
<div class="checkboxList"><<checkbox "$debunk2reponse1" false true autocheck>> c'est une femme qui parle.
<<checkbox "$debunk2reponse2" false true autocheck>> la personne dit qu'elle est infirmière
<<checkbox "$debunk2reponse3" false true autocheck>> la batterie du téléphone est à 12%
<<checkbox "$debunk2reponse4" false true autocheck>> c'est une information que les autorités ne souhaitent pas diffuser
<<checkbox "$debunk2reponse5" false true autocheck>> l'information circule directement par le bouche-à-oreille </div>
<<button "⚡Envoyer">>
<<if $debunk2reponse2 and $debunk2reponse4 and $debunk2reponse5 is true and $debunk2reponse3 is false and $debunk2reponse1 is false>>
<<addclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Bien vu !")>>
<<run Dialog.wiki("<center><img class='gifDialogs' src='https://media.giphy.com/media/3ohhwMHZ4rusG6dcti/giphy.gif'></center>Effectivement, ici, il y a trois ingrédients clés :<br/><br/>1. 🥼 L'expertise : quand une personne a une expertise dans un domaine, comme ici une infirmière, on a <strong>tendance à lui faire confiance</strong>.<br/><br/>2. 🤫 Le secret : laisser penser que <strong>des autorités non définies</strong> (« ils », « on ») souhaitent garder une information secrète.<br/><br/>3. 🗣️ Le bouche-à-oreille : l'information circule via une chaîne de <strong>personnes qui se connaissent</strong>.<br/><br/>Trois mécanismes en plus 🥼🤫🗣️qui te seront utiles pour la suite....<br/><br/><center><strong> <<click[[👉👉👉 On continue ? ->partie 1 - grille]]</strong></center><br/>>><<script>>UI.close()<</script>><<set $maitrise to $maitrise + 20>><<set $nombreOutils to $nombreOutils + 3>><</click>> ")>>
<<run Dialog.open()>>
<<elseif ($debunk2reponse2 is true or $debunk2reponse4 is true or $debunk2reponse5 is true) and ($debunk2reponse3 is true or $debunk2reponse1 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal...")>><<run Dialog.wiki("Tu es sur la bonne piste, mais <strong>tout</strong> ce que tu as coché n'est pas juste... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<elseif ($debunk2reponse2 is false) and ($debunk2reponse4 is false) and ($debunk2reponse5 is false) and ($debunk2reponse3 is true) or ($debunk2reponse1 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Dommage...")>><<run Dialog.wiki("Ce que tu as coché est vrai, mais ce n'est <strong>pas ça</strong> qui rend l'infox crédible. <br/><br/>Essaie encore !")>><<run Dialog.open()>>
<<elseif ($debunk2reponse2 is true) or ($debunk2reponse4 is true) or ($debunk2reponse5 is true) and ($debunk2reponse3 is false and $debunk2reponse1 is false) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal !")>><<run Dialog.wiki("Mais il t'en <strong>manque</strong>... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<endif>>
<</button>>
</div>
<<set $maitrise to 0>>
<<set $nombreOutils to 0>>
<<set $mode to 0>>
<<set $scorejeu to 0>>
<<set $scorecalcule to 0>>Ci-dessous, les différents effets utilisables dans les textes.
@@.pulse;This text should pulse once
@@.shadow;This text should have a shadow
@@.emboss;This text should be embossed
@@.blur;This text should be blurred
@@.blurrier;This text should be blurrier
@@.smear;This text should be smeared
@@.mirror;This text should be mirrored
@@.upside-down;This text should be upside-down
@@.fade-in-out;This text should fade in and out
@@.rumble;This text should be rumbling
@@.shudder;This text should be shuddering@@
<<type 40ms>>
Type characters from this content every 40 milliseconds. Includind links and ''other markup''!
<</type>>
<<type 40ms start 2s>>
Type characters from this content every 40 milliseconds, starting after a 2 second delay.
<</type>>
<<type 40ms class "foo bar">>
Type characters from this content every 40 milliseconds, adding classes to the typing container.
<</type>>
<<type 40ms element "span">>
Type characters from this content every 40 milliseconds, using a <span> as the typing container.
<</type>>
<<type 40ms id "type01">>
Type characters from this content every 40 milliseconds, assigning an ID to the typing container.
<</type>>
<<type 40ms keep>>
Type characters from this content every 40 milliseconds, keeping the cursor after typing is complete.
<</type>>
<<type 40ms skipkey "Control">>
Type characters from this content every 40 milliseconds, using the Control (CTRL) key as the skip key.
<</type>><div class="ContenuPassages"><div class="ConsigneInfox">Regarde cette vidéo. Les propositions qui suivent sont <strong>toutes vraies</strong>... <br>🔎 Ta mission : identifier <em>uniquement</em> les <strong>mécanismes</strong> qui nous <em>poussent à croire</em> à cette information.</div>
<video class="videospaysage" controls src="./fichiers/debunks/debunk3-peche-ultrasons.mp4" ></video>
<div class="checkboxList"><<checkbox "$debunk3reponse1" false true autocheck>> c'est un gaucher qui tient le téléphone
<<checkbox "$debunk3reponse2" false true autocheck>> les deux séquences s'enchaînent naturellement
<<checkbox "$debunk3reponse3" false true autocheck>> on voit beaucoup de poissons
<<checkbox "$debunk3reponse4" false true autocheck>> le son est bien synchronisé avec l'image
<<checkbox "$debunk3reponse5" false true autocheck>> il n'y a pas de logo de chaîne de télé </div>
<<button "⚡Envoyer">>
<<if $debunk3reponse2 and $debunk3reponse4 is true and $debunk3reponse1 is false and $debunk3reponse3 is false and $debunk3reponse5 is false>>
<<addclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Bien vu !")>>
<<run Dialog.wiki("<center><img class='gifDialogs' src='https://media.giphy.com/media/fnK0jeA8vIh2QLq3IZ/giphy.gif' height='200vh'></center><br/>Oui ! Ici, deux éléments font que l'infox fonctionne : <br/><br/>1.🎬 Le montage : notre cerveau fait un lien logique entre deux images qui se succèdent.<strong> Pourtant, elles peuvent ne pas avoir de rapport</strong>. Cette technique de montage couramment utilisée au cinéma permet de suggérer un lien de cause à effet, comme ici, entre les ondes et les poissons morts.<br/><br/>2. 🔊 La bande son : il est <strong>très facile</strong> de modifier le son d'origine d'une vidéo.<br/><br/><center><strong> <<click[[👉👉👉 On continue ? ->partie 1 - grille]]</strong></center><br/>>><<script>>UI.close()<</script>><<set $maitrise to $maitrise + 20>><<set $nombreOutils to $nombreOutils + 2>><</click>> ")>>
<<run Dialog.open()>>
<<elseif ($debunk3reponse2 is true or $debunk3reponse4 is true) and ($debunk3reponse1 is true or $debunk3reponse3 is true or $debunk3reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal...")>><<run Dialog.wiki("Tu es sur la bonne piste, mais <strong>tout</strong> ce que tu as coché n'est pas juste... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<elseif ($debunk3reponse2 is false) and ($debunk3reponse4 is false) and ($debunk3reponse1 is true) or ($debunk3reponse3 is true) or ($debunk3reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Dommage...")>><<run Dialog.wiki("Ce que tu as coché est vrai, mais ce n'est <strong>pas ça</strong> qui rend l'infox crédible. <br/><br/>Essaie encore !")>><<run Dialog.open()>>
<<elseif ($debunk3reponse2 is true) or ($debunk3reponse4 is true) and ($debunk3reponse1 is false) and ($debunk3reponse3 is false and $debunk3reponse5 is false) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal !")>><<run Dialog.wiki("Mais il t'en <strong>manque</strong>... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<endif>>
<</button>>
</div>
<div class="ContenuPassages"><div class="ConsigneHP"><<set $consigne to "Dissèque les infox et combine les mécanismes identifiés pour réaliser la tienne !">><<if visited() is 1>><<type 40ms class "typehp" keep skipkey "Control">>Savoir détecter des infox, c’est bien, connaître les méthodes, les mécanismes qui sont couramment utilisés pour tenter de nous les faire avaler, c’est encore mieux ! <br><br> Montage, mauvaise logique, faux experts... De nombreux mécanismes sont possibles pour <strong>rendre crédible</strong> une fausse information. Apprends d'abord à les <em>détecter</em> avant de les <em>utiliser</em> toi-même, comme un créateur de fake news prêt à tout pour faire croire ce qui l'arrange !<</type>><</if>></div>
<div class="divpostponed">
<div class="div-left">Mets-toi en mode analyse avec 5 infox qui fonctionnent et identifie les mécanismes
👇👇👇
<<button [[🔎 Mode Analyse|partie 1 - grille]]>><</button>></div><div class="div-right"> Tu as déjà fait le mode analyse ? Crée l’infox la plus crédible possible en combinant les mécanismes les plus efficaces
👇👇👇
<<button [[🛠️ Construire mon infox|partie2 - scénario de l'infox]]>><</button>></div></div></div><<if visited() > 1>>Savoir détecter des infox, c’est bien, connaître les méthodes, les mécanismes qui sont couramment utilisés pour tenter de nous les faire avaler, c’est encore mieux ! <br><br> Montage, mauvaise logique, faux experts... De nombreux mécanismes sont possibles pour <strong>rendre crédible</strong> une fausse information. Apprends d'abord à les <em>détecter</em> avant de les <em>utiliser</em> toi-même, comme un créateur de fake news prêt à tout pour faire croire ce qui l'arrange !</div>
<div class="div-left">Mets-toi en mode analyse avec 5 infox qui fonctionnent et identifie les mécanismes
👇👇👇
<<button [[🔎 Mode Analyse|partie 1 - grille]]>><</button>></div><div class="div-right"> Tu as déjà fait le mode analyse ? Crée l’infox la plus crédible possible en combinant les mécanismes les plus efficaces
👇👇👇
<<button [[🛠️ Construire mon infox|partie2 - scénario de l'infox]]>><</button>></div>
<</if>>
<!--Test pour afficher un message uniquement sur un certain passage en fonction du passage visité précédemment
<<if visited("home") is 1 and lastVisited("home") is 0>>c'est la première fois qu'on voit la home<<endif>>-->
<!--Test pour afficher dans le bouton pour aller à la partie 2 dans la sidebar
<<if passage() is "home" and visited("home") ==1>>
<div class="ajoutsmenu"><<click "[[Je maîtrise déjà les fakes, je vais à la partie 2]]">><</click>>
</div>
<<endif>>-->
<div class="ContenuPassages"><div class="ConsigneInfox">Les propositions ci-dessous sont <strong>toutes vraies</strong>... <br>🔎 Ta mission : identifier <em>uniquement</em> les <strong>mécanismes</strong> qui nous <em>poussent à croire</em> à cette information.</div>
<img class="videospaysage" src="./fichiers/debunks/debunk4-bio-et-autisme.png"/>
<div class="checkboxList"><<checkbox "$debunk4reponse1" false true autocheck>> on entend de plus en plus parler du bio
<<checkbox "$debunk4reponse2" false true autocheck>> on voit clairement que les deux courbes se suivent
<<checkbox "$debunk4reponse3" false true autocheck>> de nos jours, on fait passer plus de tests pour déceler l'autisme
<<checkbox "$debunk4reponse4" false true autocheck>> le graphique affiche des sources scientifiques
<<checkbox "$debunk4reponse5" false true autocheck>> la tendance des courbes est à la hausse</div>
<<button "⚡Envoyer">>
<<if $debunk4reponse2 is true and $debunk4reponse4 is true and $debunk4reponse1 is false and $debunk4reponse3 is false and $debunk4reponse5 is false >>
<<addclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Bien joué !")>>
<<run Dialog.wiki("Qu'est-ce qui fonctionne ici ? <br/><br/>1. 📈 L'interprétation des données : mathématiquement, on peut calculer un lien entre deux données (une corrélation) <strong>sans pour autant qu'il y ait un lien de cause à effet entre les deux</strong>. Ici, les données vont dans le même sens, mais ne sont pas liées : on aurait pu avoir le même rapprochement avec une tout autre donnée.<br/><br/><strong>Un autre exemple ?</strong> Ici, on pourrait dire que la consommation de vin influe sur le choix des prénoms. Pourtant ces deux données n'ont aucun lien et le graphique a été généré avec un <a href='https://www.lemonde.fr/les-decodeurs/article/2019/01/02/correlation-ou-causalite-brillez-en-societe-avec-notre-generateur-aleatoire-de-comparaisons-absurdes54042864355770.html'>outil aléatoire</a> développé par le journal Le Monde<br/><center><img src='./fichiers/debunks/debunk4-autre exemple.jpg' width='50%'></center><br/>2.📚Les sources scientifiques : c'est un élément important pour évaluer la crédibilité d'une information, mais <strong>pas suffisant</strong>, puisqu'on peut utiliser une donnée sourcée en l'interprétant d'une manière erronée.<br/><br/><center><strong> <<click[[👉👉👉 On continue ? ->partie 1 - grille]]</strong></center><br/>>><<script>>UI.close()<</script>><<set $maitrise to $maitrise + 20>><<set $nombreOutils to $nombreOutils + 2>><</click>> ")>>
<<run Dialog.open()>>
<<elseif ($debunk4reponse2 is true or $debunk4reponse4 is true) and ($debunk4reponse1 is true or $debunk4reponse3 is true or $debunk4reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal...")>><<run Dialog.wiki("Tu es sur la bonne piste, mais <strong>tout</strong> ce que tu as coché n'est pas juste... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<elseif ($debunk4reponse2 is false) and ($debunk4reponse4 is false) and ($debunk4reponse1 is true) or ($debunk4reponse3 is true) or ($debunk4reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Dommage...")>><<run Dialog.wiki("Ce que tu as coché est vrai, mais ce n'est <strong>pas ça</strong> qui rend l'infox crédible. <br/><br/>Essaie encore !")>><<run Dialog.open()>>
<<elseif ($debunk4reponse2 is true) or ($debunk4reponse4 is true) and ($debunk4reponse1 is false) and ($debunk4reponse3 is false and $debunk4reponse5 is false) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal !")>><<run Dialog.wiki("Mais il t'en <strong>manque</strong>... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<endif>>
<</button>>
</div>
<div class="ContenuPassages"><div class="ConsigneInfox">Regarde cette vidéo. Les propositions qui suivent sont <strong>toutes vraies</strong>... <br>🔎 Ta mission : identifier <em>uniquement</em> les <strong>mécanismes</strong> qui nous <em>poussent à croire</em> à cette information.</div>
<video class="videospaysage" controls src="./fichiers/debunks/debunk5-sarkozy.mp4" ></video>
<div class="checkboxList"><<checkbox "$debunk5reponse1" false true autocheck>> il parle fort
<<checkbox "$debunk5reponse2" false true autocheck>> il annonce des conséquences désastreuses
<<checkbox "$debunk5reponse3" false true autocheck>> ses arguments semblent logiques
<<checkbox "$debunk5reponse4" false true autocheck>> les paquets neutres existent dans d'autres pays
<<checkbox "$debunk5reponse5" false true autocheck>> les gens applaudissent</div>
<<button "⚡Envoyer">>
<<if $debunk5reponse2 is true and $debunk5reponse3 is true and $debunk5reponse1 is false and $debunk5reponse4 is false and $debunk5reponse5 is false>>
<<addclass "#ui-dialog-close" "dialogclosehide">>
<<run Dialog.setup("Bien joué !")>>
<<run Dialog.wiki("Les discours peuvent cacher des techniques d’argumentation qui visent à influencer l’autre par des propos suivant une fausse logique, par des attaques, par des mensonges, etc. Ici, on retrouve: <br/><br/>1. ⛷️ La pente savonneuse : inventer une dégringolade de conséquences catastrophiques qui n’ont pourtant <strong>aucun lien </strong>avec la mise en place du paquet neutre. Serait-ce pour jouer sur les peurs et plaire à un public très attaché aux terroirs ? <br/><br/>2. ⚖️ Le faux-dilemme (ne laisser <strong>que deux options</strong>) : « si vous êtes d’accord avec moi, vous êtes intelligent, sinon vous êtes stupide car ce ne sont que des bêtises.» Pourtant, on peut aussi être intelligent et ne pas être d’accord avec lui.<br/><br/><center><strong> <<click[[👉👉👉 On continue ? ->partie 1 - grille]]</strong></center><br/>>><<script>>UI.close()<</script>><<set $maitrise to $maitrise + 20>><<set $nombreOutils to $nombreOutils + 1>><</click>> ")>>
<<run Dialog.open()>>
<<elseif ($debunk5reponse2 is true or $debunk5reponse3 is true) and ($debunk5reponse1 is true or $debunk5reponse4 is true or $debunk5reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal...")>><<run Dialog.wiki("Tu es sur la bonne piste, mais <strong>tout</strong> ce que tu as coché n'est pas juste... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<elseif ($debunk5reponse2 is false) and ($debunk5reponse3 is false) and ($debunk5reponse1 is true) or ($debunk5reponse4 is true) or ($debunk5reponse5 is true) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Dommage...")>><<run Dialog.wiki("Ce que tu as coché est vrai, mais ce n'est <strong>pas ça</strong> qui rend l'infox crédible. <br/><br/>Essaie encore !")>><<run Dialog.open()>>
<<elseif ($debunk5reponse2 is true) or ($debunk5reponse3 is true) and ($debunk5reponse1 is false) and ($debunk5reponse4 is false and $debunk5reponse5 is false) >><<removeclass "#ui-dialog-close" "dialogclosehide">><<run Dialog.setup("Pas mal !")>><<run Dialog.wiki("Mais il t'en <strong>manque</strong>... <br/><br/>Continue de chercher !")>><<run Dialog.open()>>
<<endif>>
<</button>>
</div>
Double-click this passage to edit it.<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 1/7 - l'intro </div><<type 80ms skipkey "Control">><p>A ton avis, quel est le meilleur extrait pour commencer ta vidéo d'infox ?</p><</type>><div class="divpostponed"><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence1-1.mp4"></video>
<label><<radiobutton "_sequence1" "1" autocheck>> vidéo 1</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence1-2.mp4"></video>
<label><<radiobutton "_sequence1" "2" autocheck>> vidéo 2</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence1-3.mp4"></video>
<label><<radiobutton "_sequence1" "3" autocheck>> vidéo 3</label></div>
<div class="BoutonVideos"><<button "Choisir cette vidéo">>
<<if def _sequence1>>
<<set $sequence1 to _sequence1>>
<<goto [[sequence2]]>>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir une vidéo !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>
<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 3/7 : l'expertise </div><<type 80ms skipkey "Control">><p>Impeccable, les gens qui regardent ta vidéo ont maintenant un doute et sont peut-être un peu inquiets ... sans trop savoir pourquoi. Que dirais-tu de rajouter un peu de caution scientifique à ta vidéo pour crédibiliser ton infox ?</p><</type>>
<div class="divpostponed"><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence3-1.mp4"></video>
<label><<radiobutton "_sequence3" "1" autocheck>> vidéo 1</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence3-2.mp4"></video>
<label><<radiobutton "_sequence3" "2" autocheck>> vidéo 2</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence3-3.mp4"></video>
<label><<radiobutton "_sequence3" "3" autocheck>> vidéo 3</label></div>
<div class="BoutonVideos"><<button "Choisir cette vidéo">>
<<if def _sequence3>>
<<set $sequence3 to _sequence3>>
<<goto [[sequence4]]>>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir une vidéo !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>
<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 4/7 : le montage </div><<type 80ms skipkey "Control">><p>Ok, tu as maintenant les bases de ton complot. Maintenant, que dirais-tu de rajouter des images qui n'ont rien à voir, mais qui pourraient renforcer ta théorie dans l'esprit du spectateur ?</p><</type>><div class="divpostponed"><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence4-1.mp4"></video>
<label><<radiobutton "_sequence4" "1" autocheck>> vidéo 1</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence4-2.mp4"></video>
<label><<radiobutton "_sequence4" "2" autocheck>> vidéo 2</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence4-3.mp4"></video>
<label><<radiobutton "_sequence4" "3" autocheck>> vidéo 3</label></div>
<div class="BoutonVideos"><<button "Choisir cette vidéo">>
<<if def _sequence4>>
<<set $sequence4 to _sequence4>>
<<goto [[sequence5]]>>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir une vidéo !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>
<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 2/7 : le doute </div><<type 80ms skipkey "Control">><p>Pas mal ! Tu as maintenant une introduction avec uniquement des éléments vrais avec lesquels les gens ne pourront qu'être d'accord ! Si on rajoutait un peu de doute maintenant ?</p><</type>><div class="divpostponed"><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence2-1.mp4"></video>
<label><<radiobutton "_sequence2" "1" autocheck>> vidéo 1</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence2-2.mp4"></video>
<label><<radiobutton "_sequence2" "2" autocheck>> vidéo 2</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence2-3.mp4"></video>
<label><<radiobutton "_sequence2" "3" autocheck>> vidéo 3</label></div>
<div class="BoutonVideos"><<button "Choisir cette vidéo">>
<<if def _sequence2>>
<<set $sequence2 to _sequence2>>
<<goto [[sequence3]]>>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir une vidéo !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>- corrélation / causalité - ok
- caution scientifique - ok
- sources statistiques - ok
- mélange du vrai et du faux - ok
- le secret / complot - ok
- montage / son - ok
non utilisés :
- les médias - pas directement, mais sans doute dans les extraits
- arguments fallacieux
non utilisés mais ok :
- bouche à oreille
<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 5/7 : la conclusion </div><<type 80ms skipkey "Control">><p>Voilà qui complète bien notre infox ! Il ne reste plus qu'à conclure ta vidéo pour ancrer le message... Et marquer les esprits.</p><</type>><div class="divpostponed"><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence5-1.mp4"></video>
<label><<radiobutton "_sequence5" "1" autocheck>> vidéo 1</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence5-2.mp4"></video>
<label><<radiobutton "_sequence5" "2" autocheck>> vidéo 2</label>
</div><div class="CadreVideos"><video class="VideosSequences" controls src="./fichiers/sequences/sequence5-3.mp4"></video>
<label><<radiobutton "_sequence5" "3" autocheck>> vidéo 3</label></div>
<div class="BoutonVideos"><<button "Choisir cette vidéo">>
<<if def _sequence5>>
<<set $sequence5 to _sequence5>>
<<goto [[messagepartage]] >>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir une vidéo !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div><div class="ContenuSequences"><div class="ConsigneSequences"> Etape 6/7 : le message de partage </div><<type 80ms skipkey "Control">><p>Bravo, ta vidéo est terminée ! Mais ça ne suffit pas... Maintenant, il faut que les gens la voient ! A toi de choisir le message de partage qui sera le plus efficace ! </p><</type>><div class="divpostponed"><div class="CadreVideos"><div class="MessagesSequences">"Voici une info qui peut vous intéresser, à vous de vous faire votre propre opinion et d'éventuellement partager."</div><label><<radiobutton "_messagepartage" "1" autocheck>> message 1</label>
</div><div class="CadreVideos"><div class="MessagesSequences">"ATTENTION ! ARRETEZ TOUT DE SUITE DE BOIRE DU CAFÉ !!!! 👺☠️❌☕ #poison #complot #lavagedecerveaux #touspourris"</div><label><<radiobutton "_messagepartage" "2" autocheck>> message 2</label>
</div><div class="CadreVideos"><div class="MessagesSequences">"Salut, je sais pas si vous êtes au courant. Ça vient d'être découvert, et pourtant aucun média n'en parle ! Perso, j'ai ressorti ma vieille cafetière... Partagez le plus possible !"</div><label><<radiobutton "_messagepartage" "3" autocheck>> message 3</label></div>
<div class="BoutonVideos"><<button "Choisir ce message">>
<<if def _messagepartage>>
<<set $messagepartage to _messagepartage>>
<<goto [[canaldiffusion]] >>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir un message !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>
<div class="ContenuSequences"><div class="ConsigneSequences"> Etape 7/7 : le canal </div><<type 80ms skipkey "Control">><p>Tu as la vidéo, le message, pour terminer, comment la diffuses-tu ? </p><</type>><div class="divpostponed"><div class="CadreVideos"><div class="CanalDiffusion"><label><<radiobutton "_canaldiffusion" "1" autocheck>> Je poste sur les réseaux </label></div></div><div class="CadreVideos"><div class="CanalDiffusion"><label><<radiobutton "_canaldiffusion" "2" autocheck>> J'envoie par SMS + email</label></div></div><div class="CadreVideos"><div class="CanalDiffusion"><label><<radiobutton "_canaldiffusion" "3" autocheck>> Je crée un site Internet</label></div></div>
<div class="BoutonVideos"><<button "Choisir ce moyen de diffusion">>
<<if def _canaldiffusion>>
<<set $canaldiffusion to _canaldiffusion>>
<<goto [[resultats]] >>
<<else>>
<<replace "#erreur-video">>Attention, pour continuer, il faut choisir un canal !<</replace>>
<</if>>
<</button>>@@#erreur-video;@@</div>
</div></div>
<div class="ContenuResultats">
@@.pulse;
Bravo ! Ta vidéo est en ligne !
⬇️⬇️⬇️@@
<video controls class="videosresultats" src="" id="video0" preload playsinline></video><video class="videosresultats" src="" id="video1" preload playsinline></video><video class="videosresultats" src="" id="video2" preload playsinline></video><video class="videosresultats" src="" id="video3" preload playsinline></video><video class="videosresultats" src="" id="video4" preload playsinline></video>
<<timed 15s>>Elle va maintenant se propager... ou pas !
<<button "Découvre ton score !">>
<<if $scorecalcule == 100>>
<<run Dialog.setup(" Wahou ! ")>>
<<run Dialog.wiki(" Tu as fait $scorecalcule % de viralité ! Bravo, tu es un pro des infox, et tu maîtrises tellement les codes que tu as réussi à faire une vidéo hyper virale ! <br> <br>Grâce à ces connaissances, tu risques moins de te faire avoir que d'autres. Comment t'améliorer encore ? Reste toujours vigilant et transmets tes compétences à ton entourage. Au fur et à mesure, les fake news perdront de leur puissance ! ")>>
<<run Dialog.open()>>
<<elseif $scorecalcule >= 80 && $scorecalcule <= 99>>
<<run Dialog.setup( "Bravo !")>>
<<run Dialog.wiki("Bon travail ! Tu as fait <strong>$scorecalcule %</strong> de viralité ! <br><br>Mais ta vidéo aurait pu être <strong>encore plus virale</strong> sur certaines étapes <br>" + $detailsresultats + "<br><br> <strong>[[👉👉 pour retenter ta chance, c'est par ici !|sequence1]]</strong>" )>>
<<run Dialog.open()>>
<<elseif $scorecalcule >= 50 && $scorecalcule < 80>>
<<run Dialog.setup("Pas mal...")>>
<<run Dialog.wiki("Mais tu n'as fait que <strong> $scorecalcule %</strong> de viralité, car ta vidéo aurait pu être <strong>encore plus virale</strong> sur certaines étapes : <br>" + $detailsresultats + "<br><br> <strong>[[👉👉 pour retenter ta chance, c'est par ici !|sequence1]]</strong>")>>
<<run Dialog.open()>>
<<elseif $scorecalcule < 50 >>
<<run Dialog.setup("Dommage...")>>
<<run Dialog.wiki("Tu as fait <strong>$scorecalcule %</strong> de viralité. C'est un premier pas, mais tu n'es pas encore expert pour déjouer les fakes.<br><br> Si tu le souhaites, tu peux faire le <strong>[[👉👉 parcours pour apprendre tous les mécanismes|partie 1 - grille]]</strong>. <br><br>Ou <strong>[[👉👉 retenter ta chance|sequence1]]</strong> pour améliorer le score de ta vidéo en reprenant les étapes : <br> " + $detailsresultats )>>
<<run Dialog.open()>>
<<endif>>
<</button>>
<</timed>>
</div>
<<nobr>>
<!-- variables de test
<<set $scorejeu to 9>>
<<set $sequence1 to 1>>
<<set $sequence1 to 2>>
score calculé : $scorecalcule
vidéo 1 : $video1
$detailsresultats-->
<!-- Message à afficher en-dessous de 100% -->
<<set $detailsresultats to
"<br> - l'intro (vidéo 1) :" +
"<<if $sequence1 == 1>> ✅ <<else>> ❌ tu as choisi la vidéo $sequence1, et ce n'était pas la plus efficace <<endif>> " +
"<br> - le doute (vidéo 2) :" +
"<<if $sequence2 == 2>> ✅ <<else>> ❌ tu as choisi la vidéo $sequence2, et ce n'était pas la plus efficace <<endif>> " +
"<br> - l'expertise (vidéo 3) :" +
"<<if $sequence3 == 2>> ✅ <<else>> ❌ tu as choisi la vidéo $sequence3, et ce n'était pas la plus efficace <<endif>> "+
"<br> - le montage (vidéo 4) :" +
"<<if $sequence4 == 1>> ✅ <<else>> ❌ tu as choisi la vidéo $sequence4, et ce n'était pas la plus efficace <<endif>> " +
"<br> - la conclusion (vidéo 5) :" +
"<<if $sequence5 == 3>> ✅ <<else>> ❌ tu as choisi la vidéo $sequence5, et ce n'était pas la plus efficace <<endif>> " +
"<br> - le message de partage :" +
"<<if $messagepartage == 3>> ✅ <<else>> ❌ tu as choisi le message $messagepartage, et ce n'était pas le plus efficace <<endif>> " +
"<br> - le canal :" +
"<<if $canaldiffusion == 1>> ✅ <<else>> ❌ tu as choisi le canal $canaldiffusion, et ce n'était pas le plus efficace <<endif>> " >>
<!-- Calcul du score du jeu -->
<<if $sequence1 == 1>><<set $scorejeu to $scorejeu+ 3>><<elseif $sequence1 == 2>><<set $scorejeu to $scorejeu + 2>><<elseif $sequence1 == 3>><<set $scorejeu to $scorejeu + 1>><</if>>
<<if $sequence2 == 1>><<set $scorejeu to $scorejeu+ 1>><<elseif $sequence2 == 2>><<set $scorejeu to $scorejeu + 3>><<elseif $sequence2 == 3>><<set $scorejeu to $scorejeu + 2>><</if>>
<<if $sequence3 == 1>><<set $scorejeu to $scorejeu+ 1>><<elseif $sequence3 == 2>><<set $scorejeu to $scorejeu + 3>><<elseif $sequence3 == 3>><<set $scorejeu to $scorejeu + 2>><</if>>
<<if $sequence4 == 1>><<set $scorejeu to $scorejeu+ 3>><<elseif $sequence4 == 2>><<set $scorejeu to $scorejeu + 2>><<elseif $sequence4 == 3>><<set $scorejeu to $scorejeu + 1>><</if>>
<<if $sequence5 == 1>><<set $scorejeu to $scorejeu+ 2>><<elseif $sequence5 == 2>><<set $scorejeu to $scorejeu + 1>><<elseif $sequence5 == 3>><<set $scorejeu to $scorejeu + 3>><</if>>
<<if $messagepartage == 1>><<set $scorejeu to $scorejeu+ 1>><<elseif $messagepartage == 2>><<set $scorejeu to $scorejeu + 2>><<elseif $messagepartage == 3>><<set $scorejeu to $scorejeu + 3>><</if>>
<<if $canaldiffusion == 1>><<set $scorejeu to $scorejeu+ 3>><<elseif $canaldiffusion == 2>><<set $scorejeu to $scorejeu + 2>><<elseif $canaldiffusion == 3>><<set $scorejeu to $scorejeu + 1>><</if>>
<<set $scorecalcule to Math.trunc($scorejeu/21*100)>>
<!-- Enchaînement des vidéos -->
<<script>>
$(document).one(":passageend", function(e) {
var directory = "./fichiers/sequences/";
var file = "sequence1-" + State.variables.sequence1 + ".mp4";
var video0 = document.getElementById('video0');
video0.style.display = "block";
video0.src = directory + file;
video0.addEventListener('ended', function(e) {
video0.style.display = "none";
video1.style.display = "block";
video1.play();
});
var file = "sequence2-" + State.variables.sequence2 + ".mp4";
var video1 = document.getElementById('video1');
video1.style.display = "none";
video1.src = directory + file;
video1.addEventListener('ended', function(e) {
video1.style.display = "none";
video2.style.display = "block";
video2.play();
});
var file = "sequence3-" + State.variables.sequence3 + ".mp4";
var video2 = document.getElementById('video2');
video2.style.display = "none";
video2.src = directory + file;
video2.addEventListener('ended', function(e) {
video2.style.display = "none";
video3.style.display = "block";
video3.play();
});
var file = "sequence4-" + State.variables.sequence4 + ".mp4";
var video3 = document.getElementById('video3');
video3.style.display = "none";
video3.src = directory + file;
video3.addEventListener('ended', function(e) {
video3.style.display = "none";
video4.style.display = "block";
video4.play();
});
var file = "sequence5-" + State.variables.sequence5 + ".mp4";
var video4 = document.getElementById('video4');
video4.style.display = "none";
video4.src = directory + file;
});
<</script>>
<</nobr>>
<center>Ce jeu sur les fake news a été imaginé et créé avec ❤️ dans les Pyrénées-Atlantiques 🏞️ par
Lacq-Odyssée, CCSTI Pyrénées-Atlantiques et Landes
Laurence Magnaudet, médiatrice numérique du Pays basque
Le Réseau Cyber-base de la communauté de communes de Lacq-Orthez
----
Pour nous écrire : contact[a]commentcestfake.org
----
Merci à Marie-Georges Gaillard, Michel Pandeles et Hubert Dessinet pour le jeu d'acteur
à Sophie Dessinet pour la voix off
à Kévin Bordel pour le montage
à Séverine Marcq pour l'illustration
à tous les <a href="test">testeurs</a>
----
Crédits vidéo : pexels.com
Crédits photo : pixabay.com
Logiciel : Twine
----
Financé par La Fibre64 dans le cadre de l'AAP « De la fibre dans les idées !»
<img class="logos" src="./fichiers/logos/lafibre64.jpg"/>
----
<a href='http://www.lacqodyssee.org/'><img class="logos" src="./fichiers/logos/CCSTI.jpg"/></a><a href="https://mon-numerique.fr/"><img class="logos" src="./fichiers/logos/Laurence_magnaudet_mediation_numerique.jpg"/></a><a href="https://www.cc-lacqorthez.fr/CYBERBASE/"><img class="logos" src="./fichiers/logos/reseau_cyberbases.jpg"/></a><a href="https://www.cc-lacqorthez.fr/"><img class="logos" src="./fichiers/logos/CCLO.jpg"/></a>
----
<<back "👉👉 Retour" >> </center>
<<set $consigne to "Dissèque les infox et combine les mécanismes identifiés pour réaliser la tienne !">><div class="ContenuPassages"><center><div class="ConsigneIntro">Bienvenue sur <span class='ccf'>Comment c'est fake ?</span>
Un jeu pour comprendre la fabrication de toutes ces fausses informations que l'on voit circuler un peu partout...
<i>** Une astuce avant de commencer :</i> tout au long du jeu, tu pourras faire passer le texte déroulant en appuyant sur la touche <strong>CTRL</strong> de ton clavier.
<strong><<click [[👉👉👉 Prêt ? C'est parti ! ->home2]]>><</click>></strong>
</div></center>
</div>