{"id":269,"date":"2026-01-15T16:32:16","date_gmt":"2026-01-15T16:32:16","guid":{"rendered":"https:\/\/al9arya-addakya.ma\/?academy_courses=ruralconnect-developpement-territorial-numerique"},"modified":"2026-01-15T16:34:52","modified_gmt":"2026-01-15T16:34:52","slug":"ruralconnect-developpement-territorial-numerique","status":"publish","type":"academy_courses","link":"https:\/\/al9arya-addakya.ma\/?academy_courses=ruralconnect-developpement-territorial-numerique","title":{"rendered":"RuralConnect: D\u00e9veloppement Territorial &#038; Num\u00e9rique"},"content":{"rendered":"<div><!-- Chosen Palette: \"Rural Tech Harmony\" - Background: Warm Alabaster (#f8f5f2) for a paper-like reading feel. Primary: Earthy Sage Green (#4a7c59) representing the rural landscape. Secondary: Digital Blue (#2563eb) representing connectivity. Accents: Burnt Orange (#ea580c) for interactive calls to action. --><\/p>\n<p><!-- Application Structure Plan: The SPA is designed as a \"Linear Learning Dashboard\" (MOOC style). \n    1. Sidebar Navigation: persistent tracking of progress through 4 key modules.\n    2. Hero\/Intro: Sets the context of the \"Digital Divide\".\n    3. Module 1 (The Challenge): Uses a Bar Chart to visualize the urban vs. rural gap.\n    4. Module 2 (The Toolbox): An interactive \"Tech Selector\" (Tabs + Radar Chart) allowing users to compare Fiber, Satellite, and LoRaWAN based on Cost, Speed, and Range. This encourages active comparison.\n    5. Module 3 (Impact\/Agriculture): A \"Digital Farm\" interactive diagram (HTML Grid) where users click sensors to understand IoT applications in territory management.\n    6. Module 4 (Quiz): A gamified knowledge check to reinforce learning.\n    Rationale: This structure moves from Problem -> Solution -> Application -> Assessment, a standard pedagogical flow optimized for a single-page scroll. --><\/p>\n<p><!-- Visualization & Content Choices: \n    1. Global Connectivity Gap (Module 1): Goal: Inform. Method: Chart.js Bar Chart. Justification: Clearly shows the percentage difference in internet access between urban\/rural.\n    2. Technology Comparison (Module 2): Goal: Compare. Method: Chart.js Radar Chart. Justification: Perfect for comparing multi-variable entities (Cost vs Speed vs Latency) of different connection types.\n    3. IoT Ecosystem (Module 3): Goal: Organize\/Explore. Method: Interactive HTML Grid (No SVG). Justification: Users need to see how distinct nodes (sensors, drones) connect to a central hub. Clicking cards reveals details.\n    4. Quiz (Module 4): Goal: Engage. Method: JS Form\/Interaction. Justification: Active recall improves retention.\n    CONFIRMATION: NO SVG graphics used (FontAwesome used for icons). NO Mermaid JS used. --><\/p>\n<p><!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --><\/p>\n<p>    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>MOOC: Ruralit\u00e9 &amp; Connectivit\u00e9<\/title><\/p>\n<p>    <!-- Tailwind CSS --><br \/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\n<p>    <!-- Chart.js --><br \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><\/p>\n<p>    <!-- FontAwesome (for Icons) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n        \/* Custom Styles for Chart Containers *\/\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 650px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 350px;\n            max-height: 400px;\n        }<\/p>\n<p>        @media (min-width: 768px) {\n            .chart-container {\n                height: 400px;\n            }\n        }<\/p>\n<p>        \/* Smooth Scrolling *\/\n        html {\n            scroll-behavior: smooth;\n        }<\/p>\n<p>        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #4a7c59;\n            border-radius: 4px;\n        }<\/p>\n<p>        \/* Card Hover Effects *\/\n        .tech-card {\n            transition: all 0.3s ease;\n        }\n        .tech-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        \/* Active Tab Styling *\/\n        .tab-btn.active {\n            background-color: #2563eb;\n            color: white;\n            border-color: #2563eb;\n        }\n    <\/style>\n<div class=\"flex flex-col md:flex-row min-h-screen\">\n<p>        <!-- SIDEBAR NAVIGATION --><\/p>\n<aside class=\"w-full md:w-64 bg-[#4a7c59] text-white flex-shrink-0 md:fixed md:h-full z-50\">\n<div class=\"p-6 border-b border-[#5a8c69]\">\n<h1 class=\"text-xl font-bold flex items-center gap-2\">\n                    <i class=\"fa-solid fa-tower-cell\"><\/i> RuralConnect<br \/>\n                <\/h1>\n<p class=\"text-xs text-green-100 mt-1\">D\u00e9veloppement Territorial &amp; Num\u00e9rique<\/p>\n<\/p><\/div>\n<nav class=\"p-4 space-y-2\">\n                <a href=\"#intro\" class=\"flex items-center gap-3 p-3 rounded hover:bg-[#5a8c69] transition\"><br \/>\n                    <i class=\"fa-solid fa-book-open w-6 text-center\"><\/i> 1. Introduction<br \/>\n                <\/a><br \/>\n                <a href=\"#technologies\" class=\"flex items-center gap-3 p-3 rounded hover:bg-[#5a8c69] transition\"><br \/>\n                    <i class=\"fa-solid fa-satellite-dish w-6 text-center\"><\/i> 2. Technologies<br \/>\n                <\/a><br \/>\n                <a href=\"#applications\" class=\"flex items-center gap-3 p-3 rounded hover:bg-[#5a8c69] transition\"><br \/>\n                    <i class=\"fa-solid fa-wheat-awn w-6 text-center\"><\/i> 3. Impact &amp; Usage<br \/>\n                <\/a><br \/>\n                <a href=\"#quiz\" class=\"flex items-center gap-3 p-3 rounded hover:bg-[#5a8c69] transition\"><br \/>\n                    <i class=\"fa-solid fa-clipboard-check w-6 text-center\"><\/i> 4. Quiz<br \/>\n                <\/a><br \/>\n            <\/nav>\n<div class=\"p-6 md:absolute md:bottom-0 w-full bg-[#3d664a]\">\n<p class=\"text-xs text-green-200 uppercase mb-2\">Progression<\/p>\n<div class=\"w-full bg-green-800 rounded-full h-2.5\">\n<div id=\"progressBar\" class=\"bg-orange-500 h-2.5 rounded-full\" style=\"width: 0%\"><\/div>\n<\/p><\/div>\n<p class=\"text-xs text-right mt-1\" id=\"progressText\">0%<\/p>\n<\/p><\/div>\n<\/aside>\n<p>        <!-- MAIN CONTENT --><br \/>\n        <main class=\"flex-1 md:ml-64 p-6 md:p-12 overflow-y-auto\"><\/p>\n<p>            <!-- HEADER --><\/p>\n<header class=\"mb-12 max-w-4xl mx-auto\">\n                <span class=\"inline-block px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-semibold mb-4\">MOOC Interactif<\/span><\/p>\n<h2 class=\"text-4xl font-bold text-gray-900 mb-4 leading-tight\">Le Monde Rural face au D\u00e9fi de la Connectivit\u00e9<\/h2>\n<p class=\"text-lg text-gray-600\">Comprendre les enjeux technologiques (Satellites, 5G, IoT) pour le d\u00e9veloppement \u00e9conomique et social des territoires isol\u00e9s.<\/p>\n<\/header>\n<p>            <!-- MODULE 1: INTRODUCTION --><\/p>\n<section id=\"intro\" class=\"mb-20 max-w-5xl mx-auto\">\n<div class=\"bg-white rounded-xl shadow-sm p-8 border-l-4 border-orange-500\">\n<h3 class=\"text-2xl font-bold mb-4 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-circle-exclamation text-orange-500\"><\/i><br \/>\n                        Module 1 : La Fracture Num\u00e9rique<br \/>\n                    <\/h3>\n<p class=\"mb-6 text-gray-600 leading-relaxed\">\n                        Le d\u00e9veloppement territorial moderne d\u00e9pend intrins\u00e8quement de la connectivit\u00e9. Pourtant, un foss\u00e9 majeur subsiste.<br \/>\n                        En zones rurales, le manque d&rsquo;infrastructures freine l&rsquo;acc\u00e8s \u00e0 l&rsquo;\u00e9ducation, \u00e0 la t\u00e9l\u00e9m\u00e9decine et aux march\u00e9s \u00e9conomiques.<br \/>\n                        Observez ci-dessous les statistiques mondiales d&rsquo;acc\u00e8s au haut d\u00e9bit.\n                    <\/p>\n<p>                    <!-- Chart Container 1 --><\/p>\n<div class=\"bg-gray-50 rounded-lg p-4\">\n<div class=\"chart-container\">\n                            <canvas id=\"divideChart\"><\/canvas>\n                        <\/div>\n<p class=\"text-center text-sm text-gray-500 mt-2 italic\">Source simul\u00e9e: Rapport Global Connectivit\u00e9 2024<\/p>\n<\/p><\/div>\n<div class=\"mt-6 grid grid-cols-1 md:grid-cols-3 gap-4\">\n<div class=\"bg-red-50 p-4 rounded border border-red-100 text-center\">\n<h4 class=\"text-2xl font-bold text-red-600\">34%<\/h4>\n<p class=\"text-sm text-gray-600\">des ruraux n&rsquo;ont aucune couverture 4G<\/p>\n<\/p><\/div>\n<div class=\"bg-orange-50 p-4 rounded border border-orange-100 text-center\">\n<h4 class=\"text-2xl font-bold text-orange-600\">2x<\/h4>\n<p class=\"text-sm text-gray-600\">Co\u00fbt de d\u00e9ploiement plus \u00e9lev\u00e9 en zone isol\u00e9e<\/p>\n<\/p><\/div>\n<div class=\"bg-blue-50 p-4 rounded border border-blue-100 text-center\">\n<h4 class=\"text-2xl font-bold text-blue-600\">-15%<\/h4>\n<p class=\"text-sm text-gray-600\">de croissance PIB sans haut d\u00e9bit<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- MODULE 2: TECHNOLOGIES --><\/p>\n<section id=\"technologies\" class=\"mb-20 max-w-5xl mx-auto\">\n<div class=\"flex items-center gap-4 mb-6\">\n<div class=\"h-10 w-10 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold\">2<\/div>\n<div>\n<h3 class=\"text-2xl font-bold text-gray-800\">L&rsquo;Arsenal Technologique<\/h3>\n<p class=\"text-gray-600\">Comparaison des solutions pour d\u00e9senclaver les territoires.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n                    <!-- Interactive Controls --><\/p>\n<div class=\"bg-white p-6 rounded-xl shadow-sm\">\n<p class=\"mb-4 text-sm text-gray-500\">S\u00e9lectionnez une technologie pour voir son profil radar :<\/p>\n<div class=\"flex flex-wrap gap-2 mb-6\">\n                            <button onclick=\"updateTech('fiber')\" class=\"tab-btn active px-4 py-2 border rounded-lg text-sm font-medium transition\" id=\"btn-fiber\">Fibre Optique<\/button><br \/>\n                            <button onclick=\"updateTech('satellite')\" class=\"tab-btn px-4 py-2 border rounded-lg text-sm font-medium transition\" id=\"btn-satellite\">Satellite (LEO)<\/button><br \/>\n                            <button onclick=\"updateTech('lora')\" class=\"tab-btn px-4 py-2 border rounded-lg text-sm font-medium transition\" id=\"btn-lora\">LoRaWAN (IoT)<\/button>\n                        <\/div>\n<div id=\"tech-description\" class=\"bg-blue-50 p-5 rounded-lg border-l-4 border-blue-500 min-h-[160px]\">\n<h4 class=\"text-lg font-bold text-blue-800 mb-2\">Fibre Optique (FTTH)<\/h4>\n<p class=\"text-gray-700 text-sm\">Le standard or. Offre des d\u00e9bits illimit\u00e9s et une latence quasi-nulle. Cependant, le g\u00e9nie civil n\u00e9cessaire rend son d\u00e9ploiement extr\u00eamement co\u00fbteux et lent en zone rurale dispers\u00e9e.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Radar Chart Container --><\/p>\n<div class=\"bg-white p-4 rounded-xl shadow-sm flex flex-col justify-center\">\n<div class=\"chart-container\">\n                            <canvas id=\"techRadarChart\"><\/canvas>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- MODULE 3: APPLICATIONS (SMART FARMING) --><\/p>\n<section id=\"applications\" class=\"mb-20 max-w-5xl mx-auto\">\n<div class=\"flex items-center gap-4 mb-6\">\n<div class=\"h-10 w-10 rounded-full bg-green-600 text-white flex items-center justify-center font-bold\">3<\/div>\n<div>\n<h3 class=\"text-2xl font-bold text-gray-800\">Applications Territoriales : La \u00ab\u00a0Smart Farm\u00a0\u00bb<\/h3>\n<p class=\"text-gray-600\">Comment la connectivit\u00e9 transforme l&rsquo;agriculture et la gestion du territoire. Cliquez sur les \u00e9l\u00e9ments de la grille.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n<p>                    <!-- Interactive Grid (The Farm) --><\/p>\n<div class=\"md:col-span-2 grid grid-cols-2 gap-4\">\n                        <!-- Sensor 1 --><\/p>\n<div class=\"tech-card bg-white p-6 rounded-xl shadow-sm border border-green-100 cursor-pointer group\" onclick=\"showAppDetail('soil')\">\n<div class=\"flex justify-between items-start mb-4\">\n                                <i class=\"fa-solid fa-droplet text-blue-500 text-2xl group-hover:scale-110 transition\"><\/i><br \/>\n                                <span class=\"bg-green-100 text-green-800 text-xs px-2 py-1 rounded\">Capteur Sol<\/span>\n                            <\/div>\n<h4 class=\"font-bold text-gray-800\">Gestion de l&rsquo;Eau<\/h4>\n<p class=\"text-xs text-gray-500 mt-2\">Sondes d&rsquo;humidit\u00e9 connect\u00e9es via LoRa.<\/p>\n<\/p><\/div>\n<p>                        <!-- Sensor 2 --><\/p>\n<div class=\"tech-card bg-white p-6 rounded-xl shadow-sm border border-green-100 cursor-pointer group\" onclick=\"showAppDetail('drone')\">\n<div class=\"flex justify-between items-start mb-4\">\n                                <i class=\"fa-solid fa-plane-up text-orange-500 text-2xl group-hover:scale-110 transition\"><\/i><br \/>\n                                <span class=\"bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded\">Imagerie 5G<\/span>\n                            <\/div>\n<h4 class=\"font-bold text-gray-800\">Surveillance Drone<\/h4>\n<p class=\"text-xs text-gray-500 mt-2\">Analyse multispectrale des cultures.<\/p>\n<\/p><\/div>\n<p>                        <!-- Sensor 3 --><\/p>\n<div class=\"tech-card bg-white p-6 rounded-xl shadow-sm border border-green-100 cursor-pointer group\" onclick=\"showAppDetail('cattle')\">\n<div class=\"flex justify-between items-start mb-4\">\n                                <i class=\"fa-solid fa-cow text-amber-700 text-2xl group-hover:scale-110 transition\"><\/i><br \/>\n                                <span class=\"bg-amber-100 text-amber-800 text-xs px-2 py-1 rounded\">Collier GPS<\/span>\n                            <\/div>\n<h4 class=\"font-bold text-gray-800\">Suivi Troupeaux<\/h4>\n<p class=\"text-xs text-gray-500 mt-2\">G\u00e9olocalisation et sant\u00e9 animale.<\/p>\n<\/p><\/div>\n<p>                        <!-- Sensor 4 --><\/p>\n<div class=\"tech-card bg-white p-6 rounded-xl shadow-sm border border-green-100 cursor-pointer group\" onclick=\"showAppDetail('tele')\">\n<div class=\"flex justify-between items-start mb-4\">\n                                <i class=\"fa-solid fa-user-doctor text-red-500 text-2xl group-hover:scale-110 transition\"><\/i><br \/>\n                                <span class=\"bg-red-100 text-red-800 text-xs px-2 py-1 rounded\">Haut D\u00e9bit<\/span>\n                            <\/div>\n<h4 class=\"font-bold text-gray-800\">T\u00e9l\u00e9sant\u00e9 Rurale<\/h4>\n<p class=\"text-xs text-gray-500 mt-2\">Consultations \u00e0 distance pour zones isol\u00e9es.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Detail Panel --><\/p>\n<div class=\"bg-[#4a7c59] text-white p-6 rounded-xl shadow-lg flex flex-col justify-center\">\n<div id=\"app-detail-content\">\n                            <i class=\"fa-solid fa-computer-mouse text-4xl mb-4 opacity-50\"><\/i><\/p>\n<h4 class=\"text-xl font-bold mb-2\">Exploration Interactive<\/h4>\n<p class=\"text-green-100 text-sm\">Cliquez sur un module de la ferme intelligente (\u00e0 gauche) pour d\u00e9couvrir comment la technologie r\u00e9sout des probl\u00e8mes concrets du monde rural.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- MODULE 4: QUIZ --><\/p>\n<section id=\"quiz\" class=\"mb-20 max-w-3xl mx-auto\">\n<div class=\"bg-white rounded-xl shadow-lg overflow-hidden\">\n<div class=\"bg-gray-800 p-6 text-white\">\n<h3 class=\"text-xl font-bold flex items-center gap-2\">\n                            <i class=\"fa-solid fa-graduation-cap\"><\/i> Validation des Acquis<br \/>\n                        <\/h3>\n<p class=\"text-sm text-gray-300\">Testez votre compr\u00e9hension du cours.<\/p>\n<\/p><\/div>\n<div class=\"p-8\">\n<div id=\"quiz-container\">\n                            <!-- Question 1 --><\/p>\n<div class=\"mb-8\">\n<p class=\"font-bold text-gray-800 mb-3\">1. Quelle technologie est la mieux adapt\u00e9e pour connecter des capteurs agricoles (peu de donn\u00e9es, longue port\u00e9e, faible batterie) ?<\/p>\n<div class=\"space-y-2\">\n                                    <button onclick=\"checkAnswer(this, false)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">La Fibre Optique<\/button><br \/>\n                                    <button onclick=\"checkAnswer(this, true)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">LoRaWAN (LPWAN)<\/button><br \/>\n                                    <button onclick=\"checkAnswer(this, false)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">Le Satellite G\u00e9ostationnaire<\/button>\n                                <\/div>\n<div class=\"hidden mt-2 text-sm p-2 rounded feedback\"><\/div>\n<\/p><\/div>\n<p>                            <!-- Question 2 --><\/p>\n<div class=\"mb-8\">\n<p class=\"font-bold text-gray-800 mb-3\">2. Quel est le principal avantage des constellations satellitaires LEO (Starlink, OneWeb) pour les zones rurales ?<\/p>\n<div class=\"space-y-2\">\n                                    <button onclick=\"checkAnswer(this, false)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">Le co\u00fbt tr\u00e8s faible de l&rsquo;\u00e9quipement<\/button><br \/>\n                                    <button onclick=\"checkAnswer(this, true)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">Faible latence et couverture globale<\/button><br \/>\n                                    <button onclick=\"checkAnswer(this, false)\" class=\"w-full text-left p-3 border rounded hover:bg-gray-50 transition\">L&rsquo;ind\u00e9pendance \u00e9nerg\u00e9tique totale<\/button>\n                                <\/div>\n<div class=\"hidden mt-2 text-sm p-2 rounded feedback\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- FOOTER --><\/p>\n<footer class=\"text-center text-gray-400 text-sm pb-8\">\n<p>\u00a9 2024 MOOC RuralConnect. G\u00e9n\u00e9r\u00e9 pour d\u00e9monstration p\u00e9dagogique.<\/p>\n<\/footer>\n<p>        <\/main>\n    <\/div>\n<p>    <script>\n        \/\/ --- DATA STATE ---\n        const techData = {\n            fiber: {\n                title: \"Fibre Optique (FTTH)\",\n                desc: \"Le standard or. Offre des d\u00e9bits illimit\u00e9s et une latence quasi-nulle. Cependant, le g\u00e9nie civil n\u00e9cessaire rend son d\u00e9ploiement extr\u00eamement co\u00fbteux et lent en zone rurale dispers\u00e9e. Id\u00e9al pour les hubs villageois.\",\n                data: [95, 20, 95, 100] \/\/ Speed, Coverage, Cost (Efficiency), Latency (Score)\n            },\n            satellite: {\n                title: \"Satellite (LEO - Starlink\/OneWeb)\",\n                desc: \"R\u00e9volutionnaire pour les zones blanches. Les constellations en orbite basse offrent une latence correcte et un d\u00e9bit \u00e9lev\u00e9. L'installation est imm\u00e9diate, mais l'\u00e9quipement reste co\u00fbteux et d\u00e9pendant de la m\u00e9t\u00e9o.\",\n                data: [70, 100, 60, 75]\n            },\n            lora: {\n                title: \"LoRaWAN (IoT)\",\n                desc: \"R\u00e9seau basse consommation pour les objets connect\u00e9s (non pour Internet humain). Essentiel pour l'agriculture : permet aux capteurs de communiquer sur 10-15km avec une simple pile pendant des ann\u00e9es.\",\n                data: [10, 80, 90, 40] \/\/ Low speed, good coverage, cheap, high latency irrelevant\n            }\n        };<\/p>\n<p>        const appDetails = {\n            soil: {\n                icon: \"fa-droplet\",\n                title: \"Optimisation de l'Irrigation\",\n                text: \"Gr\u00e2ce \u00e0 des sondes d'humidit\u00e9 connect\u00e9es en LoRaWAN, l'agriculteur re\u00e7oit des alertes sur son smartphone. <strong>R\u00e9sultat :<\/strong> Jusqu'\u00e0 30% d'\u00e9conomie d'eau en n'arrosant que lorsque n\u00e9cessaire.\"\n            },\n            drone: {\n                icon: \"fa-plane-up\",\n                title: \"Agriculture de Pr\u00e9cision\",\n                text: \"Les drones transmettent des images haute d\u00e9finition (n\u00e9cessitant 4G\/5G ou Wifi local) pour d\u00e9tecter les maladies des plantes avant qu'elles ne se propagent. Cela r\u00e9duit l'usage de pesticides.\"\n            },\n            cattle: {\n                icon: \"fa-cow\",\n                title: \"Cl\u00f4tures Virtuelles\",\n                text: \"Des colliers connect\u00e9s permettent de cr\u00e9er des barri\u00e8res invisibles. Si une b\u00eate sort de la zone, l'\u00e9leveur est alert\u00e9. Cela permet le p\u00e2turage dynamique dans des zones difficiles d'acc\u00e8s.\"\n            },\n            tele: {\n                icon: \"fa-user-doctor\",\n                title: \"Acc\u00e8s aux Soins\",\n                text: \"La connectivit\u00e9 haut d\u00e9bit permet d'installer des cabines de t\u00e9l\u00e9consultation dans les mairies rurales, luttant contre la d\u00e9sertification m\u00e9dicale et \u00e9vitant des trajets inutiles.\"\n            }\n        };<\/p>\n<p>        \/\/ --- CHARTS INITIALIZATION ---<\/p>\n<p>        \/\/ 1. Bar Chart (Digital Divide)\n        const ctxDivide = document.getElementById('divideChart').getContext('2d');\n        new Chart(ctxDivide, {\n            type: 'bar',\n            data: {\n                labels: ['Urbain', 'Rural (Accessible)', 'Rural (Profond)'],\n                datasets: [{\n                    label: 'Acc\u00e8s Internet Haut D\u00e9bit (%)',\n                    data: [85, 60, 25],\n                    backgroundColor: ['#2563eb', '#60a5fa', '#cbd5e1'],\n                    borderRadius: 4\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: { display: false },\n                    title: { display: true, text: 'Taux de P\u00e9n\u00e9tration Internet (Comparatif)' }\n                },\n                scales: {\n                    y: { beginAtZero: true, max: 100 }\n                }\n            }\n        });<\/p>\n<p>        \/\/ 2. Radar Chart (Tech Comparison)\n        const ctxRadar = document.getElementById('techRadarChart').getContext('2d');\n        let radarChart = new Chart(ctxRadar, {\n            type: 'radar',\n            data: {\n                labels: ['Vitesse (D\u00e9bit)', 'Couverture G\u00e9ographique', 'Abordabilit\u00e9 (Co\u00fbt)', 'Faible Latence'],\n                datasets: [{\n                    label: 'Performance',\n                    data: techData.fiber.data, \/\/ Default\n                    fill: true,\n                    backgroundColor: 'rgba(37, 99, 235, 0.2)',\n                    borderColor: 'rgb(37, 99, 235)',\n                    pointBackgroundColor: 'rgb(37, 99, 235)',\n                    pointBorderColor: '#fff',\n                    pointHoverBackgroundColor: '#fff',\n                    pointHoverBorderColor: 'rgb(37, 99, 235)'\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                scales: {\n                    r: {\n                        angleLines: { display: true },\n                        suggestedMin: 0,\n                        suggestedMax: 100,\n                        ticks: { display: false } \/\/ Hide numbers for cleaner look\n                    }\n                }\n            }\n        });<\/p>\n<p>        \/\/ --- INTERACTIVITY FUNCTIONS ---<\/p>\n<p>        \/\/ Tab Switching for Technologies\n        function updateTech(techType) {\n            \/\/ Update UI Buttons\n            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active', 'bg-blue-600', 'text-white', 'border-blue-600'));\n            const activeBtn = document.getElementById(`btn-${techType}`);\n            activeBtn.classList.add('active');<\/p>\n<p>            \/\/ Update Text Content\n            const info = techData[techType];\n            const descBox = document.getElementById('tech-description');\n            descBox.innerHTML = `<\/p>\n<h4 class=\"text-lg font-bold text-blue-800 mb-2\">${info.title}<\/h4>\n<p class=\"text-gray-700 text-sm\">${info.desc}<\/p>\n<p>`;<\/p>\n<p>            \/\/ Update Chart\n            radarChart.data.datasets[0].data = info.data;\n            radarChart.update();\n        }<\/p>\n<p>        \/\/ App Detail View\n        function showAppDetail(appKey) {\n            const data = appDetails[appKey];\n            const container = document.getElementById('app-detail-content');<\/p>\n<p>            \/\/ Animation reset\n            container.style.opacity = '0';<\/p>\n<p>            setTimeout(() => {\n                container.innerHTML = `\n                    <i class=\"fa-solid ${data.icon} text-4xl mb-4 text-green-200\"><\/i><\/p>\n<h4 class=\"text-xl font-bold mb-2 border-b border-green-400 pb-2\">${data.title}<\/h4>\n<p class=\"text-white text-sm leading-relaxed\">${data.text}<\/p>\n<p>                `;\n                container.style.opacity = '1';\n                container.style.transition = 'opacity 0.3s ease-in';\n            }, 100);\n        }<\/p>\n<p>        \/\/ Quiz Logic\n        let score = 0;\n        let totalQuestions = 2; \/\/ Simpler for this demo<\/p>\n<p>        function checkAnswer(btn, isCorrect) {\n            const parent = btn.parentElement;\n            const feedback = parent.nextElementSibling;<\/p>\n<p>            \/\/ Disable all buttons in this group\n            const buttons = parent.querySelectorAll('button');\n            buttons.forEach(b => {\n                b.disabled = true;\n                b.classList.add('opacity-50', 'cursor-not-allowed');\n            });<\/p>\n<p>            feedback.classList.remove('hidden');<\/p>\n<p>            if (isCorrect) {\n                btn.classList.remove('opacity-50');\n                btn.classList.add('bg-green-100', 'border-green-500', 'text-green-800');\n                feedback.innerHTML = '<i class=\"fa-solid fa-check-circle text-green-600\"><\/i> <strong>Correct !<\/strong> C\\'est la bonne r\u00e9ponse.';\n                feedback.classList.add('bg-green-50', 'text-green-800');\n                updateProgress(100); \/\/ Max out for demo\n            } else {\n                btn.classList.remove('opacity-50');\n                btn.classList.add('bg-red-100', 'border-red-500', 'text-red-800');\n                feedback.innerHTML = '<i class=\"fa-solid fa-xmark-circle text-red-600\"><\/i> <strong>Incorrect.<\/strong> R\u00e9essayez le cours !';\n                feedback.classList.add('bg-red-50', 'text-red-800');\n            }\n        }<\/p>\n<p>        \/\/ Simple Progress Tracker (Scroll based)\n        function updateProgress(val) {\n             const bar = document.getElementById('progressBar');\n             const text = document.getElementById('progressText');\n             bar.style.width = val + '%';\n             text.innerText = Math.round(val) + '%';\n        }<\/p>\n<p>        window.addEventListener('scroll', () => {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            updateProgress(scrolled);\n        });<\/p>\n<p>    <\/script><\/p>\n<\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MOOC: Ruralit\u00e9 &amp; Connectivit\u00e9 RuralConnect D\u00e9veloppement Territorial &amp; Num\u00e9rique 1. Introduction 2. Technologies 3. Impact &amp; Usage 4. Quiz Progression 0% MOOC Interactif Le Monde Rural face au D\u00e9fi de la Connectivit\u00e9 Comprendre les enjeux technologiques (Satellites, 5G, IoT) pour le d\u00e9veloppement \u00e9conomique et social des territoires isol\u00e9s. Module 1 : La Fracture Num\u00e9rique Le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":185,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"saved_in_kubio":false,"academy_course_type":"free","academy_course_product_id":0,"academy_course_download_id":0,"academy_course_max_students":0,"academy_course_language":"","academy_course_difficulty_level":"experts","academy_course_benefits":"","academy_course_requirements":"","academy_course_audience":"","academy_course_materials_included":"","academy_is_enabled_course_qa":true,"academy_is_enabled_course_announcements":true,"academy_is_disabled_course_review":false,"academy_course_certificate_id":0,"academy_course_enable_certificate":true,"academy_rcp_membership_levels":[],"academy_course_duration":[0,0,0],"academy_course_intro_video":[],"academy_course_curriculum":[]},"academy_courses_category":[],"academy_courses_tag":[],"class_list":["post-269","academy_courses","type-academy_courses","status-publish","format-standard","has-post-thumbnail","hentry"],"author_name":"admin","_links":{"self":[{"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=\/academy\/v1\/academy_courses\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=\/academy\/v1\/academy_courses"}],"about":[{"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=\/wp\/v2\/types\/academy_courses"}],"author":[{"embeddable":true,"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=269"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=269"}],"wp:term":[{"taxonomy":"academy_courses_category","embeddable":true,"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=%2Facademy%2Fv1%2Facademy_courses_category&post=269"},{"taxonomy":"academy_courses_tag","embeddable":true,"href":"https:\/\/al9arya-addakya.ma\/index.php?rest_route=%2Facademy%2Fv1%2Facademy_courses_tag&post=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}