{"id":2,"date":"2020-07-21T10:50:35","date_gmt":"2020-07-21T10:50:35","guid":{"rendered":"https:\/\/fad.blogs.usj.edu.lb\/?page_id=2"},"modified":"2026-03-17T06:55:38","modified_gmt":"2026-03-17T06:55:38","slug":"checklist","status":"publish","type":"page","link":"https:\/\/fad.blogs.usj.edu.lb\/en\/checklist\/","title":{"rendered":"Checklist for adapting your educational unit to the requirements of online teaching"},"content":{"rendered":"\n<div class=\"wp-block-siteorigin-panels-layout-block\"><div id=\"pl-2\"  class=\"panel-layout\" ><div id=\"pg-2-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-2-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-2-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><style>\n \/* Style the buttons that are used to open and close the accordion panel *\/\n .accordion {\n background-color: #eee;\n color: #444;\n cursor: pointer;\n padding: 18px;\n width: 95%;\n text-align: left;\n border: none;\n outline: none;\n transition: 0.4s;\n }\n \/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) *\/\n .active, .accordion:hover {\n background-color: #ccc;\n }\n \/* Style the accordion panel. Note: hidden by default *\/\n .panel {\n padding: 0 18px;\n background-color: white;\n display: none;\n overflow: hidden;\n }\n \/* Unicode character for \"plus\" sign (+) *\/\n p.accordion:after {\n content: '\\2795';\n font-size: 13px;\n color: #777;\n float: right;\n margin-left: 5px;\n }\n \/* Unicode character for \"minus\" sign (-) *\/\n p.accordion.active:after {\n content: \"\\2796\";\n }\n .switch {\n position: relative;\n display: inline-block;\n width: 30px;\n height: 17px;\n }\n .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: .4s;\n transition: .4s;\n }\n .slider:before {\n position: absolute;\n content: \"\";\n height: 13px;\n width: 13px;\n left: 2px;\n bottom: 2px;\n background-color: white;\n -webkit-transition: .4s;\n transition: .4s;\n }\n input:checked + .slider {\n background-color: #2196F3;\n }\n input:focus + .slider {\n box-shadow: 0 0 1px #2196F3;\n }\n input:checked + .slider:before {\n -webkit-transform: translateX(13px);\n -ms-transform: translateX(13px);\n transform: translateX(13px);\n }\n \/* Rounded sliders *\/\n .slider.round {\n border-radius: 17px;\n }\n .slider.round:before {\n border-radius: 50%;\n }\n span.c1 {\n color:RGB(0,134,117);\n }\n span.c2 {\n color:RGB(0,167,225);\n }\n span.c3 {\n color:RGB(164,117,160);\n }\n td.stylish {\n width: 10%; text-align: center; vertical-align: middle;\n }\n td.b1 {\n background:RGB(0,134,117);\n }\n td.b2 {\n background:RGB(0,167,225);\n }\n td.b3 {\n background:RGB(164,117,160);\n }\n \/* Multi Switch *\/\n .multiswitch {\n display: inline-block;\n cursor: pointer;\n }\n .slide-container {\n pointer-events: none;\n }\n .multiswitch input {\n position: absolute;\n left: -200vw;\n }\n .multiswitch .slide-container {\n position: relative;\n display: flex;\n max-width: 50px;\n line-height: 1.1em;\n \/* don't allow highlighting the text inside the toggle *\/\n user-select: none;\n }\n .multiswitch .slide-container label {\n \/* Even though we're using \"flex\" to display, we have to assign widths so that we know exactly where to position the slide *\/\n width: 50%;\n text-align: center;\n padding-left: 1em;\n padding-right: 1em;\n z-index: 2;\n }\n .multiswitch .slide-container a {\n position: absolute;\n left: 50%;\n z-index: 1;\n height: 100%;\n width: 50%;\n transition: left 0.1s ease-out;\n box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n \/*\n Auto adjusting widths\n *\/\n .multiswitch label:nth-last-child(6),\n .multiswitch label:nth-last-child(6) ~ label,\n .multiswitch label:nth-last-child(6) ~ a {\n width: 33.3334%;\n }\n .multiswitch label:nth-last-child(8),\n .multiswitch label:nth-last-child(8) ~ label,\n .multiswitch label:nth-last-child(8) ~ a {\n width: 25%;\n }\n .multiswitch label:nth-last-child(10),\n .multiswitch label:nth-last-child(10) ~ label,\n .multiswitch label:nth-last-child(10) ~ a {\n width: 20%;\n }\n .multiswitch label:nth-last-child(12),\n .multiswitch label:nth-last-child(12) ~ label,\n .multiswitch label:nth-last-child(12) ~ a {\n width: 16.6667%;\n }\n \/*\n Slider\n *\/\n \/* all options, first selected *\/\n .multiswitch input:checked ~ a {\n left: 0;\n box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2),\n inset 0 1px 0 rgba(255, 255, 255, 0.25);\n border-radius: 50px;\n }\n \/* 2 options, 2nd selected *\/\n .multiswitch label:nth-last-child(4) ~ input:nth-child(3):checked ~ a {\n left: 50%;\n }\n \/* 3 options, 2nd selected *\/\n .multiswitch label:nth-last-child(6) ~ input:nth-child(3):checked ~ a {\n left: 33.3334%;\n }\n \/* 3 options, 3rd selected *\/\n .multiswitch label:nth-last-child(6) ~ input:nth-child(5):checked ~ a {\n left: 66.6667%;\n }\n \/*\n RH Brand Styling\n *\/\n fieldset {\n border: 0;\n padding: 10px;\n margin: 10px;\n }\n .multiswitch .slide-container {\n background: #cccccc;\n color: #fff;\n transition: background 0.1s ease-out;\n border-radius: 50px;\n }\n .multiswitch .slide-container a {\n background: #0088ce;\n border: 1px solid #005f90;\n }\n \/* Stoplight theme *\/\n .multiswitch[data-theme=\"stoplight\"] .slide-container > a {\n background: #c00;\n border-color: #8a0000;\n }\n .multiswitch[data-theme=\"stoplight\"] input:not(:first-child):checked ~ a {\n background: #ec7a08;\n border-color: #bc6106;\n }\n .multiswitch[data-theme=\"stoplight\"] label:nth-last-child(4) ~ input:nth-child(3):checked ~ a,\n .multiswitch[data-theme=\"stoplight\"] label:nth-last-child(6) ~ input:nth-child(5):checked ~ a,\n .multiswitch[data-theme=\"stoplight\"] label:nth-last-child(8) ~ input:nth-child(7):checked ~ a,\n .multiswitch[data-theme=\"stoplight\"] label:nth-last-child(10) ~ input:nth-child(9):checked ~ a,\n .multiswitch[data-theme=\"stoplight\"] label:nth-last-child(12) ~ input:nth-child(11):checked ~ a {\n background: #3f9c35;\n border-color: #307628;\n }\n\t\n<\/style>\n<div class=\"togglePrint\" style=\"display: block\">\n <p>Cette check-list pr\u00e9sente quelques balises pour l\u2019enseignement en ligne. Elle permet aux enseignants d\u2019auto\u00e9valuer l\u2019adaptation de leurs cours en respectant les exigences de l\u2019enseignement en ligne et aux institutions d\u2019\u00e9valuer les cours qu\u2019elles offrent dans ce format. Les besoins ou pistes de d\u00e9veloppement pourront ainsi \u00eatre mieux identifi\u00e9s. Des recherches personnelles, les \u00e9changes entre pairs, les guides produits par l\u2019USJ ou un coaching sollicit\u00e9 aupr\u00e8s des instances pertinentes pourraient y r\u00e9pondre. <\/p>\n <p>Afin d\u2019assurer des cours en ligne de qualit\u00e9 et de faciliter l\u2019apprentissage des \u00e9tudiants, les enseignants doivent tenir compte de deux niveaux : <\/p>\n <ul>\n <li><b>Conception (design)<\/b><\/li>\n <li><b>Prestation (delivery)<\/b><\/li>\n <\/ul>\n <p>Une couleur sp\u00e9cifique est attribu\u00e9e \u00e0 chaque \u00e9l\u00e9ment de cette check-list selon son appartenance \u00e0 l&rsquo;un des trois niveaux suivants :<\/p>\n <ul>\n <li><span class=\"c1\"><b>Niveau de base<\/b>\u202f: \u00c9l\u00e9ments qui permettent l\u2019animation d\u2019une classe virtuelle dans des conditions optimales.<\/span><\/li>\n <li><span class=\"c2\"><b>Niveau interm\u00e9diaire<\/b>\u202f: \u00c9l\u00e9ments qui permettent l\u2019animation d\u2019un cours hybride dans des conditions optimales.<\/span><\/li>\n <li><span class=\"c3\"><b>Niveau optimal<\/b>\u202f: \u00c9l\u00e9ments qui attestent la maturit\u00e9 num\u00e9rique du cours et son adaptation \u00e0 toutes les exigences de l\u2019enseignement en ligne, et plus particuli\u00e8rement un enseignement \u00e0 distance.<\/span><\/li>\n <\/ul>\n <p style='margin:0in;font-size:15px;font-family:\"Calibri\",sans-serif;'><strong><span style=\"color:red;\">Cette check-list sert de <u>carte de route<\/u> puisque le passage d&rsquo;un niveau &agrave; un autre s&rsquo;inscrit n&eacute;cessairement dans un <u>processus &eacute;volutif progressif<\/u> que les enseignants suivront &agrave; leur <u>propre rythme<\/u> et selon les <u>besoins de chaque UE<\/u>.&nbsp;<\/span><\/strong><\/p>\n <br\/>\n <div style=\"display: block;\" id=\"InputUE\">\n <p><strong>Saisissez votre UE:<\/strong><\/p>\n <div class=\"col-md-6\">\n <input type=\"text\" placeholder=\"UE\" class=\"form-control\" id=\"ueid\" name=\"ueid\"\/>\n <\/div>\n <\/div>\n <br\/>\n <br\/>\n <h3 style=\"padding: 7px; \">CONCEPTION (DESIGN)<\/h3>\n <p style='margin:0in;font-size:15px;font-family:\"Calibri\",sans-serif;'><strong><span>Un espace mod\u00e8le &#8211; accessible avec les identifiants USJ (mail USJ) et con\u00e7u sur Moodle &#8211; est consultable sur <a href=\"https:\/\/moodle.usj.edu.lb\/course\/view.php?id=6696\" target=\"_blank\" rel=\"noopener\">ce lien<\/a>. S\u2019y trouvent des exemples qui illustrent le mode d\u2019organisation optimal d\u2019un espace Moodle adapt\u00e9 \u00e0 l\u2019enseignement en ligne. <\/span><\/strong><\/p>\n <br\/>\n<\/div>\n<h5 class=\"ueWritten\"><\/h5>\n<h5 class=\"datetimePrint\"><\/h5>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"A\">A.\tIntroduction<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>Les \u00e9l\u00e9ments ci-dessous aident les \u00e9tudiants \u00e0 s&rsquo;orienter au d\u00e9but du cours.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"1\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight1\" id=\"stoplight0\" class=\"stoplight0\"\n checked>\n <label for=\"stoplight0\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight1\" class=\"stoplight1\" id=\"stoplight1\">\n <label for=\"stoplight1\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight1\" class=\"stoplight2\" id=\"stoplight2\">\n <label for=\"stoplight2\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint1\"\/>\n <\/fieldset>\n <\/td>\n <td>\n\t <b>Le plan de l\u2019unit\u00e9 d\u2019enseignement<\/b> comprenant les r\u00e9sultats attendus d\u2019apprentissage, est disponible sur Moodle ou accessible via un hyperlien sur le site de l\u2019Universit\u00e9. Il est possible de mentionner les r\u00e9sultats d\u2019apprentissage attendus de cette UE directement sur la page Moodle.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"2\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight2\" id=\"stoplight3\" class=\"stoplight3\"\n checked>\n <label for=\"stoplight3\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight2\" class=\"stoplight4\" id=\"stoplight4\">\n <label for=\"stoplight4\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight2\" class=\"stoplight5\" id=\"stoplight5\">\n <label for=\"stoplight5\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint2\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Un bref r\u00e9sum\u00e9 de l\u2019UE<\/b> est accessible via \u00ab <i>Moodle Search<\/i> \u00bb. Il est recommand\u00e9 d\u2019y pr\u00e9ciser le mode d\u2019acc\u00e8s au cours ainsi que l&rsquo;adresse e-mail de l&rsquo;enseignant ou de l\u2019administration \u00e0 contacter en cas de probl\u00e8me d\u2019acc\u00e8s.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"3\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight3\" id=\"stoplight6\" class=\"stoplight6\"\n checked>\n <label for=\"stoplight6\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight3\" class=\"stoplight7\" id=\"stoplight7\">\n <label for=\"stoplight7\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight3\" class=\"stoplight8\" id=\"stoplight8\">\n <label for=\"stoplight8\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint3\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Une pr\u00e9sentation de l\u2019enseignant<\/b> (courte bio, photo, etc.) aide \u00e0 personnaliser l&rsquo;environnement de travail en ligne.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"4\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight4\" id=\"stoplight9\" class=\"stoplight9\"\n checked>\n <label for=\"stoplight9\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight4\" class=\"stoplight10\" id=\"stoplight10\">\n <label for=\"stoplight10\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight4\" class=\"stoplight11\" id=\"stoplight11\">\n <label for=\"stoplight11\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint4\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Une br\u00e8ve vid\u00e9o de bienvenue<\/b> aide \u00e0 \u00e9tablir un premier contact avec les \u00e9tudiants.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"B\">B. Mise en page et format<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>C\u2019est par ce moyen que les \u00e9tudiants retrouvent facilement les informations et les ressources de l\u2019unit\u00e9 d\u2019enseignement.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"5\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight5\" id=\"stoplight12\" class=\"stoplight12\"\n checked>\n <label for=\"stoplight12\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight5\" class=\"stoplight13\" id=\"stoplight13\">\n <label for=\"stoplight13\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight5\" class=\"stoplight14\" id=\"stoplight14\">\n <label for=\"stoplight14\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint5\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les intitul\u00e9s de sections sont repr\u00e9sentatifs de chaque sujet \/ section<\/b> (Exemple : Section 1 : [Titre] ou Semaine 1 : [Titre]\u2026\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"6\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight6\" id=\"stoplight15\" class=\"stoplight15\"\n checked>\n <label for=\"stoplight15\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight6\" class=\"stoplight16\" id=\"stoplight16\">\n <label for=\"stoplight16\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight6\" class=\"stoplight17\" id=\"stoplight17\">\n <label for=\"stoplight17\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint6\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Des titres pleins, descriptifs et num\u00e9rot\u00e9s sont attribu\u00e9s \u00e0 toutes les ressources et activit\u00e9s.<\/b> Par exemple, \u00ab Devoir 1. &#8211; Votre premier article de blog \u00bb. Les titres devraient, au premier coup d&rsquo;\u0153il, avoir du sens pour les \u00e9tudiants en leur fournissant les informations n\u00e9cessaires pour identifier la ressource ou l&rsquo;activit\u00e9 sans avoir \u00e0 l&rsquo;ouvrir. Des titres tels que \u00ab Devoir 1 \u00bb ne sont pas ad\u00e9quats.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"7\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight7\" id=\"stoplight18\" class=\"stoplight18\"\n checked>\n <label for=\"stoplight18\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight7\" class=\"stoplight19\" id=\"stoplight19\">\n <label for=\"stoplight19\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight7\" class=\"stoplight20\" id=\"stoplight20\">\n <label for=\"stoplight20\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint7\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les <a href=\"https:\/\/cinia.blogs.usj.edu.lb\/gestion-son-espace-depot-des-ressources-numeriques\/#URL\" target=\"_blank\" rel=\"noopener\">hyperliens sont r\u00e9guli\u00e8rement<\/a> v\u00e9rifi\u00e9s et ceux qui sont rompus sont corrig\u00e9s ou supprim\u00e9s. <\/b><\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"8\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight8\" id=\"stoplight21\" class=\"stoplight21\"\n checked>\n <label for=\"stoplight21\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight8\" class=\"stoplight22\" id=\"stoplight22\">\n <label for=\"stoplight22\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight8\" class=\"stoplight23\" id=\"stoplight23\">\n <label for=\"stoplight23\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint8\"\/>\n <\/fieldset>\n <\/td>\n <td><b>La page du cours n\u2019est pas surcharg\u00e9e.<\/b> Il est possible d\u2019utiliser l\u2019option des <i>\u201cPages\u201d<\/i> dans Moodle ou de param\u00e9trer l&rsquo;espace selon le format \u00ab Sections r\u00e9duites \u00bb (<i>\u201cCollapsed Topics\u201d<\/i>). A noter que ce format est plus accessible sur les appareils mobiles et pour ceux qui utilisent des lecteurs d&rsquo;\u00e9cran.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"9\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight9\" id=\"stoplight24\" class=\"stoplight24\"\n checked>\n <label for=\"stoplight24\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight9\" class=\"stoplight25\" id=\"stoplight25\">\n <label for=\"stoplight25\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight9\" class=\"stoplight26\" id=\"stoplight26\">\n <label for=\"stoplight26\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint9\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les ressources sont identifiables et lisibles <\/b>:\n <ul>\n <li>La mise en page est claire, avec des alin\u00e9as pour chaque paragraphe.<\/li>\n <li>Les textes ne comportent pas des coquilles (erreurs de frappe et de langue).<\/li>\n <li>Les polices sont \u00ab Sans Serif \u00bb et suffisamment grandes pour \u00eatre lues (minimum 11 pt).<\/li>\n <li>Les liens sont descriptifs (\u00e9viter le \u00ab <i>cliquer ici <\/i>\u00bb) et s&rsquo;ouvrent dans une autre fen\u00eatre.<\/li>\n <li>Chaque image\/illustration est d\u00e9crite par un texte de remplacement (alt text) pour permettre \u00e0 l\u2019\u00e9tudiant de savoir de quoi il s\u2019agit s\u2019il n\u2019arrive pas \u00e0 la t\u00e9l\u00e9charger.<\/li>\n <\/ul>\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"10\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight10\" id=\"stoplight27\" class=\"stoplight27\"\n checked>\n <label for=\"stoplight27\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight10\" class=\"stoplight28\" id=\"stoplight28\">\n <label for=\"stoplight28\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight10\" class=\"stoplight29\" id=\"stoplight29\">\n <label for=\"stoplight29\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint10\"\/>\n <\/fieldset>\n <\/td>\n <td>Les <b>ressources<\/b> (PPT, vid\u00e9os, documents Word, etc.) mises \u00e0 la disposition des \u00e9tudiants sont <b>conformes \u00e0 la charte graphique de l\u2019USJ<\/b>. Cela garantit les droits d\u2019auteur.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"C\">C.\tSc\u00e9narisation<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>La sc\u00e9narisation est essentielle pour que les \u00e9tudiants atteignent les r\u00e9sultats attendus de l\u2019unit\u00e9 d\u2019enseignement (ou pour assurer la qualit\u00e9 d\u2019un cours en ligne).<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"11\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight11\" id=\"stoplight30\" class=\"stoplight30\"\n checked>\n <label for=\"stoplight30\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight11\" class=\"stoplight31\" id=\"stoplight31\">\n <label for=\"stoplight31\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight11\" class=\"stoplight32\" id=\"stoplight32\">\n <label for=\"stoplight32\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint11\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Le contenu est organis\u00e9 <\/b> (ressources, activit\u00e9s, etc <b>de mani\u00e8re pertinente et clairement structur\u00e9e.<\/b> Il est fortement recommand\u00e9 que l\u2019organisation soit chronologique (c\u2019est-\u00e0-dire selon l&rsquo;ordre des t\u00e2ches \u00e0 effectuer).\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"12\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight12\" id=\"stoplight33\" class=\"stoplight33\"\n checked>\n <label for=\"stoplight33\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight12\" class=\"stoplight34\" id=\"stoplight34\">\n <label for=\"stoplight34\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight12\" class=\"stoplight35\" id=\"stoplight35\">\n <label for=\"stoplight35\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint12\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Un texte d&rsquo;introduction pour chaque \u00ab\u00a0section\u00a0\u00bb <\/b> de l&rsquo;espace Moodle est pr\u00e9vu. Il inclut un aper\u00e7u des r\u00e9sultats d\u2019apprentissage par semaine\/par sujet.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"13\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight13\" id=\"stoplight36\" class=\"stoplight36\"\n checked>\n <label for=\"stoplight36\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight13\" class=\"stoplight37\" id=\"stoplight37\">\n <label for=\"stoplight37\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight13\" class=\"stoplight38\" id=\"stoplight38\">\n <label for=\"stoplight38\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint13\"\/>\n <\/fieldset>\n <\/td>\n <td>Une <b>planification hebdomadaire<\/b> expose le <b>contenu, les activit\u00e9s, les ressources, les travaux, les \u00e9valuations, etc.<\/b><\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"14\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight14\" id=\"stoplight39\" class=\"stoplight39\"\n checked>\n <label for=\"stoplight39\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight14\" class=\"stoplight40\" id=\"stoplight40\">\n <label for=\"stoplight40\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight14\" class=\"stoplight41\" id=\"stoplight41\">\n <label for=\"stoplight41\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint14\"\/>\n <\/fieldset>\n <\/td>\n <td>La <b>charge de travail<\/b> exig\u00e9e de <b>l\u2019\u00e9tudiant peut \u00eatre facilement calcul\u00e9e. Il est recommand\u00e9, entre autres, de pr\u00e9ciser le nombre de mots et\/ou le temps n\u00e9cessaire pour lire\/visionner les ressources.<\/b> Par ex. \u00ab T\u00e2che 2.3 &#8211; Article sur la physique quantique (2 000 mots) \u00bb ou \u00ab T\u00e2che\n 3.3 \u2013 Reportage sur le Liban en temps de COVID* (6 mn) \u00bb.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"15\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight15\" id=\"stoplight42\" class=\"stoplight42\"\n checked>\n <label for=\"stoplight42\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight15\" class=\"stoplight43\" id=\"stoplight43\">\n <label for=\"stoplight43\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight15\" class=\"stoplight44\" id=\"stoplight44\">\n <label for=\"stoplight44\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint15\"\/>\n <\/fieldset>\n <\/td>\n <td>Le mode d\u2019exploitation des <b>ressources<\/b> ainsi que les activit\u00e9s font l\u2019objet d\u2019une <b>description<\/b> qui \u00e9nonce clairement les <b>objectifs vis\u00e9s<\/b> et leurs liens <b>avec les r\u00e9sultats d\u2019apprentissage<\/b><\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"16\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight16\" id=\"stoplight45\" class=\"stoplight45\"\n checked>\n <label for=\"stoplight45\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight16\" class=\"stoplight46\" id=\"stoplight46\">\n <label for=\"stoplight46\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight16\" class=\"stoplight47\" id=\"stoplight47\">\n <label for=\"stoplight47\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint16\"\/>\n <\/fieldset>\n <\/td>\n <td>Des <b>activit\u00e9s brise-glace sont organis\u00e9es<\/b> pour \u00e9tablir un premier contact avec les \u00e9tudiants et renforcer la coh\u00e9sion du groupe. Elles se pr\u00e9sentent sous la forme de question courte, de sondage, de mini-quiz, de mini-sondage, etc.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"D\">D.\tModalit\u00e9s de communication<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>Ce sont les moyens qui favorisent une communication efficace entre les enseignants et les \u00e9tudiants d\u2019une part, et entre les \u00e9tudiants et leurs pairs, d\u2019autre part.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"17\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight17\" id=\"stoplight48\" class=\"stoplight48\"\n checked>\n <label for=\"stoplight48\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight17\" class=\"stoplight49\" id=\"stoplight49\">\n <label for=\"stoplight49\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight17\" class=\"stoplight50\" id=\"stoplight50\">\n <label for=\"stoplight50\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint17\"\/>\n <\/fieldset>\n <\/td>\n <td>Un <b>feedback ponctuel sur\u202fl\u2019enseignement<\/b> en ligne (par exemple, un feedback sur les explications des pr\u00e9sentations, sur la qualit\u00e9 audio\/vid\u00e9o) est propos\u00e9 aux \u00e9tudiants (\u00e0 travers Activit\u00e9 Feedback dans Moodle ou Forms dans Office 365)\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"18\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight18\" id=\"stoplight51\" class=\"stoplight51\"\n checked>\n <label for=\"stoplight51\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight18\" class=\"stoplight52\" id=\"stoplight52\">\n <label for=\"stoplight52\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight18\" class=\"stoplight53\" id=\"stoplight53\">\n <label for=\"stoplight53\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint18\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Un forum sp\u00e9cial \u00e9tudiants<\/b> est cr\u00e9\u00e9. Il est recommand\u00e9 de cr\u00e9er un forum de discussion g\u00e9n\u00e9ral pour les \u00e9tudiants. Ils sont invit\u00e9s \u00e0 s\u2019y pr\u00e9senter au moment de leur inscription au cours. Ils peuvent ensuite continuer \u00e0 utiliser ce forum pour interagir avec leurs pairs, par exemple pour partager des ressources, etc.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"19\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight19\" id=\"stoplight54\" class=\"stoplight54\"\n checked>\n <label for=\"stoplight54\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight19\" class=\"stoplight55\" id=\"stoplight55\">\n <label for=\"stoplight55\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight19\" class=\"stoplight56\" id=\"stoplight56\">\n <label for=\"stoplight56\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint19\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les modes de communication entre les \u00e9tudiants et l\u2019\u00e9quipe enseignante sont adapt\u00e9s aux besoins et pr\u00e9d\u00e9finis<\/b> (par exemple, les forums Moodle pour les questions li\u00e9es aux cours ou les rencontres virtuelles hebdomadaires selon un calendrier pr\u00e9\u00e9tabli).\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"E\">E.\t\u00c9valuation<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>Il est essentiel que les activit\u00e9s et grilles d\u2019\u00e9valuation soient claires.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"20\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight20\" id=\"stoplight57\" class=\"stoplight57\"\n checked>\n <label for=\"stoplight57\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight20\" class=\"stoplight58\" id=\"stoplight58\">\n <label for=\"stoplight58\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight20\" class=\"stoplight59\" id=\"stoplight59\">\n <label for=\"stoplight59\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint20\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les modalit\u00e9s d\u2019\u00e9valuation adopt\u00e9es sont appropri\u00e9es pour une passation en ligne.<\/b> Il est recommand\u00e9 de consulter, \u00e0 cet effet, les modalit\u00e9s alternatives d\u2019\u00e9valuation en ligne.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"21\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight21\" id=\"stoplight60\" class=\"stoplight60\"\n checked>\n <label for=\"stoplight60\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight21\" class=\"stoplight61\" id=\"stoplight61\">\n <label for=\"stoplight61\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight21\" class=\"stoplight62\" id=\"stoplight62\">\n <label for=\"stoplight62\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint21\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les \u00e9valuations en ligne sont align\u00e9es aux r\u00e9sultats attendus de l\u2019UE.<\/b><\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"22\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight22\" id=\"stoplight63\" class=\"stoplight63\"\n checked>\n <label for=\"stoplight63\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight22\" class=\"stoplight64\" id=\"stoplight64\">\n <label for=\"stoplight64\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight22\" class=\"stoplight65\" id=\"stoplight65\">\n <label for=\"stoplight65\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint22\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les conditions de soumission en ligne sont clairement \u00e9nonc\u00e9es.<\/b> Il est recommand\u00e9 d\u2019y inclure toutes les instructions relatives \u00e0 l&rsquo;activit\u00e9 (par exemple, type de fichier, date, heure, dur\u00e9e, etc.) Pour les examens, il est fortement recommand\u00e9 d\u2019informer l\u2019administration ou le service informatique de l\u2019heure de l\u2019\u00e9preuve pour s&rsquo;assurer de leur disponibilit\u00e9 en cas de probl\u00e8me technique.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"23\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight23\" id=\"stoplight66\" class=\"stoplight66\"\n checked>\n <label for=\"stoplight66\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight23\" class=\"stoplight67\" id=\"stoplight67\">\n <label for=\"stoplight67\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight23\" class=\"stoplight68\" id=\"stoplight68\">\n <label for=\"stoplight68\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint23\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Un acc\u00e8s aux outils et aux informations permettant d\u2019\u00e9viter le plagiat est fourni aux \u00e9tudiants.<\/b> Il est recommand\u00e9 de leur fournir le lien vers l\u2019espace \u00ab <i><a href=\"https:\/\/moodle.usj.edu.lb\/course\/view.php?id=6657\" target=\"_Blank\" rel=\"noopener\">Se pr\u00e9parer pour les examens<\/a><\/i> \u00bb con\u00e7u par l\u2019UNTE o\u00f9 ils peuvent v\u00e9rifier le pourcentage de plagiat (rapport de similitude) avant de soumettre leur travail pour \u00e9valuation.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"24\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight24\" id=\"stoplight69\" class=\"stoplight69\"\n checked>\n <label for=\"stoplight69\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight24\" class=\"stoplight70\" id=\"stoplight70\">\n <label for=\"stoplight70\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight24\" class=\"stoplight71\" id=\"stoplight71\">\n <label for=\"stoplight71\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint24\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les crit\u00e8res d&rsquo;\u00e9valuation sont pr\u00e9cis\u00e9s.<\/b> Il est recommand\u00e9 de d\u00e9crire en d\u00e9tail le mode d\u2019\u00e9valuation et de mettre \u00e0 la disposition des \u00e9tudiants les grilles ou les formulaires d\u2019\u00e9valuation.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"25\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight25\" id=\"stoplight72\" class=\"stoplight72\"\n checked>\n <label for=\"stoplight72\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight25\" class=\"stoplight73\" id=\"stoplight73\">\n <label for=\"stoplight73\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight25\" class=\"stoplight74\" id=\"stoplight74\">\n <label for=\"stoplight74\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint25\"\/>\n <\/fieldset>\n <\/td>\n <td>Les <b>modalit\u00e9s d\u2019\u00e9valuation<\/b> sont <b>vari\u00e9es<\/b> et permettent aux \u00e9tudiants de recevoir des <b>feedbacks r\u00e9guliers<\/b> sur les <b>progr\u00e8s r\u00e9alis\u00e9s<\/b> et les lacunes \u00e0 combler.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<h3 style=\"padding: 7px; \">PRESTATION (DELIVERY)<\/h3>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"F\">F.\tStrat\u00e9gies de communication<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>Adopter une strat\u00e9gie de communication pendant le cours est vital afin que les \u00e9tudiants ne se sentent pas isol\u00e9s ou exclus.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"26\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight26\" id=\"stoplight75\" class=\"stoplight75\"\n checked>\n <label for=\"stoplight75\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight26\" class=\"stoplight76\" id=\"stoplight76\">\n <label for=\"stoplight76\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight26\" class=\"stoplight77\" id=\"stoplight77\">\n <label for=\"stoplight77\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint26\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les enregistrements des sessions en direct sont mis \u00e0 la disposition des \u00e9tudiants imm\u00e9diatement<\/b> apr\u00e8s la tenue de la session.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"27\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight27\" id=\"stoplight78\" class=\"stoplight78\"\n checked>\n <label for=\"stoplight78\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight27\" class=\"stoplight79\" id=\"stoplight79\">\n <label for=\"stoplight79\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight27\" class=\"stoplight80\" id=\"stoplight80\">\n <label for=\"stoplight80\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint27\"\/>\n <\/fieldset>\n <\/td>\n <td>Le <b>suivi<\/b> des questions pos\u00e9es sur le <b>forum d&rsquo;aide et de support est r\u00e9guli\u00e8rement assur\u00e9.<\/b>\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"28\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight28\" id=\"stoplight81\" class=\"stoplight81\"\n checked>\n <label for=\"stoplight81\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight28\" class=\"stoplight82\" id=\"stoplight82\">\n <label for=\"stoplight82\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight28\" class=\"stoplight83\" id=\"stoplight83\">\n <label for=\"stoplight83\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint28\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Un message de bienvenue est envoy\u00e9 aux \u00e9tudiants<\/b> &#8211; via le forum Annonces. Il comprend : un bref aper\u00e7u du cours, un r\u00e9sum\u00e9 des attentes pour l&rsquo;engagement en ligne, le moyen d\u2019acc\u00e9der \u00e0 leur cours, une explication des activit\u00e9s d&rsquo;introduction (par exemple, publication dans un forum d&rsquo;introduction) \u00e0 r\u00e9aliser en pr\u00e9cisant les d\u00e9lais de remise.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"29\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight29\" id=\"stoplight84\" class=\"stoplight84\"\n checked>\n <label for=\"stoplight84\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight29\" class=\"stoplight85\" id=\"stoplight85\">\n <label for=\"stoplight85\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight29\" class=\"stoplight86\" id=\"stoplight86\">\n <label for=\"stoplight86\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint29\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Des messages sont r\u00e9guli\u00e8rement envoy\u00e9s via le forum <i>Annonces<\/i><\/b> (au moins un message par semaine). Cela s\u00e9curise les \u00e9tudiants et permet de renforcer le sentiment d\u2019appartenance \u00e0 un groupe.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"30\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight30\" id=\"stoplight87\" class=\"stoplight87\"\n checked>\n <label for=\"stoplight87\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight30\" class=\"stoplight88\" id=\"stoplight88\">\n <label for=\"stoplight88\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight30\" class=\"stoplight89\" id=\"stoplight89\">\n <label for=\"stoplight89\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint30\"\/>\n <\/fieldset>\n <\/td>\n <td>Des <b>vid\u00e9os de mise au point sont r\u00e9guli\u00e8rement enregistr\u00e9es<\/b>. Elles servent \u00e0 pr\u00e9senter l\u2019objet du cours de la semaine ainsi que les activit\u00e9s pr\u00e9vues. Il est possible de pr\u00e9parer ces vid\u00e9os avant le lancement du cours en ligne. De plus, il peut s\u2019av\u00e9rer utile de filmer des s\u00e9quences du cours pour en garder une trace.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<p class=\"accordion\" style=\"background-color: #eee;\" id=\"G\">G. Apprentissage actif et engagement des apprenants<\/p>\n<div class=\"panel\">\n <table style=\"width:100%;\">\n <tbody >\n <p>Ce sont les moyens qui favorisent l\u2019interaction entre l\u2019enseignant et les \u00e9tudiants et qui encouragent les \u00e9tudiants \u00e0 devenir acteurs de leur apprentissage.<\/p>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"31\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight31\" id=\"stoplight90\" class=\"stoplight90\"\n checked>\n <label for=\"stoplight90\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight31\" class=\"stoplight91\" id=\"stoplight91\">\n <label for=\"stoplight91\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight31\" class=\"stoplight92\" id=\"stoplight92\">\n <label for=\"stoplight92\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint31\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Des sessions face \u00e0 face virtuelles synchrones (en direct) sont organis\u00e9es.<\/b> Il est recommand\u00e9 de planifier des t\u00e2ches d&rsquo;apprentissage actives, par exemple des d\u00e9bats, etc. et de ne pas se contenter de cours magistraux.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"32\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight32\" id=\"stoplight93\" class=\"stoplight93\"\n checked>\n <label for=\"stoplight93\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight32\" class=\"stoplight94\" id=\"stoplight94\">\n <label for=\"stoplight94\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight32\" class=\"stoplight95\" id=\"stoplight95\">\n <label for=\"stoplight95\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint32\"\/>\n <\/fieldset>\n <\/td>\n <td>Un <b>retour<\/b> (ou r\u00e9troaction) (feedback) r\u00e9gulier et personnalis\u00e9 (sur le niveau d\u2019effort et d\u2019engagement) est assur\u00e9 aux \u00e9tudiants.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b1\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"33\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight33\" id=\"stoplight96\" class=\"stoplight96\"\n checked>\n <label for=\"stoplight96\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight33\" class=\"stoplight97\" id=\"stoplight97\">\n <label for=\"stoplight97\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight33\" class=\"stoplight98\" id=\"stoplight98\">\n <label for=\"stoplight98\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint33\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Des outils et des activit\u00e9s \u00e0 caract\u00e8re interactif sont utilis\u00e9s pendant les sessions en ligne synchrones<\/b> (par exemple, les salles virtuelles de travail en petits groupes (<i>Breakout Rooms dans Zoom ou Chanel dans Teams)<\/i>, les outils de sondage, le tableau blanc, etc.)\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"34\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight34\" id=\"stoplight99\" class=\"stoplight99\"\n checked>\n <label for=\"stoplight99\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight34\" class=\"stoplight100\" id=\"stoplight100\">\n <label for=\"stoplight100\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight34\" class=\"stoplight101\" id=\"stoplight101\">\n <label for=\"stoplight101\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint34\"\/>\n <\/fieldset>\n <\/td>\n <td>Des <b>outils et des activit\u00e9s \u00e0 caract\u00e8re interactif sont utilis\u00e9s pendant les sessions asynchrones.<\/b> Les \u00e9tudiants sont encourag\u00e9s \u00e0 entreprendre des activit\u00e9s (auto-\u00e9valuation, \u00e9valuation par les pairs, discussions de groupe, etc.) pour mieux comprendre le contenu, mettre en pratique les acquis, etc. Ainsi, ils seront plus motiv\u00e9s et activement engag\u00e9s dans le processus d&rsquo;apprentissage.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b2\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"35\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight35\" id=\"stoplight102\" class=\"stoplight102\"\n checked>\n <label for=\"stoplight102\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight35\" class=\"stoplight103\" id=\"stoplight103\">\n <label for=\"stoplight103\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight35\" class=\"stoplight104\" id=\"stoplight104\">\n <label for=\"stoplight104\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint35\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Les \u00e9tudiants sont encourag\u00e9s \u00e0 chercher, partager, discuter,<\/b> etc. \u00e0 travers des forums, comme le Forum sp\u00e9cial \u00e9tudiants, des blogs, des wikis, etc.\n <\/td>\n <\/tr>\n <tr>\n <td class=\"stylish, b3\">\n <fieldset class=\"multiswitch\" data-theme=\"stoplight\" id=\"36\">\n <div class=\"slide-container\">\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight36\" id=\"stoplight105\" class=\"stoplight105\"\n checked>\n <label for=\"stoplight105\">&nbsp;<\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight36\" class=\"stoplight106\" id=\"stoplight106\">\n <label for=\"stoplight106\"><\/label>\n <input autocomplete=\"off\" type=\"radio\" name=\"stoplight36\" class=\"stoplight107\" id=\"stoplight107\">\n <label for=\"stoplight107\"><\/label>\n <!-- leave this \"slide\" -->\n <a class=\"slide\" aria-hidden=\"true\"><\/a>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\"\n style=\"width: 300px !important; margin-top: 1px; display: none\" class=\"imgPrint imgPrint36\"\/>\n <\/fieldset>\n <\/td>\n <td><b>Le suivi de l&rsquo;engagement des \u00e9tudiants est assur\u00e9.<\/b> Il est recommand\u00e9 de consulter \u00ab <i>Participation au cours<\/i> \u00bb, \u00ab <i>Ach\u00e8vement de l&rsquo;activit\u00e9<\/i> \u00bb, \u00ab <i>Mes commentaires <\/i>\u00bb, etc. pour contr\u00f4ler l&rsquo;engagement des \u00e9tudiants. Moodle fournit un certain nombre de rapports pour suivre la participation des \u00e9tudiants et pour avoir un aper\u00e7u de la fa\u00e7on dont les apprenants interagissent avec le mat\u00e9riel du cours.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n<div style=\"margin-top: 10px;\">\n <button style=\"width: 100px; background-color: #77a41e; box-shadow: 0 5px 0 #61851b\" class=\"btnprint\"\n onclick=\"window.print()\">Print\n <\/button>\n<\/div>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>\n<script>\n var acc = document.getElementsByClassName(\"accordion\");\n var i;\n for (i = 0; i < acc.length; i++) {\n acc[i].addEventListener(\"click\", function() {\n \/* Toggle between adding and removing the \"active\" class,\n to highlight the button that controls the panel *\/\n this.classList.toggle(\"active\");\n \/* Toggle between hiding and showing the active panel *\/\n var panel = this.nextElementSibling;\n if (panel.style.display === \"block\") {\n panel.style.display = \"none\";\n } else {\n panel.style.display = \"block\";\n }\n });\n }\n $(document).ready(function () {\n $('.datetimePrint').hide();\n $(\".multiswitch\").click(function (event) {\n let url = '';\n let radios = [];\n let lenRadios = radios.length;\n let id = this.id;\n let list = $(this).find('input');\n let selected = null;\n let className = null;\n list.each(function (i, obj) {\n radios.push(this.className);\n var isChecked = $('.' + this.className).prop('checked') ? true : false;\n if (isChecked) {\n className = this.className;\n }\n });\n lenRadios = radios.length;\n var index = radios.indexOf(className)\n if (index === lenRadios - 1) {\n index = 0;\n } else {\n index = index + 1;\n }\n selected = radios[index];\n switch (index) {\n case 0:\n url = \"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\";\n break;\n case 1:\n url = \"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/1.png\";\n break;\n case 2:\n url = \"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/3.png\";\n break;\n default:\n url = \"https:\/\/fad.blogs.usj.edu.lb\/files\/2021\/03\/0.png\";\n }\n $(\".imgPrint\" + id).attr(\"src\", url);\n $('.' + selected).prop(\"checked\", true);\n });\n });\n (function () {\n var beforePrint = function () {\n let ueid = $('#ueid').val();\n document.title = 'Checklist - ' + new Date().toLocaleString();\n $('.imgPrint').show();\n $('.slide-container').hide();\n $('.btnprint').hide();\n $('.togglePrint').hide();\n $('.menu-menuheader-container').hide();\n $('.datetimePrint').html(\"Date D'\u00e9valuation: \" + new Date().toLocaleString());\n $('.datetimePrint').show();\n $('#sidebar-footer').hide();\n $('#InputUE').hide();\n $('.ueWritten').html(\"UE: \" + ueid);\n };\n var afterPrint = function () {\n $('.imgPrint').hide();\n $('.slide-container').show();\n $('.btnprint').show();\n $('.togglePrint').show();\n $('.menu-menuheader-container').show();\n $('.datetimePrint').hide();\n $('#sidebar-footer').show();\n $('#InputUE').show();\n $('#ueWritten').hide();\n };\n if (window.matchMedia) {\n var mediaQueryList = window.matchMedia('print');\n mediaQueryList.addListener(function (mql) {\n if (mql.matches) {\n beforePrint();\n } else {\n afterPrint();\n }\n });\n }\n window.onbeforeprint = beforePrint;\n window.onafterprint = afterPrint;\n }());\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cette check-list pr\u00e9sente quelques balises pour l\u2019enseignement en ligne. Elle permet aux enseignants d\u2019auto\u00e9valuer l\u2019adaptation de leurs cours en respectant les exigences de l\u2019enseignement en ligne et aux institutions d\u2019\u00e9valuer les cours qu\u2019elles offrent dans ce format. Les besoins ou [&hellip;]<\/p>\n","protected":false},"author":159,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page_fullwidth.php","meta":{"saved_in_kubio":false,"inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/users\/159"}],"replies":[{"embeddable":true,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":44,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1690,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/1690"}],"wp:attachment":[{"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/media?parent=2"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/categories?post=2"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fad.blogs.usj.edu.lb\/en\/wp-json\/wp\/v2\/tags?post=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}