<div class="row">
<div class="column">
<br>
<img src="images/université.jpg" alt="photo de l'entrée d'une université" width="400px">
</div>
<div class="column">
Tu es étudiant·e dans une université.
Une de tes enseignantes, Madame Green, te demande de réaliser un dossier sur les microplastiques. Un phénomène environnemental qui te préoccupe.
Choisis [[ton pseudo]].
</div>
<<set $score to 0>>
<<nobr>>
<<if $camille_genre eq "female" >>
<<set $prc to "elle">>
<<set $prc2 to "e">>
<<set $prc3 to "celle-ci">>
<<set $prc4 to "ve">>
<<set $prc5 to "la">>
<<set $prc6 to "La">>
<<set $img to "images/camille_female.PNG">>
<img src="images/camille_female.PNG" width=300px >
/* image générée par "this person does-not exist */
<<elseif $camille_genre eq "male">>
<<set $prc to "il">>
<<set $prc2 to "">>
<<set $prc3 to "celui-ci">>
<<set $prc4 to "f">>
<<set $prc5 to "le">>
<<set $prc6 to "Le">>
<<set $img to "images/camille_male.PNG">>
<img src="images/camille_male.PNG" width=300px >
/* image générée par "this person does-not exist */
<<elseif $camille_genre eq "iel">>
<<set $prc to "iel">>
<<set $prc2 to ".e">>
<<set $prc3 to "cellui-ci">>
<<set $prc4 to "f.ve">>
<<set $prc5 to "la">>
<<set $prc6 to "La">>
<<set $img to "images/AI_student.png">>
<img src="images/AI_student.png" width=300px >
/* image générée par Dall-E avec le prompt "a portrait of an androgynous student with a turtleneck" */
<<else>>
<<set $prc to "elle">>
<<set $prc2 to "e">>
<<set $prc3 to "celle-ci">>
<<set $prc4 to "ve">>
<<set $prc5 to "la">>
<img src="images/AI_student.png" width=300px >
/* image générée par "this person does-not exist */
<</if>>
<</nobr>>
Camille est un$prc2 étudiant$prc2 en Master de Droit que tu as rencontré$prc2 en même temps que Marc au cours d'une soirée bien arrosée. Connaissant Marc, tu te dis qu'il en est sans doute tombé amoureux, mais tu reconnais qu'$prc a l'air de s'y connaître dans le domaine du droit d'auteur et de la propriété intellectuelle. Tu penses que tu pourrais lui faire confiance, à condition qu'$prc accepte de t'aider bien sûr.
Par chance, tu as noté son numéro de téléphone sur ton smartphone.
Tu décides de l'[[appeler|appel_camille]] sans attendre.<div class="row">
<div class="column">
<img src="images/genre.jpg" alt="silhouette d'un homme et d'une femme (tête uniquement)" width="400px">
</div>
<div class="column">
Quel genre souhaites-tu donner à Camille?
<<radiobutton "$camille_genre" "female" checked >> Féminin?
<<radiobutton "$camille_genre" "male">> Masculin?
<<radiobutton "$camille_genre" "iel">> Va pour iel?
</div>
</div>
[[continuer|genre]]
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 57;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<<if $visite_auteur_manque eq true>>
<div id="57" class="left-box" style="display:none">
Bon alors, voyons ça.
</div>
<div id="58" class="history-box" style="display:none">
Avec Camille à tes côtés, tu fais défiler sur ton écran les quarante pages du mémoire à rendre. Tu n'auras jamais le temps de corriger tout$prp2 seul$prp2 l'ensemble des passages problématiques, mais tu peux t'attaquer au plus gros et espérer que Mme Green n'ira pas trop chercher la petite bête.
</div>
<div id="59" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Tiens là par exemple, il y a ce paragraphe surligné par le détecteur, mais aucune référence du texte original n'est indiquée :
@@ color:black;
"Les déchets plastiques sont transportés par les rivières, les ruisseaux, les marées, le vent et suite aux catastrophes naturelles mais aussi par les activités de pêche et d’aquaculture. Leur accumulation excessive a engendré la formation de plusieurs gyres piégeurs de déchets dont le plus connu reste le grand gyre du Pacifique nord, dénommé le septième continent. Ce sont 79 000 tonnes de déchets plastiques flottants et s’étalant sur 1,6 millions de kilomètres carrés (soit plus de trois fois la taille de l’Espagne). Dans l’environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique formant des petites particules plastiques, les microplastiques secondaires, par opposition aux microplastiques primaires produits eux intentionnellement par l’Homme pour des usages variés (produits cosmétiques–gommages, peintures…). "@@
Comment gérer ça ? </td></tr></table>
</div>
<<else>>
<div id="57" class="history-box" style="display:none">
Tu fais défiler sur ton écran les quarante pages du mémoire à rendre. Tu n'auras jamais le temps de corriger toute seul l'ensemble des passages problématiques, mais tu peux t'attaquer au plus gros et espérer que Mme Green n'ira pas trop chercher la petite bête.
</div>
<div id="58" class="left-box" style="display:none">
Tiens là par exemple, il y a ce paragraphe surligné par le détecteur, mais aucune référence du texte original n'est indiquée :
@@color:black;
"Les déchets plastiques sont transportés par les rivières, les ruisseaux, les marées, le vent et suite aux catastrophes naturelles mais aussi par les activités de pêche et d’aquaculture. Leur accumulation excessive a engendré la formation de plusieurs gyres piégeurs de déchets dont le plus connu reste le grand gyre du Pacifique nord, dénommé le septième continent. Ce sont 79 000 tonnes de déchets plastiques flottants et s’étalant sur 1,6 millions de kilomètres carrés (soit plus de trois fois la taille de l’Espagne). Dans l’environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique formant des petites particules plastiques, les microplastiques secondaires, par opposition aux microplastiques primaires produits eux intentionnellement par l’Homme pour des usages variés (produits cosmétiques–gommages, peintures…). "@@
</div>
<div id="59" class="right-box" style="display:none">
Comment gérer ça ?
</div>
<</if>>
<div id="60" class="question-box" style="display:none">
- [[Faire une recherche dans Google sur les gyres piégeurs de déchet ?|recherche_simple]]
- [[Faire une recherche dans Google à partir d'une phrase du texte mise entre guillemets ?|guillemets]]
- [[Faire une recherche dans Google à partir d'une phrase du texte mise entre crochets ?|crochets]]
- [[Prendre une phrase au hasard et demander à ChatGPT qui l'a écrite|ChatGPT]]
</div>
<<set $visite_revision to true>>
<!-- div 57 to 60 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 18;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="18" class="history-box" style="display:none">
Tu composes le numéro de Camille. Le téléphone met un certain temps à sonner avant que $prc3 réponde.
</div>
<div id="19" class="right-box" style="display:none">
Salut Camille, quelqu’un m’a dit que tu pourrais peut-être m’aider...
</div>
<div id="20" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Salut $name, oui, dis-moi, qu’est-ce que je peux faire pour toi ?</td></tr></table>
</div>
<div id="21" class="right-box" style="display:none">
J’ai un souci de plagiat sur un devoir, je ne sais pas trop comment m’y prendre, je suis un peu perdu$prp2. Est-ce que tu aurais un moment pour m’aider ce midi ?
</div>
<div id="22" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Bien sûr, je connais bien le sujet ! Je suis dispo après 13h, ça t’irait ?</td></tr></table>
</div>
<div id="23" class="right-box" style="display:none">
Oui super, merci beaucoup ! Je peux t’envoyer dès maintenant mon devoir pour que tu aies le temps d’y jeter un coup d'œil ?
</div>
<div id="24" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Ok, on fait comme ça. À tout à l’heure !</td></tr></table>
</div>
<div id="25" class="history-box" style="display:none">
[[continuer|Camille_rendez-vous1]]
</div>
<!-- div 18 to 25 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 15;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<<if $appel_citation_ok eq true>>
<div id="15" class="history-box" style="display:none">
Camille hoche la tête d'un air satisfait.
C'est bien ainsi qu'il fallait procéder.
</div>
<div id="16" class="left-box" style="display:none">
Il s'agit d'un emprunt à un texte écrit par une certaine Anne-Claire N. Sur <a href="https://www.elsevier.com/fr-fr/connect/nutrition/microplastiques-dans-notre-alimentation-un-focus-sur-la-sante-intestinale" target="_blank">un site d'Elsevier dédié à de la vulgarisation (Elsevier Connect).</a>
</div>
<div id="17" class="left-box" style="display:none">
Peut-être pas une excellente source d'ailleurs. Le nom de l'autrice n'est pas vraiment connu comme étant celui d'une scientifique. Peut-être faudrait-il songer à en changer. Il est sans doute un peu tard pour cela. "Concentrons-nous sur l'essentiel", te répond Camille. On n'a plus le temps d'avaluer toutes tes références.
[[suite|question5]]
</div>
<<else>>
<div id="15" class="history-box" style="display:none">
Bingo !
Tu as d'abord essayé de mettre le texte en entier dans le moteur de recherche, mais tu as dû faire une erreur de syntaxe en recopiant un mot, donc ça ne fonctionne pas. Tu as recommencé avec une simple phrase ("Dans l'environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique") et tu obtiens un seul résultat : le bon.
</div>
<div id="16" class="history-box" style="display:none">
Il s'agit d'un emprunt à un texte écrit par une certaine Anne-Claire N. Sur <a href="https://www.elsevier.com/fr-fr/connect/nutrition/microplastiques-dans-notre-alimentation-un-focus-sur-la-sante-intestinale" target="_blank">un site d'Elsevier dédié à de la vulgarisation (Elsevier Connect).</a>
</div>
<div id="17" class="history-box" style="display:none">
Peut-être pas une excellente source d'ailleurs. Le nom de l'autrice n'est pas connu comme celui d'une experte sur le sujet. Peut-être faudrait-il songer à en changer. Il est sans doute un peu tard pour cela. "Concentrons-nous sur l'essentiel", te dis-tu.
Cette fois, tu es décidée : pour gagner du temps, essayons de voir si [[Camille|choix du genre]] peut t'aider.
</div>
<</if>>
<!-- si l'élève est passé par appel_citation_ok, le renvoyer à la question 5, sinon à choix du genre -->
<<set $score to $score +2>>
<!-- div 15 to 17 -->Tu cherches dans Google la phrase suivante en l'encadrant avec des crochets :
[Dans l'environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique]
<<linkreplace "..." t8n>>\
...et tu obtiens une liste de résultats, des pages qui parlent toutes de microplastiques. Ça va prendre un certain temps avant d'examiner seulement celles qui sont sur la première page des résultats (en espérant que l'une d'elle soit celle que tu cherches).
Peut-être y a t-il de meilleures options ?
- [[faire une recherche dans Google sur les gyres piégeurs de déchet ?|recherche_simple]]
- [[faire une recherche dans Google à partir d'une phrase du texte mise entre guillemets ?|guillemets]]
- [[Prendre une phrase au hasard et demander à ChatGPT qui l'a écrite|ChatGPT]]
<</linkreplace>>
Bof, trop de résultats. Les premières pages signalées ne comportent pas le texte que tu cherches. Autant chercher une aiguille dans une botte de foin.
N'aurais-tu pas un meilleur choix à faire ?
- [[faire une recherche dans Google à partir d'une phrase du texte mise entre guillemets ?|guillemets]]
- [[faire une recherche dans Google à partir d'une phrase du texte mise entre crochets ?|crochets]]
- [[Prendre une phrase au hasard et demander à ChatGPT qui l'a écrite|ChatGPT]]<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 130;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="130" class="history-box" style="display:none">
Tu prends au hasard une phrase du texte et tu demandes à ChatGPT qui l'a écrite :
- qui a écrit la phrase suivante : "Dans l'environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique" ?
</div>
<div id="131" class="history-box" style="display:none">
L'intelligence artificielle générative ne met qu'une seconde avant de t'envoyer sa réponse :
- La phrase "Dans l'environnement, ces détritus plastiques subissent une lente dégradation photochimique, physique et/ou biologique" ne peut être attribuée à un auteur spécifique, car elle décrit un processus scientifique généralement accepté. Elle pourrait être le résultat de la synthèse d'informations provenant de différents chercheurs, scientifiques, ou experts dans le domaine de la pollution plastique et de la dégradation environnementale.
</div>
<div id="132" class="history-box" style="display:none">
Tu te rends compte qu'il va falloir trouver une autre tactique, as-tu pensé aux autres solutions existantes :
- [[faire une recherche dans Google sur les gyres piégeurs de déchet ?|recherche_simple]]
- [[faire une recherche dans Google à partir d'une phrase du texte mise entre guillemets ?|guillemets]]
- [[faire une recherche dans Google à partir d'une phrase du texte mise entre crochets ?|crochets]]
</div>
<!-- div 130 to 132 -->
<<if $son eq true>>
<<audio "flute" volume 1 fadeout>>
<</if>>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 26;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="26" class="history-box" style="display:none">
Camille et toi vous vous êtes donné rendez-vous dans le Hall des langues orientales. Il y a des tables, des prises pour l'ordinateur et l'affluence, surtout à cette heure, est disons...modérée. Vous allez pouvoir vous parler en toute tranquillité.
</div>
<div id="27" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Salut, ça va $name, pas trop stressé$prp2 ?</td></tr></table>
</div>
<div id="28" class="right-box" style="display:none">
Ça ira mieux ce soir, en attendant je stresse bien là. On s'est parlé hier et franchement, j'ai pas réussi à avancer depuis. J'avais hâte qu'on en parle.
</div>
<div id="29" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Ça tombe bien, j'avais un peu de temps cet après-midi, tu as bien fait de m'appeler. J'ai jeté un coup d'oeil à ton travail et j'ai repéré des trucs qui vont pas. </td></tr></table>
</div>
<div id="30" class="right-box" style="display:none">
Quoi par exemple ?
</div>
<div id="31" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Par exemple, page 8, je lis : « Les plastiques, dont l’essor a débuté vers le milieu du XXème siècle, sont des matériaux techniques nécessaires au fonctionnement des sociétés industrialisées. Cependant, au début des années 2000, des particules de plastique de l’ordre de la dizaine de microns sont observées dans des échantillons d’eau de mer. Ce sont des “microplastiques”.» (2017) </td></tr></table>
</div>
<div id="32" class="right-box" style="display:none">
Oui, et ?
</div>
<div id="33" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Tu n'as pas une petite idée de ce qui ne va pas ?</td></tr></table>
</div>
<div id="34" class="question-box" style="display:none">
- [[Il manque l’auteur ?|auteur_manque]]
- [[Il faut mettre la citation en italique ?|citation_italique]]
- [[Il manque le titre du document ?|manque_titre_document]]
- [[Faut-il préciser le type du document d’où j’ai extrait la citation.|preciser_type]]
</div>
<!-- div 26 to 34 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 52;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="52" class="history-box" style="display:none">
Camille tourne quelques pages absorbé$prc2 par sa tâche et soudainement son doigt se fige pointant un passage au milieu d'un feuillet.“
</div>
<div id="53" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Là, c'est ça que j'avais noté !
Un$prp2 étudiant$prp2 de première année comme toi pourrait hésiter entre trois formulations possibles de ce passage. Laquelle te semble la meilleure à toi, celle que tu as proposée :
</td></tr></table>
</div>
<div id="54" class="question-box" style="display:none">
[[Selon la thèse de Kedzierski écrite en 2017|formulation1]] : Les plastiques, dont l’essor a débuté vers le milieu du XXème siècle, sont des matériaux techniques nécessaires au fonctionnement des sociétés industrialisées. Cependant, au début des années 2000, des particules de plastique de l’ordre de la dizaine de microns sont observées dans des échantillons d’eau de mer. Ce sont des “microplastiques”.
</div>
<div id="55" class="question-box" style="display:none">
ou bien l'une de celles-ci :
« Les plastiques, dont l’essor a débuté vers le milieu du XXème siècle, sont des matériaux techniques nécessaires au fonctionnement des sociétés industrialisées. Cependant, au début des années 2000, des particules de plastique de l’ordre de la dizaine de microns sont observées dans des échantillons d’eau de mer. Ce sont des “microplastiques”. » [[(Kedzierski, 2017|formulation2]])
</div>
<div id="56" class="question-box" style="display:none">
« Les plastiques, dont l’essor a débuté vers le milieu du XXème siècle, sont des matériaux techniques nécessaires au fonctionnement des sociétés industrialisées. Cependant, au début des années 2000, des particules de plastique de l’ordre de la dizaine de microns sont observées dans des échantillons d’eau de mer. Ce sont des “microplastiques”. » [[(Pollutions du milieu littoral par les microplastiques : Méthodes d’évaluation par Mikaël Kedzierski, publié en 2017)|formulation3]].
</div>
<!-- div 52 to 56 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 35;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="35" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Tu as raison, il manque donc l’auteur associé à cette date, 2017 le tout entre parenthèses.</td></tr></table>
</div>
<div id="36" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Là on vient de travailler sur les appels de citation, est-ce que tu vois ce que c’est ? </td></tr></table>
</div>
<div id="37" class="question-box" style="display:none">
[[Je dirais que c’est une façon abrégée de mentionner la source de la citation quand j’écris.|appel_citation_ok]]
[[C’est comme une note de bas de page.|note_page_faux]]
[[Ça fait le lien avec la référence complète en fin de travail, dans la bibliographie.|lien_biblio]]
[[C’est pour dater la phrase de l’auteur.|date_faux]]
</div>
<<set $visite_auteur_manque to true>>
<<set $score to $score+2>>
<!-- div 35 to 37 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 38;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="38" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Non, on ne présente pas les citations en italique. Je pensais plutôt à un élément après la citation.</td></tr></table>
</div>
<div id="39" class="question-box" style="display:none">
Attends, euh...
- [[Il manque l’auteur ?|auteur_manque]]
- [[Il manque le titre du document ?|manque_titre_document]]
- [[Faut-il préciser le type du document d’où j’ai extrait la citation ?|preciser_type]]
</div>
<!-- div 38 to 39 --><<set $manque_titre_document to true>>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 40;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="40" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Non, ça n’est pas nécessaire de mentionner ici le titre du document. Je pensais à autre chose…</td></tr></table>
</div>
<div id="41" class="question-box" style="display:none">
- [[Il manque l’auteur ?|auteur_manque]]
- [[Il faut mettre la citation en italique ?|citation_italique]]
- [[Faut-il préciser le type du document d’où j’ai extrait la citation ?|preciser_type]]
</div>
<!-- div 40 to 41 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 42;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="42" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Mentionner le type de document n’apporte rien et n’est pas obligatoire. Je pensais à autre chose…
</td></tr></table>
</div>
<div id="43" class="question-box" style="display:none">
- [[Il manque l’auteur ?|auteur_manque]]
- [[Il faut mettre la citation en italique ?|citation_italique]]
- [[Il manque le titre du document ?|manque_titre_document]]
</div>
<!-- div 42 to 43 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 43;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="43" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Bon, je vois que t’as compris ce que c’est qu’un appel de citation. Tiens, voici un schéma avec les différentes grandes méthodes de présentation d’appel de citation.
</td></tr></table>
</div>
<div id="44" class="history-box" style="display:none">
Camille tapote sur son clavier et à l'écran s'affiche [[un schéma|genialy]].
</div>
<!-- div 43 to 44 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 45;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="45" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Je ne dirais pas une note de bas de page parce qu'en fait, ça ne crée pas de note de bas de page techniquement. Enfin, pas dans le style biblio que tu as choisi semble t-il...
</td></tr></table>
</div>
<div id="46" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
mais certes, ça renvoie à une référence dans la bibliographie.
Comme ça tu peux faire le lien entre une assertion de ton texte et le document scientifique qui le soutient.
</td></tr></table>
</div>
<div id="47" class="right-box" style="display:none">
Je vois. On peut dire du coup que [[c’est une façon abrégée de mentionner la source de la citation quand j’écris.|appel_citation_ok]]
</div>
<!-- div 45 to 47 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 48;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="48" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Oui c'est un lien vers la biblio à la fin de ton texte mais ce n'est pas que cela. Grâce à ces informations entre parenthèses, le lecteur peut d'emblée saisir le contexte de la citation ou de l'idée qui a été reproduite ici : qui l'a émise et quand il ou elle l'a publiée. Ça aide à se repérer et à savoir qui pense quoi.</td></tr></table>
</div>
<div id="49" class="right-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
On peut dire aussi que [[c’est une façon abrégée de mentionner la source de la citation quand j’écris.|appel_citation_ok]]</td></tr></table>
</div>
<!-- div 48 to 49 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 50;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="50" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
La date fait en effet référence à la publication du document qu'on cite à cet endroit
mais ce n'est pas la seule fonction de l'appel de citation. Normalement le lecteur devrait visualiser pas seulement quand la phrase a été écrite ou du moins publiée, mais aussi par qui. Or ici il manque le nom de l'auteur du document cité.
</td></tr></table>
</div>
<div id="51" class="right-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
- Ah, je vois. En fait c’est comme [[une façon abrégée de mentionner la source de la citation quand j’écris.|appel_citation_ok]]
</td></tr></table>
</div>
<!--div 50 to 51 -->
<<set $name to prompt("Choisis ton pseudo", "Mimi")>>
<div class="row">
<div class="column">
<img src="images/genre.jpg" alt="silhouette d'un homme et d'une femme (tête uniquement)" width="400px">
</div>
<div class="column">
En parlant de toi, on dit plutôt
<<radiobutton "$pseudo_genre" "female" checked>> Elle?
<<radiobutton "$pseudo_genre" "male">> Il/Lui?
Si tu ne veux pas choisir, le reste de l'histoire se fera au féminin neutre.
[[suite|règles]]
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 0;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
!Comment avancer
Dans ce jeu, tu peux interagir de plusieurs manières :
- en cliquant [[sur un lien (mots en bleu)|lien]]
- en fournissant une réponse à une question (également sous la forme de lien dans des encadrés couleur jaune) :
<div class="question-box">
Quelle est ta couleur préférée :
- [[bleu]]
- [[rouge]]
</div>
- en faisant apparaître les répliques d'un dialogue par simple pression d'une touche
- en appuyant sur n'importe quelle touche pour faire apparaître un personnage
<<nobr>>
<div id=0 class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Hello, je suis Amalith, étudiant de 3ème année en Sciences et Vie de la Terre. @@color:red;Frappe encore une touche.@@
</td></tr></table>
</div>
<div id=1 class="question-box" style="display:none">
Quand il n'y a pas de lien sur lequel cliquer, presse n'importe quelle touche pour avancer.
</div>
<</nobr>>
!Options et Scores
Tes choix ont différents types de conséquences :
- tu prends un chemin plutôt qu'un autre (les questions peuvent différer).
- une bonne réponse améliore ton score, une mauvaise réponse peut te faire perdre des points, à partir du moment où tu te trouves à la bibliothèque.
Pour que l'épreuve soit réussie, il te faut gagner au moins 5 points. Ton score s'affiche dans la barre de gauche à certains moments (la plupart du temps quand il change). Actuellement il est à 0.
!Paramètres
Le jeu peut être joué avec ou sans le son.
<<checkbox "$son" false true autocheck>> @@color:red; Coche l'option si tu veux jouer la version sonore du jeu@@
A présent, appuie sur le lien "continuer" en bas de l'écran.
<<nobr>>
<<if $pseudo_genre eq "female">>
<<set $prp to "elle">>
<<set $prp2 to "e">>
<<set $prp3 to "celle-ci">>
<<set $prp4 to "ve">>
<<set $prp5 to "ère">>
<<elseif $pseudo_genre eq "male">>
<<set $prp to "il">>
<<set $prp2 to "">>
<<set $prp3 to "celui-ci">>
<<set $prp4 to "f">>
<<set $prp5 to "er">>
<<else>>
<<set $prp to "elle">>
<<set $prp2 to "e">>
<<set $prp3 to "celle-ci">>
<<set $prp4 to "ve">>
<</if>>
<</nobr>>
<button data-passage="Blue Monday">Continuer</button>
<!-- div 0 to 2 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 65;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="65" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Oui, mais tu as vu : le style bibliographique que tu as adopté dans le reste de ton texte est un style dit "auteur-date". En ne mettant pas cette mention entre parenthèses (auteur, date) à la fin de la phrase et avant le point, je pense que le lien ne se fera pas de façon assez claire avec la référence dans la bibliographie.
</td></tr></table>
</div>
<div id="66" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
[[qu'est-ce que tu en penses ?|images]]
</td></tr></table>
</div>
<!-- div 65 to 66 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 67;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="67" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Je pense que c'est la bonne forme en effet, dit Camille.
Tu as tout intérêt à rester dans le même style que celui que tu as spontanément utilisé depuis le début, le style "auteur-date". Donc dans l'appel de citation qui apparaît à la fin de la phrase, pas de titre (il sera mentionné en biblio, avec toutes les autres informations indispensables), juste le nom de l'auteur et la date. Et si tu cites plusieurs documents d'un même auteur qui ont été publiés la même année, tu fais suivre la date d'une lettre @@color:red; (Tartampion, 2017a, Tartampion2017b, etc.)@@
</td></tr></table>
</div>
<div id="68" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
[[qu'est-ce que tu en penses ?|images]]
</td></tr></table>
</div>
<!-- div 67 to 68 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 69;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="69" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Je pense que cette formulation n'est pas très académique...
Dans la mesure où le titre apparaît en biblio, le lien se fait seulement sur l'auteur et la date à mon avis. Maintenant si l'auteur a écrit plusieurs ouvrages que tu cites la même année, on peut faire suivre la date de lettres : 2007a, 2007b, 2007c.
</td></tr></table>
</div>
<div id="70" class="right-box" style="display:none">
OK, OK, j'ai pigé l'idée !
Je te suis là-dessus, je me note qu'il faut que je corrige ce passage.
</div>
<div id="71" class="right-box" style="display:none">
[[Bon est-ce qu'on est bon là ?|images]]
</div>
<!-- div 69 to 71 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 72;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="72" class="history-box" style="display:none">
Alors que tu cherches à repérer dans ton travail d'autres passages qui présentent le même problème, Camille regarde son téléphone portable et dit soudainement :
</div>
<div id="73" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Oulà, j'ai rendez-vous avec Marc, il doit m'attendre déjà depuis cinq minutes. Désolé$prc2, il faut que je te quitte. Mais je crois que tu as déjà pas mal de pistes avec ce qu'on s'est dit pour corriger le tir. Allez, bonne chance ! Et tiens-moi au courant !
</td></tr></table>
</div>
<div id="74" class="right-box" style="display:none">
On peut se revoir en fin de journée ? S'il te plaît !!
</div>
<div id="75" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Ok OK, disons alors... rendez-vous au Café Le Négociant, vers 17h30... ça te va ?
</td></tr></table>
</div>
<div id="76" class="history-box" style="display:none">
Tu acquièsces, après quoi Camille disparaît rapidement de ta vue, te laissant seul$prp2 face à ton désarroi.
Il ne te reste plus qu'à relire ton travail avec les instructions qu'$prp t'a laissées et à tout remettre d'aplomb.
Avec l'emploi du temps que tu as ce matin, ça ne sera pas possible avant [[14h|bibliothèque]].
</div>
<!-- div 72 to 76 --><<if $son eq true>>
<<audio "bibliotheque" volume 1 fadeout>>
<</if>>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 77;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="77" class="history-box" style="display:none">
Tu es assis$prp2 à une table dans une salle de lecture de la bibliothèque.
Sur la même table, à quelques mètres de toi, un étudiant prend des notes sur son ordinateur en feuilletant un ouvrage d'archéologie.
</div>
<div id="78" class="history-box" style="display:none">
Cela fait 1h30 que tu traques tous les emprunts indument dépourvus de citation dans ton master à partir du bilan de Plagiator qui accompagnait le mail de Mme Green et enfin tu te sens proche du but.
</div>
<div id="79" class="history-box" style="display:none">
Une mention du document extrait de Plagiator retient ton attention :
page 16 [illustr used without reproduction rights]
Une mention identique concerne la page 23. Il y a effectivement des images à ces deux endroits que tu as choisies avec soin car elles te semblaient bien représenter le problème des microplastiques dans les océans.
Plagiator te signale donc un problème lié à des "droits de reproduction" en rapport avec tes images.
[[Voyons-ça de plus près|image proposition 2]].
</div>
<!-- div 77 to 79 -->
<<if $son eq true>>
<<audio "cafeteria" volume 1 fadeout>>
<</if>>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 3;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<span style="color:black"> Tape sur n'importe quelle touche pour faire apparaître le texte. </span>
<div id="3" class="history-box" style="display:none">
<h1>Caféteria du département de sciences environnementales - Lundi 20 janvier</h1><br>C'est "blue monday", c'est à dire en théorie le jour le plus déprimant de l'année et il faut bien dire que ça ne commence pas très fort pour toi. Tu étais déjà bien déprimé$prp2, et voilà qu'il se met à pleuvoir dehors ; la machine à café est en panne et surtout tu viens de recevoir un mail réprobateur de l'un de tes enseignants.
Amalith, un étudiant du même groupe que le tien avance à grands pas vers toi ; lui semble plutôt sous pression, limite excité.
</div>
<div id="4" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Hey salut $name ! T’as déposé sur l’espace cours de Madame Green ton devoir sur les microplastiques ?</td></tr></table>
</div>
<div id="5" class="right-box" style="display:none">Oui, je l’ai déposé, mais je ne comprends pas, j’ai reçu un mail de la prof pour me dire que le logiciel anti-plagiat de l’université, Plagiator, avait détecté du plagiat sur mon devoir.
</div>
<div id="6" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Ah bon, mais qu’est-ce que ça veut dire ? Tu as copié ou tu n’as pas cité tes sources ? Mais alors, tu n’auras pas la moyenne ?</td></tr></table>
</div>
<div id="7" class="right-box" style="display:none">Je ne sais pas trop. Regarde ce que ça donne après le passage dans Plagiator :
<div>
<iframe width="700" height="987" src="https://damienbelveze.github.io/plagiator/memoire_camille.html" frameBorder="0" scrolling="no" styles="width:100%"></iframe>
</div>
La prof me laisse 24 heures pour me rattraper et retravailler le devoir.
</div>
<div id="8" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Ouah, le stress. Tu vas devoir refaire tout le travail en fait ? J'aimerais pas être à ta place...</td></tr></table>
</div>
<div id="9" class="right-box" style="display:none">Oui, bon si tu n'as rien de plus constructif à me dire, autant qu'on en reste là... Merci beaucoup, je suis bien flippé$prp2 maintenant.
</div>
<div id="10" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Attends je voulais pas en rajouter, mais c'est vrai que c'est chaud et il te reste plus beaucoup de temps. Tiens, je pense que, tu devrais en parler à Camille. C'est LA personne qui pourrait t'aider à gérer ça. Sur un truc de ce genre, je l'ai fait l'an dernier et ça m'a carrément sauvé la mise.</td></tr></table>
</div>
<div id="11" class="right-box" style="display:none">Ouais, merci pour le tuyau; je vais voir.
</div>
<div id="12" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/amalith.png" alt="portrait de l'interlocuteur"></td><td>Tu me tiens au courant ?</td></tr></table>
</div>
<div id="13" class="right-box" style="display:none">Ouais, ouais, j'ai ton mail. Je vais voir, merci et Ciao.
</div>
<div id="14" class="history-box" style="display:none">Tu as maintenant une décision à prendre : soit tu vas voir [[Camille|choix du genre]], soit tu décides de prendre un peu de temps pour revoir l'ensemble de ton travail et [[identifier les points les plus problématiques|révision]]
</div>
<!--div 3 to 14 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 97;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="97" class="history-box" style="display:none">
Tu scrutes l'image de la page 18.
<img src="images/microplastiques_photo2.jpg" width="900px">
</div>
<div id="98" class="history-box" style="display:none">
Qu'est-ce qui peut bien [[poser problème dans cette image|probleme_image2]] ?
</div>
<!-- div 97 to 98 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 99;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="99" class="question-box" style="display:none">
Tu envisages les trois possibilités suivantes :
- 1. [[Elle n’est pas de bonne qualité (pixellisation)|pixellisation]].
- 2. [[Il manque la source de l'image |sourceimage1]].
- 3. L'Image n'est pas assez illustrative du contexte. Cette partie traite de microplastiques qui ne sont pas visibles à l'oeil nu. Il faut donc replacer l'image dans la partie précédente. [[C'est ça qui cloche|deplacement image]].
Laquelle choisis-tu ?
</div>
<!-- div 99 to 99 --><div class="history-box">
En réduisant un peu la taille de l'image, ça ne se verra plus.
Toi qui pensais que Plagiator ne s'occupait que de droit d'auteur. Apparemment, ça gère aussi l'esthétique du travail. Quelle malédiction.
Allez zou, on envoie ça au machin et ce sera terminé.
Vas-tu vraiment [[soumettre]] ton travail en l'état ?
As-tu encore besoin d'une [[dernière révision]] ?
</div>
<<set $score to $score-2>>
<<set $pixellisation to true>><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 100;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="100" class="history-box" style="display:none">
Tu fais part de tes doutes sur le droit de reproduire cette image comme telle à Camille en lui envoyant un message sur ton téléphone. $prc ne met que quelques secondes à te répondre.
</div>
<div id="101" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Effectivement quand tu utilises une image dans un travail universitaire tu dois citer l’auteur au même titre que tous les autres documents que tu utilises dans tes travaux.
</td></tr></table>
</div>
<div id="102" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Tu peux m'envoyer l'image stp ?
</td></tr></table>
</div>
<div id="103" class="right-box" style="display:none">
<img src="images/microplastiques_photo2.jpg" width="300px">
</div>
<div id="104" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Tu l'as trouvée où cette image ?
</td></tr></table>
</div>
<div id="105" class="right-box" style="display:none">
Je ne sais plus, comment je pourrais faire pour retrouver la page où elle a été publiée, c'est possible ?
</div>
<div id="106" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Oui, bien sûr, tu peux utiliser la recherche inverse d'images pour ça.
</td></tr></table>
</div>
<div id="107" class="right-box" style="display:none">
????
</div>
<div id="108" class="left-box" style="display:none">
Je viens de faire la manip sur mon PC avec une image de Lama, je t'envoie la vidéo. Tu n'as qu'à reproduire ça sur ton ordi avec ta propre image.
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
<iframe width="720" height="530" src="https://video.univ-rennes1.fr/permalink/v12688a2cf90fdq6k73v/iframe/" allowfullscreen="allowfullscreen" allow="autoplay">
</iframe>
</td></tr></table>
</div>
<div id="109" class="right-box" style="display:none">
[[Ah, ok, je vois|source_image2]].
</div>
<<set $score to $score+1>>
<!-- div 100 to 109 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 110;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="110" class="history-box" style="display:none">
Procède comme te l'a montré Camille, en utilisant Google Images en mode inverse ( https://images.google.fr ) avec cette photo de microplastiques dans un bocal que tu as placée dans ton devoir (pour la télécharger clique sur le bouton ci-dessous). l'image va s'ouvrir dans un nouvel onglet.
<a href="images/microplastiques_photo2.jpg" download target="_blank">Faire un clic droit et télécharger sur le bureau.</a>
</div>
<div id="111" class="question-box" style="display:none">
Dans quel journal trouve t-on cette image publiée pour la première fois ?
- [[National Geographic|mauvais journal]]
- [[Le Figaro|mauvais journal]]
- [[Le Monde|mauvais journal]]
- [[Courrier International|courrier international]]
- [[Sciences et Vie|mauvais journal]]
</div>
<!-- div 110 to 111 --><div class="history-box">
Tu pensais n'en avoir que pour un instant, mais le déplacement de l'image dans le traitement de texte te prend plus de temps que prévu ; l'image dans son nouveau contexte déstructure un paragraphe. C'est un vrai casse-tête à gérer. Enfin, au bout d'une demi-heure, tu arrives enfin à régler le problème.
Voilà, c'est fait, elle est désormais placée au bon endroit.
Y'a plus qu'à [[soumettre|soumission]] le travail sur la plateforme de cours à Plagiator
A moins que tu n'aies le temps pour une [[ultime révision|dernière révision]].
</div>
<<set $score to $score-2>>
<<set $déplacement to true>>
<<set $appel_citation_ok to true >>
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 61;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="61" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Maintenant, il faudrait que tu vérifies tous les appels de citation dans ton document.</td></tr></table>
</div>
<div id="62" class="right-box" style="display:none">
- Hoaff, mais j'en ai une trentaine !
<img src="gifs/decouragement.gif" autoplay>
</div>
<<if def $visite_revision>>
<div id="63" class="history-box" style="display:none">
Camille est peu sensible à ton accablement. Visiblement son esprit regarde [[déjà ailleurs.|images]]
</div>
<<else>>
<div id="63" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Bon, il y a aussi tous ces passages qui ont été repérés par Plagiator comme étant des emprunts. J'en ai vu un particulièrement qui était du pur plagiat. Franchement tu aurais pu t'y prendre autrement. Attends, [[où c'était déjà|révision]].</td></tr></table>
</div>
<</if>>
<!-- div 61 to 64 -->
[[continuer|suite_camille]]
Tu peux cliquer sur le schéma de Camille pour faire apparaître certaines informations...
<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="normes bibliographiques : appels de citation" frameborder="0" width="1200px" height="675px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/63593787c0d9eb0018030d54" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
<div class="history-box">
Manifestement c'est une erreur, [[recommence|source_image2]].
</div>
<<set $mauvaisjournal to true>>
<<set $score to $score-1>><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 112;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="112" class="history-box" style="display:none">
Ok, maintenant que j'ai la source, il faut que je la cite correctement. Qu'est-ce que ce que je vais indiquer sous cette image ?
</div>
<div id="113" class="history-box" style="display:none">
Faut-il citer le nom du photographe et l’agence de presse qui gère les droits de la photo<br>
...citer juste le nom du photographe<br>
ou citer le nom du journal ?
Au bout d'un moment, tu cesses de lire ton écran, tes yeux se perdent dans le vague puis fixent le plafond.
</div>
<div id="114" class="history-box" style="display:none">
Tu en es là de tes réflexions, lorsque tu entends une voix face à toi qui demande : Je peux t'aider ?
</div>
<div id="115" class="history-box" style="display:none">
<img src="images/alex.jpg" alt="portrait de l'étudiant Alex" width="300px">
<p>C'est l'étudiant qui était absorbé par sa lecture devant toi qui vient de t'adresser la parole.</p>
</div>
<div id="116" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Salut, désolé d'interrompre tes pensées, mais comme depuis deux minutes, tu penses tout haut et que ça me dérange un peu, je préfère qu'on règle ça ensemble si tu as un problème avec ton travail, là.
</td></tr></table>
</div>
<div id="117" class="right-box" style="display:none">
Hein ? ah, euh ouais, pardon, je me rendais pas compte.
C'est juste que je dois mettre la source d'une image, là, avant de passer le devoir à Plagiator.
</div>
<div id="118" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Je peux voir une minute ?
</td></tr></table>
</div>
<div id="119" class="right-box" style="display:none">
Pas de problème. Attends, je scrolle pour afficher le bon passage. Tiens, c'est là.
</div>.
<div id="120" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Aïe!
</td></tr></table>
</div>
<div id="121" class="right-box" style="display:none">
Quoi ?
</div>
<div id="122" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Même si on t'as recommandé de citer l'auteur, cela ne suffira pas, parce que cette photo est protégée par le droit d'auteur ; tu ne peux pas la reproduire sans l'accord du photographe ou de son agence. Il va falloir que tu leur écrives pour leur demander l'autorisation de la mettre à cet endroit.
</td></tr></table>
</div>
<div id="123" class="right-box" style="display:none">
Est-ce que je ne pourrais pas simplement mettre le nom du photographe et la mention "tous droits réservés" et basta ?
</div>
<div id="124" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Plagiator est relié à une gigantesque base de données répertoriant toutes les oeuvres couvertes par le droit d'auteur. Si tu n'agis pas conformément au réglement pour cette image, l'ayant droit risque d'être mis au courant et pourra demander le retrait de l'image à l'enseignant correcteur.
</td></tr></table>
</div>
<div id="125" class="right-box" style="display:none">
Oh non, mais qu'est-ce que je peux faire alors ?
</div>
<div id="126" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Changer la photo et en choisir une qui a été placée sous licence libre.
</td></tr></table>
</div>
<div id="127" class="history-box" style="display:none">
Chutt!!! <br>
Une étudiante, visiblement énervée par le bruit de votre discussion, vous jette un regard noir. Vous décidez de vous retrancher dans une salle de travail en groupe pour continuer à discuter sans avoir à chuchoter. Alex se lance dans un exposé sur [[les licences libres|licence libre]].
</div>
<<set $score to $score+2>>
<!-- div 112 to 127 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 80;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="80" class="history-box" style="display:none">
Alex se lance dans un exposé sur le droit d'auteur appliqué aux images ; tu essaies de rester attentif, mais il va très vite et semble peu enclin à se répéter.
</div>
<div id="81" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Par licences libres, on fait souvent référence à des licences que des auteurs choisissent pour favoriser le partage, sous certaines conditions, de leurs oeuvres, qu'il s'agisse de texte, de sons, d'images ou de films.
Dès lors qu'on observe ces conditions, on n'a pas besoin de leur demander l'autorisation de reproduire leurs oeuvres dans nos propres travaux, elle nous est donnée à priori. </td></tr></table>
</div>
<div id="82" class="right-box" style="display:none">
Et quelles sont ces conditions ?
</div>
<div id="83" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Et bien, pour les licences qu'on appelle Creative Commons, par exemple, il convient dans tous les cas de citer l'auteur ; c'est la base de la licence : **CC-by**
CC (Comme Creative Commons), by (par) pour indiquer qui est l'auteur de l'oeuvre. </td></tr></table>
</div>
<div id="84" class="right-box" style="display:none">
Et où est-ce que je trouve des photos de ce genre ?
</div>
<div id="85" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Attends ! Ce n'est pas tout. Parfois certains auteurs, souhaitent que leur oeuvre soit partagée sous la même licence par toi si tu la réutilises. Ils l'indiquent par un SA (Share-Alike = partage sous les mêmes conditions). Par exemple, tout le contenu de Wikipédia est partagé sous la licence CC-by-sa. Bien sûr comme l'encyclopédie est rédigée par des auteurs sous pseudonymes, on se contente d'indiquer la source (Wikipédia). Tu dois reproduire les images provenant de Wikipédia avec la même licence, sans oublier le SA. </td></tr></table>
</div>
<div id="86" class="right-box" style="display:none">
Ok, je vois. Il y en a encore beaucoup des conditions comme celles-ci?
</div>
<div id="87" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Il n'y en a plus que deux :
- NC pour "non commercial". Tu ne pourras pas réutiliser la photo placée sous cette licence pour éditer un livre que tu comptes vendre. </td></tr></table>
</div>
<div id="88" class="right-box" style="display:none">
Un livre que je compte vendre ? On parle d'un devoir à faire scanner par Plagiator, là, rien de plus (heureusement !)
</div>
<div id="89" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Oui oui bien sûr, c'était juste pour être complet. Il y a enfin ND -et là ça peut peut-être te concerner : ND signifie "Non Derivative". Concernant une image cela signifie que tu dois la reproduire telle qu'artiste l'a publiée. Tu ne peux pas par exemple la retailler ou n'en reproduire qu'une partie. </td></tr></table>
</div>
<div id="90" class="right-box" style="display:none">
D'accord, merci pour ces infos. Et est-ce que tu peux me dire comment on trouve des images en créative...machin, là ? Désolé$prp2, hein, je suis un peu pressé$prp2
</div>
<div id="91" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Pas de problème, je comprends. Il y a des bases de données sur le web qui permettent d'accéder à des images sous licences libres : <a href="https://pixabay.com/" target="_blank" alt="lien vers Pixabay">Pixabay</a>, <a href="https://unsplash.com/fr" target="_blank" alt="lien vers unsplash">Unsplash</a>, <a href="https://commons.wikimedia.org/wiki/Accueil" target="_blank" alt="lien vers Wikimédia Commons">Wikimedia Commons</a>.
Tu peux aussi utiliser le filtre "toutes les licences creative commons" de ton moteur de recherche favori, Google par exemple. Tu trouveras sans peine des images sous licences libres sur les microplastiques.
Allez-je te laisse, je dois terminer ce bouquin, je vais devoir le restituer aujourd'hui.
Salut ! </td></tr></table>
</div>
<div id="92" class="right-box" style="display:none">
Ouais, Salut ! Merci beaucoup pour le coup de main !
Au fait , tu t'appelles comment ?
</div>
<div id="93" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Moi c'est Alex, je suis en master de Philo, et toi ?
</td></tr></table>
</div>
<div id="94" class="right-box" style="display:none">
Je m'appelle $name. Merci encore.
</div>
<div id="95" class="alex-box" style="display:none">
<table><tr><td><img class="inline-image" src="images/alex.jpg" alt="portrait d'Alex"></td><td>
Pas de quoi $name, et bon courage !
</td></tr></table>
</div>
<div id="96" class="history-box" style="display:none">
Alex quitte la salle. Il ne te reste plus qu'à exploiter les informations qu'il t'a données pour trouver une image en creative commons correspondant au sujet des microplastiques. [[C'est parti|sélection_image]]
</div>
<!-- div 80 to 96 -->
Les différentes conditions de réutilisation des images placées sous creative commons sont symbolisées par des icônes.
Au bout d'un certain temps, tu penses avoir compris quelle icône représente telle ou telle condition : par exemple une silhouette et CC indiquent que la seule condition pour réutiliser l'image est de mentionner son auteur.
Faisons le point : es-tu capable d'apparier chaque symbole à des conditions de réutilisation ? Pour t'aider tu peux télécharger <a href="images/licences.pdf" download target="_blank">un mémo que tu as trouvé sur le web. </a>
<iframe width="816" height="720" src="https://damienbelveze.github.io/plagiator/creative_commons.html" frameBorder="0" scrolling="no" styles="width:100%"></iframe>
Après quelques recherches sur le web, tu trouves sur des sites différents trois images qui pourraient illustrer ton propos, mais il reste la question des droits de reproduction à gérer.
<table>
<tr>
<th></th><th></th><th></th></tr>
<tr>
<td>image 1</td><td><img src="images/microplastiques_wales.jpg" width="300px"></td><td><a href="https://www.walesartsreview.org/microplastic-pollution-a-macro-problem/" alt="photo de détritus de plastique flottant dans les eaux" target="_blank">lien</a></td></tr>
<tr><td>image 2</td><td><img src="images/microplastiques_wikimedia.jpg" width="300px"></td><td><a href="https://commons.wikimedia.org/wiki/File:%22microminimalism%22_or_%22the_secret_life_of_marine_microplastics_%22.jpg" alt="photo de microplastiques disponible sur Wikimédia Commons" target="_blank">lien</a></td></tr>
<tr><td>image 3</td><td><img src="images/bouteille_plastique.jpg" width="300px" alt="photo de détritus en plastique flottant dans les eaux"></td><td><a href="https://www.innovationnewsnetwork.com/australasian-countries-join-pact-for-innovation-in-plastic/4764/" target="_blank">lien</a></td></tr>
</table>
Quelle image peux-tu utiliser pour illustrer ton devoir sur les microplastiques ?
<<checkbox "$microplastiques_1" false true autocheck>> image n°1
<<checkbox "$microplastiques_2" false true autocheck>> image n°2
<<checkbox "$microplastiques_3" false true autocheck>> image n°3
[[étape suivante]]En soupirant, tu fais le bilan de ton travail :
Un lourd travail, qui aura occupé toute ta journée.
Tu te dis que si tu avais suivi d'emblée la bonne méthode qui consiste à utiliser un logiciel pour gérer tes citations. On t'a parlé de Zotero. Peut-être devrais-tu y consacrer une heure ou deux, ça t'évitera sans doute de vivre une nouvelle fois ce stress bibliographique.
Tiens, juste à la fin du document, tu vois un passage qui a été signalé par Plagiator mais où tu ne vois aucune correction apportée lors de votre séance de travail avec Camille.
En face de cette URL ( https://doi.org/10.1016/j.cnd.2022.03.001 ) Plagiator a ajouté un commentaire rédigé dans un verbiage dont il a le secret :
[URL is not ref. information missing : authors. title. issue (vol, n°), container (i.e serial title) see bibliographical conventions]
Bref, il semble qu'il va falloir reconstituer la référence (et dans le bon ordre) avec les éléments qui apparaissent quand tu cliques sur le lien. A toi de jouer !
<<nobr>>
<iframe width="672" height="627" src="https://damienbelveze.github.io/plagiator/article_microplastiques.html" frameBorder="0" scrolling="no" styles="width:100%"></iframe>
<</nobr>>
Quand tu as terminé cette tâche, rends-toi sans plus tarder au Café [[où tu as donné rendez-vous à Camille|soumettre]].
<script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 132;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<div id="132" class="history-box" style="display:none">
Il est 17h30. Le ciel s'est dégagé et les derniers rayons de soleil de la journée inondent le café où tu as trouvé refuge en attendant que Camille te rejoigne.
$prc6 Voici d'ailleurs qui arrive, d'un bon pas, l'air réjoui. La rencontre avec Marc a dû bien se passer, penses-tu.
</div>
<div id="133" class="history-box" style="display:none">
Camille entre et met un certain temps à repérer la banquette où tu as pris place. Enfin elle vient te rejoindre en dessinant une ellipse qui touche le comptoir où $prc commande un café noir avant de s'asseoir sur la banquette où tu es assis$prp2.
</div>
<div id="134" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Alors ? Est-ce que tu as eu le temps de revoir tout ce qu'on avait listé comme problèmes dans ton devoir ?
</td></tr></table>
</div>
<div id="135" class="right-box" style="display:none">
Ça m'a pris toute la journée, mais je pense que j'y suis arrivé$prp2. Je t'attendais pour soumettre le travail à Plagiator.
</div>
<div id="136" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
D'accord, merci. On n'a pas le temps de vérifier une dernière fois. J'espère que tu as bien suivi mes indications. Car une fois soumis à Plagiator, on ne peut plus rien modifier. Le système ne prévoit pas de troisième chance.
</td></tr></table>
</div>
<div id="137" class="right-box" style="display:none">
Bon, voilà. Je suis sur le site. J'ai uploadé mon devoir. Il ne reste plus qu'à appuyer sur le bouton soumettre. J'y vais ? Allez, je clique ici...
</div>
<div id="138" class="history-box" style="display:none">
<<nobr>>
<<button"Avertissement">>
<<script>>
UI.alert("$Plagiator: Vous êtes sur le point de soumettre votre devoir à Plagiator")
<</script>>
<</button>>
<</nobr>>
</div>
<div id="139" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
[[C'est parti! |Go !]]
</td></tr></table>
</div>
<<if $reference_answer eq "ok">>
<<set $score to $score+2>>
<<elseif $reference_answer eq "bad">>
<<set $score to $score-1>>
<<else>>
<</if>>
<!-- div 132 to 139 --><script src="https://code.jquery.com/jquery-3.6.4.min.js">
<script>
(function () {
var i = 128;
$(document).keyup(function (e) {
var currentDiv = document.getElementById(i.toString()); // Convert the number to string
if (currentDiv !== null) {
currentDiv.style.display = "block";
scrollToDiv(i.toString());
i++;
}
});
function scrollToDiv(divId) {
var targetElement = document.getElementById(divId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
}());
</script>
<<if $son eq true>>
<<audio "plagiator" volume 1 fadeout>>
<div id="128" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Quel son horrible ! Alors ? Qu'est-ce que ça donne ?
</td></tr></table>
</div>
<<else>>
<div id="128" class="left-box" style="display:none">
<table><tr><td><img class="inline-image" @src="$img" alt="portrait de l'interlocuteur"></td><td>
Alors ? Qu'est-ce que ça donne ?
</td></tr></table>
</div>
<</if>>
<<if $score gte 5>>
<div id="129" class="right-box" style="display:none">
Attends... je crois qu'on a le résultat en appuyant [[sur ce bouton|good_result]].
</div>
<<else>>
<div id="129" class="right-box" style="display:none">
Attends... je crois qu'on a le résultat en appuyant [[sur ce bouton|bad_result]].
</div>
<</if>>
<!-- div 128 to 130 -->Il est temps de retrouver Camille au café où elle a ses habitudes. C'est dans le quartier de l'Université, ça ne devrait pas être loin d'ici.
[[Allons retrouver Camille|soumission]].
Non, faisons plutôt une [[dernière révision]].
<<if ($microplastiques_2 === true && $microplastiques_1 === false && $microplastiques_3 === false)>>
<<set $score to $score + 2>>
<<else>>
<<set $score to $score - 1>>
<</if>>
<img src="gifs/right.gif" autoplay>
Bien joué !
Ton score est à $score.
Plagiator semble ne relever qu'un faible nombre d'erreurs d'attribution.
C'est sans doute encore trop. Mais pour toi, c'était une initiation et heureusement que tu as pu compter sur Alex et Camille pour t'aider.
N'oublie pas aussi que les bibliothécaires sont à ta disposition pour t'aider à réaliser de la recherche d'information et seront de bon conseil pour exploiter cette information correctement dans tes travaux à venir.
!Erreurs commises et explications
<<if def $mauvaisjournal>>
Vous n'avez pas identifié la bonne source de l'image. Pour savoir comment faire une recherche inverse d'images, revoyez la démonstration de Camille.
<iframe width="720" height="530" src="https://video.univ-rennes1.fr/permalink/v12688a2cf90fdq6k73v/iframe/" allowfullscreen="allowfullscreen" allow="autoplay">
</iframe>
<</if>>
<<if def $pixellisation>>
Vous avez répondu que l'image était problématique parce que sa résolution laissait à désirer.
Une image qui pixellise, ce n'est pas terrible pour l'esthétique et il vaut mieux trouver des images en grand format qu'on peut éventuellement réduire. Mais pour ce qui nous concerne, cela n'a rien à voir avec les droits d'auteur. Plagiator ne s'occupe que de cet aspect en lien avec la citation.
<</if>>
<<if def $déplacement>>
Vous avez répondu que l'image était problématique parce que pas à sa place.
Plagiator ne s'occupe pas du lien entre la figure et le texte, mais vérifie que vous avez le droit de reproduire la figure.
<</if>>
<<if $reference_answer eq "bad">>
Le style Chicago dont le schéma vous était fourni impose de présenter les informations de la référence comme suit :
<strong>Prénom Nom, Prénom Nom, Prénom Nom et Prénom Nom. « titre ». @@color:red;titre du journal@@ vol, nᵒ (date): pages. URL.</strong>
C'est le titre du journal qui manquait. On pouvait le retrouver en interrogeant un moteur de recherche comme Google Scholar (https://scholar.google.fr) à partir du titre de l'article, ce qui permettait d'accéder à la base de données Science Direct qui héberge le journal "Cahiers de Nutrition et Diététique".
La référence complète (en style Chicago) s'écrit de la manière suivante :
Fournier, Elora, Lucie Etienne-Mesmin, Stéphanie Blanquet-Diot, et Muriel Mercier-Bonin. « Microplastiques dans notre alimentation: un focus sur la santé intestinale ». Cahiers de Nutrition et de Diététique 57, nᵒ 4 (1 août 2022): 270‑83. https://doi.org/10.1016/j.cnd.2022.03.001
<</if>>
<<if $microplastiques_1 eq true>>
Cette image n'est pas placée sous Creative Commons, le droit d'auteur prévaut : il faut l'autorisation de l'auteur pour la reproduire dans ton travail.
<<elseif $microplastiques_3 eq true>>
Cette image n'est pas placée sous Creative Commons, le droit d'auteur prévaut : il faut l'autorisation de l'auteur pour la reproduire dans ton travail.
<</if>>
[[crédits images|crédits]]<img src="gifs/wrong.gif" autoplay>
Plagiator a repéré un niveau d'erreurs ou d'absences de citation qui est supérieur à ce qu'il peut tolérer.
Il ne te reste plus qu'à aller voir Mme Green en espérant qu'elle se montre compréhensive ; 24 heures pour tout corriger ; était-ce suffisant ?
Une difficile négociation se profile et il va falloir jouer serré.
En tout cas sois plus attenti$prp4 à la manière dont tu cites les textes et crédites les images à l'avenir.
Ton score est $score.
!Erreurs commises et explications
<<if def $mauvaisjournal>>
Vous n'avez pas identifié la bonne source de l'image. Pour savoir comment faire une recherche inverse d'images, revoyez la démonstration de Camille.
<iframe width="720" height="530" src="https://video.univ-rennes1.fr/permalink/v12688a2cf90fdq6k73v/iframe/" allowfullscreen="allowfullscreen" allow="autoplay">
</iframe>
<</if>>
<<if def $pixellisation>>
Vous avez répondu que l'image était problématique parce que sa résolution laissait à désirer.
Une image qui pixellise, ce n'est pas terrible pour l'esthétique et il vaut mieux trouver des images en grand format qu'on peut éventuellement réduire. Mais pour ce qui nous concerne, cela n'a rien à voir avec les droits d'auteur. Plagiator ne s'occupe que de cet aspect en lien avec la citation.
<</if>>
<<if def $déplacement>>
Vous avez répondu que l'image était problématique parce que pas à sa place.
Plagiator ne s'occupe pas du lien entre la figure et le texte, mais vérifie que vous avez le droit de reproduire la figure.
<</if>>
<<if $reference_answer eq "bad">>
Le style Chicago dont le schéma vous était fourni impose de présenter les informations de la référence comme suit :
<strong>Prénom Nom, Prénom Nom, Prénom Nom et Prénom Nom. « titre ». @@color:red;titre du journal@@ vol, nᵒ (date): pages. URL.</strong>
C'est le titre du journal qui manquait. On pouvait le retrouver en interrogeant un moteur de recherche comme Google Scholar (https://scholar.google.fr) à partir du titre de l'article, ce qui permettait d'accéder à la base de données Science Direct qui héberge le journal "Cahiers de Nutrition et Diététique".
La référence complète (en style Chicago) s'écrit de la manière suivante :
Fournier, Elora, Lucie Etienne-Mesmin, Stéphanie Blanquet-Diot, et Muriel Mercier-Bonin. « Microplastiques dans notre alimentation: un focus sur la santé intestinale ». Cahiers de Nutrition et de Diététique 57, nᵒ 4 (1 août 2022): 270‑83. https://doi.org/10.1016/j.cnd.2022.03.001
<</if>>
<<if $microplastiques_1 eq true>>
Cette image n'est pas placée sous Creative Commons, le droit d'auteur prévaut : il faut l'autorisation de l'auteur pour la reproduire dans ton travail.
<<elseif $microplastiques_3 eq true>>
Cette image n'est pas placée sous Creative Commons, le droit d'auteur prévaut : il faut l'autorisation de l'auteur pour la reproduire dans ton travail.
<</if>>
[[crédits images|crédits]]Un jeu sérieux sur le plagiatScore: $score<button data-passage="end">Terminer le jeu</button>
!Crédits
!!Images
<table>
<tr>
<th></th><th></th><th></th></tr>
<tr><td><img src="images/cafeteria.jpg" width="300px"></td><td><a href="https://flic.kr/p/hUKSPA">lien</a></td><td>Biblioteques. Generalitat Catalunya (cc: by-nc-sa)</td></tr>
<tr><td><img src="images/chinese_room.jpg" width="300px"></td><td><a href="https://en.m.wikipedia.org/wiki/File:Cathedral_of_Learning_Chinese_Classroom_(16641893030).jpg">lien</a></td><td>Karen Blaha, Chinese Nationality Room in the Cathedral of Learning at the University of Pittsburgh (cc:by-sa)</td></tr>
<tr><td><img src="images/bibliotheque.jpg" width="300px"></td><td><a href="https://flic.kr/p/bndPZ9">lien</a></td><td>David Lebech State Library of New South Wales (cc:by-sa)</td></tr>
<tr><td><img src="images/study_room.jpg" width="300px"></td><td><a href="https://www.flickr.com/photos/usdagov/17224589711">lien</a></td><td>US department of Agriculture (cc:0 -domaine public))</td></tr>
<tr><td><img src="images/coffee_shop.jpg" width="300px"></td><td><a href="https://www.flickr.com/photos/ilovememphis/4596453826/">lien</a></td><td>Memphis CVB, Window Seat (cc:by-sa-nc)</td></tr>
<tr><td><img src="images/université.jpg" width="300px"></td><td><a href="https://commons.wikimedia.org/wiki/File:University_of_Life_Sciences,_Economics,_Prague.jpg">lien</a></td><td>Packa, University of Life Sciences, Economics, Prague (cc:by-sa)</td></tr>
<tr><td><img src="images/genre.jpg" width="300px"></td><td><a href="https://flic.kr/p/dXjLWZ">lien</a></td><td>Dushan Hanuska, Man and Woman (cc:by-sa)</td></tr>
<tr><td><img src="images/gyres.jpg" width="300px"></td><td><a href="https://pixnio.com/fr/divers/junkyards-images/plastique-pollution-pacifique-gyre-ordures-timbre">lien</a></td><td>Hagerty Ryan, USFWS (cc:0)</td></tr>
</table>
!!Gifs
<tr><td><img src="gifs/wrong.gif" autoplay width="300px"></td><td><a href="https://pixabay.com/gifs/error-failure-incorrect-wrong-pink-8660/">lien</a></td><td> Susan Cipriano, <a href="https://pixabay.com/service/license-summary" target="_blank">licence Pixabay</a></td></tr>
<tr><td><img src="gifs/right.gif" autoplay width="300px"></td><td><a href="https://pixabay.com/gifs/checklist-done-check-clipboard-8193">lien</a></td><td> GIF by Ekaterine Kantaria, <a href="https://pixabay.com/service/license-summary" target="_blank">licence Pixabay</a></td></tr>
<tr><td><img src="gifs/decouragement.gif" autoplay width="300px"></td><td><a href="https://gifer.com/fr/amj/">lien</a></td><td> Al Pacino in Dog Days, <a href="https://gifer.com/fr/p/tos" target="_blank">Licence Gipher</a></td></tr>
!!Sons
Les sons utilisés proviennent du site FreeSound
<table>
<tr>
<td>
<audio controls >
<source src="sons/plagiator.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
</td>
<td>
<a href="https://freesound.org/people/neopolitansixth/sounds/559272/" target="_blank" alt="son Plagiator">Son Plagiator</a>
</td>
</tr>
<tr>
<td>
<audio controls >
<source src="sons/chinese_flute.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
</td>
<td>
<a href="https://freesound.org/people/iluppai/sounds/180239/" target="_blank" alt="son flûte chinoise">Son flute chinoise</a>
</td>
</tr>
<tr>
<td>
<audio controls >
<source src="sons/bruit_restaurant.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
</td>
<td>
<a href="https://freesound.org/people/JulioUrbano/sounds/429513/" target="_blank" alt="son cafétéria">bruit ambiant de la cafétéria</a>
</td>
</tr>
<tr>
<td>
<audio controls >
<source src="sons/library.m4a" type="audio/m4a">
Your browser does not support the audio element.
</audio>
</td>
<td>
<a href="https://freesound.org/people/el_mar/sounds/170797/" target="_blank" alt="son bibliothèque">bruit ambiant de <br>la bibliothèque universitaire<br> de Delft</a>
</td>
</tr>
</table>
!!Portraits
<table>
<tr>
<td>
<img src="images/camille_female.PNG" width="300px" alt="portrait Camille fille">
</td>
<td>
<img src="images/camille_male.PNG" width="300px" alt="portrait Camille garçon">
</td>
<td>
<img src="images/alex.jpg" width="300px" alt="portrait Alex">
</td>
<td>
<img src="images/AI_student.png" width="300px" alt="portrait étudiant androgyne">
</td>
</tr>
</table>
Les portraits (Camille, Alex) ont été générés depuis le site <a href="https://www.thispersondoesnotexist.com" target="_blank" alt="lien vers le site ThisPersonDoesNotExist">ThisPersonDoesNotExist</a>
Le portrait de l'étudiant "iel" a été généré depuis <a href="https://openai.com/dall-e-2" target="_blank" alt="lien vers le site Dall-E">le site Dall-e</a> avec le prompt "a portrait of an androgynous student with a turtleneck".
[[fin du jeu|end]]<<cacheaudio "cafeteria" "sons/bruit_restaurant.wav">>
<<cacheaudio "plagiator" "sons/plagiator.wav">>
<<cacheaudio "bibliotheque" "sons/library.m4a">>
<<cacheaudio "flute" "sons/chinese_flute.wav">>
[[retour|règles]][[retour|règles]][[retour|règles]]
<div class="shadow">@@font-size:72px;Plagiator@@<br><i>Le vertige du nain perché sur les épaules du géant.</i></div>
<div class="presentation">
Un jeu sérieux sur le plagiat conçu par les bibliothèques de l'Université de Rennes et de Rennes 2.
<br>
<button data-passage="début">Commencer</button>
</div>
<div class="shadow">Merci d'avoir joué à Plagiator</div>
<div class="presentation">
Pour citer le jeu :
Collectif. « Plagiator », bloc d'apprentissage RESOUDRE. Rennes: Services Communs de la Documentation de l’Université de Rennes et Rennes 2, janvier 2024.
</div>Tu refermes ton fichier et ton oeil maintenant aiguisé repère un problème dans une référence de ta bibliographie. Tu veux en avoir la coeur net. Tu poursuis ton travail de révision.
Encore ! Réponds-tu accablé$prp2. Tu ne vas pas y couper.Il va falloir [[corriger ce passage|dernière révision]]