{"id":14114,"date":"2023-08-03T03:17:29","date_gmt":"2023-08-03T03:17:29","guid":{"rendered":"https:\/\/course.oeru.org\/lida103-fr\/?page_id=14114"},"modified":"2023-08-03T03:17:29","modified_gmt":"2023-08-03T03:17:29","slug":"les-annotations-de-sites-web","status":"publish","type":"page","link":"https:\/\/course.oeru.org\/lida103-fr\/modules\/premiers-pas\/les-annotations-de-sites-web\/","title":{"rendered":"Les annotations de sites Web"},"content":{"rendered":"<div id=\"content\" class=\"mw-body container\" role=\"main\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<div class=\"panel\">\n<div class=\"panel-body\">\n<div id=\"bodyContent\">\n<div id=\"mw-content-text\" lang=\"en\" dir=\"ltr\" class=\"mw-content-ltr\">\n<div class=\"floatright\"><a href=\"https:\/\/wikieducator.org\/File:Marker-pens.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Marker-pens.jpg\" src=\"\/\/wikieducator.org\/images\/thumb\/5\/59\/Marker-pens.jpg\/320px-Marker-pens.jpg\" width=\"320\" height=\"185\" class=\"img-responsive\"><\/a><\/div>\n<p>Annotez n\u2019importe quelle page Web et ouvrez le d\u00e9bat avec <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/web.hypothes.is\/\">Hypothes.is<\/a>. Vous pouvez partager vos annotations avec les autres apprenants en utilisant le code du cours. Cr\u00e9ez un compte sur <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/web.hypothes.is\/\">Hypothes.is<\/a> et faites l\u2019activit\u00e9 ci-dessous afin de vous familiariser avec les annotations.<br style=\"clear:both;\"><\/p>\n<h2><span class=\"mw-headline\" id=\"Aper.C3.A7u\">Aper\u00e7u<\/span><\/h2>\n<p><a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/web.hypothes.is\/\">Hypothes.is<\/a> est un outil open source en ligne permettant d\u2019annoter les pages Web ou les documents PDF accessibles en ligne depuis votre navigateur, et de partager publiquement vos annotations. Les utilisateurs peuvent \u00e9galement r\u00e9pondre aux annotations de leurs pairs. Hypothes.is utilise des \u00e9tiquettes. Ainsi, les annotations portant le code \u00ab&nbsp;LiDA103fr&nbsp;\u00bb du cours <i>\u00c9ducation ouverte, droit d\u2019auteur et licences ouvertes Creative Commons dans un monde num\u00e9rique<\/i> sont collect\u00e9es et apparaissent dans le <a href=\"\/lida103-fr\/communications\/fil-dactualite-du-cours\" title=\"Learning in a digital age\/LiDA103 fr\/Feed\">fil d\u2019actualit\u00e9 du cours<\/a>.\n<\/p>\n<p>Les apprenants de l\u2019OERu sont en g\u00e9n\u00e9ral encourag\u00e9s \u00e0 annoter et \u00e0 commenter une page Web ou un document PDF en ligne d\u00e9sign\u00e9 \u00e0 cet effet. Cependant, n\u2019oubliez pas que vous pouvez annoter n\u2019importe quelle page Web et que si vous indiquez le code de votre cours, votre commentaire sera partag\u00e9 avec vos pairs sur le fil d\u2019actualit\u00e9. Ne limitez donc pas vos annotations aux ressources pr\u00e9sent\u00e9es dans les supports p\u00e9dagogiques.\n<\/p>\n<p>Pour utiliser Hypothes.is, vous devez commencer par cr\u00e9er votre compte. Apr\u00e8s connexion, vous pourrez publier des annotations.\n<\/p>\n<p>Veuillez prendre note que les instructions sur la page Hypothes.is ne sont  disponible qu&rsquo;en anglais. Toutefois, vous pouvez partager vos annotations dans la langue de votre choix.\n<\/p>\n<div class=\"panel iDevice\">\n\t<div class=\"panel-heading idevice-heading\">\n\t\t<div>\n\t\t\t<img decoding=\"async\" class=\"pedagogicalicon\" alt=\"activity\" src=\"https:\/\/course.oeru.org\/lida103-fr\/wp-content\/themes\/oeru-course\/idevices\/Icon_activity.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Activit\u00e9&nbsp;: Cr\u00e9ez votre compte Hypothes.is<\/h2>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"panel-body\">\n\t\t<div class=\"col-md-12\">\n\t\t\t<\/p>\n<p>Au cours de cette activit\u00e9, vous allez cr\u00e9er un compte sur Hypothes.is.\n<\/p>\n<ol>\n<li>Consultez la page \u00ab&nbsp;<a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/web.hypothes.is\/start\/\">Get Started<\/a>&nbsp;\u00bb (commencer) pour une pr\u00e9sentation d\u2019Hypothes.is.\n<\/li>\n<li>Cr\u00e9ez un compte sur Hypothes.is sur la page&nbsp;: <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/hypothes.is\/signup\">Sign up<\/a> (s&rsquo;inscrire).\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p>\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Activez_les_boutons_de_navigation_Hypothes.is_pour_commencer_.C3.A0_annoter\">Activez les boutons de navigation Hypothes.is pour commencer \u00e0 annoter<\/span><\/h2>\n<p>Il y a deux mani\u00e8res d\u2019activer les boutons de navigation qui figurent en haut \u00e0 droite de votre \u00e9cran et permettent, apr\u00e8s connexion sur Hypothes.is, d\u2019annoter des pages Web.\n<\/p>\n<p><a href=\"https:\/\/wikieducator.org\/File:Hypothesis-function-icons.png\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Hypothesis-function-icons.png\" src=\"\/\/wikieducator.org\/images\/c\/ca\/Hypothesis-function-icons.png\" width=\"35\" height=\"122\" class=\"img-responsive\"><\/a><br style=\"clear:both;\">\n<\/p>\n<ol>\n<li> Vous pouvez activer Hypothes.is depuis votre navigateur (il faut pour cela avoir ajout\u00e9 l\u2019extension ou \u00ab&nbsp;bookmarklet&nbsp;\u00bb Hypothes.is \u00e0 votre navigateur. Notez qu\u2019Hypothes.is fonctionne sur la plupart des navigateurs Web).\n<\/li>\n<li> Vous pouvez aussi choisir de passer directement par l\u2019option \u00ab&nbsp;Paste a link&nbsp;\u00bb (Copier un lien) sur le site Web Hypothes.is (cette op\u00e9ration a pour effet d\u2019ajouter le pr\u00e9fixe \u00ab&nbsp;https:\/\/via.hypothes.is\/&nbsp;\u00bb au lien de la page que vous souhaitez annoter).\n<\/li>\n<\/ol>\n<div class=\"panel iDevice\">\n\t<div class=\"panel-heading idevice-heading\">\n\t\t<div>\n\t\t\t<img decoding=\"async\" class=\"pedagogicalicon\" alt=\"activity\" src=\"https:\/\/course.oeru.org\/lida103-fr\/wp-content\/themes\/oeru-course\/idevices\/Icon_activity.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Activit\u00e9&nbsp;: Entra\u00eenez-vous \u00e0 annoter une page Web avec le code de votre cours<\/h2>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"panel-body\">\n\t\t<div class=\"col-md-12\">\n\t\t\t<\/p>\n<p><b>Objectif <\/b>: Dans cette activit\u00e9, vous apprendrez \u00e0 annoter une page Web, \u00e0 tagger et publier un commentaire, ainsi qu\u2019\u00e0 rechercher toutes les annotations publiques concernant le cours sur Hypothes.is.\n<\/p>\n<p><b>Exercices <\/b><br \/>\nC\u2019est en forgeant qu\u2019on devient forgeron. Cette activit\u00e9 vous montrera les diff\u00e9rentes \u00e9tapes pour annoter une page Web.\n<\/p>\n<ol>\n<li> Lisez <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/translate.google.com\/translate?sl=en&amp;tl=fr&amp;u=https:\/\/course.oeru.org\/support\/studying-courses\/course-annotations\/\">comment annoter un page Web<\/a> sur la page d\u2019aide de l\u2019OERu (traduit par \u00ab&nbsp;Google Traduction&nbsp;\u00bb).\n<\/li>\n<li> Avant de commencer \u00e0 annoter, vous devez <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/hypothes.is\/login\">vous connecter sur votre compte Hypothes.is<\/a>.\n<\/li>\n<li> Rendez-vous sur la page suivante&nbsp;: <br \/><a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/portal.unesco.org\/fr\/ev.php-URL_ID=49556&amp;URL_DO=DO_TOPIC&amp;URL_SECTION=201.html\">Recommandation sur les ressources \u00e9ducatives libres (REL)<\/a>\n<\/li>\n<li> Activez les boutons de navigation Hypothes.is (voir plus haut). Si les boutons d\u2019annotation n\u2019apparaissent pas en haut \u00e0 droite de votre \u00e9cran, cela signifie que vous n\u2019avez pas correctement activ\u00e9 Hypothes.is. Vous pouvez aussi vous rendre directement \u00e0 l\u2019adresse <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/web.hypothes.is\/\">web.hypothes.is<\/a> et passer par l\u2019option \u00ab&nbsp;Paste a link&nbsp;\u00bb (Copier un lien) pour acc\u00e9der \u00e0 la page.\n<\/li>\n<li> Lisez la recommandation sur les ressources \u00e9ducatives libres (REL) et&nbsp;:\n<\/li>\n<\/ol>\n<ul>\n<li> surlignez et commentez les avantages des REL pour votre apprentissage&nbsp;;\n<\/li>\n<li> commentez les r\u00e9flexions, les id\u00e9es ou les observations que vous a inspir\u00e9e la recommandation;\n<\/li>\n<li> r\u00e9pondez aux annotations effectu\u00e9es par d\u2019autres utilisateurs.\n<\/li>\n<\/ul>\n<ol>\n<li> <b>Ajoutez<\/b> le code du cours <b>\u00ab&nbsp;LiDA103fr&nbsp;\u00bb<\/b> dans le champ \u00e9tiquette (Add tags\u2026) (cette \u00e9tape est n\u00e9cessaire pour collecter vos annotations et les faire appara\u00eetre dans le <a href=\"\/lida103-fr\/communications\/fil-dactualite-du-cours\" title=\"Learning in a digital age\/LiDA103 fr\/Feed\">fil d\u2019actualit\u00e9 du cours<\/a> ainsi que pour rechercher toutes les pages annot\u00e9es avec Hypothes.is sur lesquelles figure le code du cours).\n<\/li>\n<li> Assurez-vous d\u2019avoir bien s\u00e9lectionn\u00e9 l\u2019option \u00ab&nbsp;publication publique&nbsp;\u00bb (Post to public) afin que le commentaire soit visible de tous.\n<\/li>\n<li> Si vous avez correctement tagg\u00e9 vos annotations avec le code du cours (LiDA103fr), celles-ci appara\u00eetront sur le <a href=\"\/lida103-fr\/communications\/fil-dactualite-du-cours\" title=\"Learning in a digital age\/LiDA103 fr\/Feed\">fil d\u2019actualit\u00e9 du cours<\/a> apr\u00e8s agr\u00e9gation des commentaires effectu\u00e9s sur Hypothes.is (il s\u2019agit d\u2019un proc\u00e9d\u00e9 automatique qui a lieu toutes les 30 minutes environ).\n<\/li>\n<li> Rendez-vous sur le <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/hypothes.is\">site Hypothes.is<\/a> et recherchez des annotations portant le <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/hypothes.is\/search?q=LiDA103fr\">LiDA103fr<\/a> code du cours. Vous pouvez rechercher n\u2019importe quelle \u00e9tiquette (tag) en tapant celle-ci dans la barre de recherche.\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p>\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Besoin_d.E2.80.99aide_.3F\">Besoin d\u2019aide&nbsp;?<\/span><\/h2>\n<ul>\n<li> Sur le <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/course.oeru.org\/support\/\">site d\u2019aide de l\u2019OERu<\/a> (en anglais seulement) vous trouverez des instructions et des vid\u00e9os explicatives indiquant <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/course.oeru.org\/support\/studying-courses\/course-annotations\/\">How to annotate a web-page<\/a> (comment annoter une page Web).\n<\/li>\n<li> Vous pouvez poser vos questions sur le site <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/forums.oeru.org\/\">forums.oeru.org<\/a>. Pour plus d\u2019informations, consultez la page <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/course.oeru.org\/support\/studying-courses\/getting-help\/\">getting help<\/a> (obtenir aide).\n<\/li>\n<\/ul>\n<p><!-- \nNewPP limit report\nCPU time usage: 0.038 seconds\nReal time usage: 0.046 seconds\nPreprocessor visited node count: 203\/1000000\nPreprocessor generated node count: 954\/1000000\nPost\u2010expand include size: 17524\/2097152 bytes\nTemplate argument size: 7301\/2097152 bytes\nHighest expansion depth: 8\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key we_en-mw_:pcache:idhash:188466-0!*!0!!*!2!* and timestamp 20230802162020 and revision id 1091183\n -->\n<\/div>\n<div class=\"visualClear\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<ul class=\"pager\">\n<li class=\"previous\">\n            <a href=\"\/lida103-fr\/modules\/premiers-pas\/forums-de-loeru\">\u2190 Pr\u00e9c\u00e9dent<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/lida103-fr\/modules\/premiers-pas\/mediatheque-de-loeru\">Suivant \u2192<\/a>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div id=\"wenote-ids\"><script type='text\/javascript' id='wenotes-ids'>\n    var WEnotesSite = \"https:\/\/wikieducator.org\";\n    var WEnotesPath = \"\/Learning_in_a_digital_age\/LiDA103_fr\/Orientation\/Annotations\";\n    var WEnotesSiteID = \"0e3d258fbd36841f92259eefcd41d5e9\";\n    var WEnotesPathID = \"5ed4e4abf7ecd1cd57124a31bd6a76c1\";\n    var WEnotesIDs = { site: \"https:\/\/wikieducator.org\", path: \"\/Learning_in_a_digital_age\/LiDA103_fr\/Orientation\/Annotations\", site_id: \"0e3d258fbd36841f92259eefcd41d5e9\", path_id: \"5ed4e4abf7ecd1cd57124a31bd6a76c1\" };\n<\/script><\/div>\n<\/div>\n<footer><\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Annotez n\u2019importe quelle page Web et ouvrez le d\u00e9bat avec Hypothes.is. Vous pouvez partager vos annotations avec les autres apprenants en utilisant le code du cours. Cr\u00e9ez un compte sur Hypothes.is et faites l\u2019activit\u00e9 ci-dessous afin de vous familiariser avec les annotations. Aper\u00e7u Hypothes.is est un outil open source en ligne permettant d\u2019annoter les pages [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14104,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/pages\/14114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/comments?post=14114"}],"version-history":[{"count":1,"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/pages\/14114\/revisions"}],"predecessor-version":[{"id":14115,"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/pages\/14114\/revisions\/14115"}],"up":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/pages\/14104"}],"wp:attachment":[{"href":"https:\/\/course.oeru.org\/lida103-fr\/wp-json\/wp\/v2\/media?parent=14114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}