{"id":49,"date":"2025-09-08T12:12:56","date_gmt":"2025-09-08T10:12:56","guid":{"rendered":"https:\/\/www.pedagogie.ac-nice.fr\/drane-test\/?page_id=49"},"modified":"2026-02-10T11:54:14","modified_gmt":"2026-02-10T10:54:14","slug":"primabord","status":"publish","type":"page","link":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/primabord\/","title":{"rendered":"PrimAbord"},"content":{"rendered":"\n<div class=\"primabord-presentation-container\">\n    <!-- En-t\u00eate institutionnelle -->\n    <header class=\"primabord-header\">\n        <h1>Prim \u00e0 bord : Le portail du num\u00e9rique pour le premier degr\u00e9<\/h1>\n        <p>Des ressources et des outils pour enseigner avec le num\u00e9rique \u00e0 l\u2019\u00e9cole primaire<\/p>\n    <\/header>\n\n    <!-- Introduction -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-info-circle\"><\/i> Qu\u2019est-ce que Prim \u00e0 bord ?<\/h2>\n        <p>\n            <strong>Prim \u00e0 bord<\/strong> est le portail national du num\u00e9rique pour le premier degr\u00e9, propos\u00e9 par le minist\u00e8re de l\u2019\u00c9ducation nationale. Il a pour objectif d\u2019accompagner les enseignants de maternelle et d\u2019\u00e9l\u00e9mentaire dans l\u2019int\u00e9gration du num\u00e9rique dans leurs pratiques p\u00e9dagogiques.\n        <\/p>\n        <p>\n            Ce portail offre :\n        <\/p>\n        <ul>\n            <li>Un <strong>acc\u00e8s centralis\u00e9<\/strong> \u00e0 des ressources num\u00e9riques valid\u00e9es et adapt\u00e9es aux programmes scolaires.<\/li>\n            <li>Des <strong>sc\u00e9narios p\u00e9dagogiques<\/strong> cl\u00e9s en main, pour faciliter l\u2019utilisation des outils num\u00e9riques en classe.<\/li>\n            <li>Des <strong>formations et tutoriels<\/strong> pour se familiariser avec les outils et les pratiques num\u00e9riques.<\/li>\n            <li>Un <strong>espace collaboratif<\/strong> pour \u00e9changer avec d\u2019autres enseignants et partager des retours d\u2019exp\u00e9rience.<\/li>\n        <\/ul>\n        <p>\n            Prim \u00e0 bord s\u2019inscrit dans la strat\u00e9gie du minist\u00e8re pour d\u00e9velopper les comp\u00e9tences num\u00e9riques des \u00e9l\u00e8ves d\u00e8s l\u2019\u00e9cole primaire, en lien avec le <strong>Cadre de R\u00e9f\u00e9rence des Comp\u00e9tences Num\u00e9riques (CRCN)<\/strong>.\n        <\/p>\n    <\/section>\n\n    <!-- Publics cibles -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-users\"><\/i> \u00c0 qui s\u2019adresse Prim \u00e0 bord ?<\/h2>\n        <div class=\"primabord-audience\">\n            <div class=\"primabord-audience-card\">\n                <i class=\"fas fa-chalkboard-teacher\"><\/i>\n                <h3>Enseignants de maternelle et d\u2019\u00e9l\u00e9mentaire<\/h3>\n                <p>\n                    Prim \u00e0 bord propose des ressources adapt\u00e9es aux enseignants de <strong>maternelle<\/strong> et d\u2019<strong>\u00e9l\u00e9mentaire<\/strong>, pour int\u00e9grer le num\u00e9rique dans toutes les disciplines.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-audience-card\">\n                <i class=\"fas fa-user-tie\"><\/i>\n                <h3>Conseillers p\u00e9dagogiques et formateurs<\/h3>\n                <p>\n                    Les conseillers p\u00e9dagogiques et les formateurs y trouvent des <strong>supports pour animer des formations<\/strong> et accompagner les enseignants dans l\u2019utilisation du num\u00e9rique.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-audience-card\">\n                <i class=\"fas fa-school\"><\/i>\n                <h3>\u00c9quipes de circonscription<\/h3>\n                <p>\n                    Les \u00e9quipes de circonscription peuvent utiliser Prim \u00e0 bord pour <strong>diffuser des ressources<\/strong> et organiser des actions de formation locale.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-audience-card\">\n                <i class=\"fas fa-home\"><\/i>\n                <h3>Parents d\u2019\u00e9l\u00e8ves<\/h3>\n                <p>\n                    Les parents peuvent y d\u00e9couvrir des <strong>ressources \u00e9ducatives<\/strong> pour accompagner leurs enfants dans l\u2019utilisation du num\u00e9rique \u00e0 la maison.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Ressources et fonctionnalit\u00e9s -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-book\"><\/i> Ressources et fonctionnalit\u00e9s de Prim \u00e0 bord<\/h2>\n        <p>\n            Prim \u00e0 bord propose une vari\u00e9t\u00e9 de ressources et d\u2019outils pour soutenir les enseignants :\n        <\/p>\n        <div class=\"primabord-features\">\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-search\"><\/i>\n                <h3>Moteur de recherche avanc\u00e9<\/h3>\n                <p>\n                    Un <strong>moteur de recherche<\/strong> permet de trouver des ressources par niveau, discipline, comp\u00e9tence ou outil num\u00e9rique.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-file-alt\"><\/i>\n                <h3>Sc\u00e9narios p\u00e9dagogiques<\/h3>\n                <p>\n                    Des <strong>fiches p\u00e9dagogiques d\u00e9taill\u00e9es<\/strong> pour utiliser des outils num\u00e9riques en classe, avec des exemples concrets et des conseils pratiques.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-video\"><\/i>\n                <h3>Tutoriels et vid\u00e9os<\/h3>\n                <p>\n                    Des <strong>tutoriels vid\u00e9o<\/strong> et des guides pour prendre en main les outils num\u00e9riques (ex : tablettes, robots, logiciels \u00e9ducatifs).\n                <\/p>\n            <\/div>\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-users\"><\/i>\n                <h3>Espace collaboratif<\/h3>\n                <p>\n                    Un <strong>espace d\u2019\u00e9change<\/strong> pour partager des retours d\u2019exp\u00e9rience et des bonnes pratiques entre enseignants.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-calendar-alt\"><\/i>\n                <h3>Actualit\u00e9s et \u00e9v\u00e9nements<\/h3>\n                <p>\n                    Une <strong>veille sur les actualit\u00e9s<\/strong> du num\u00e9rique \u00e9ducatif, les formations et les \u00e9v\u00e9nements \u00e0 venir (ex : Semaine des math\u00e9matiques, Semaine du code).\n                <\/p>\n            <\/div>\n            <div class=\"primabord-feature-card\">\n                <i class=\"fas fa-shield-alt\"><\/i>\n                <h3>S\u00e9curit\u00e9 et RGPD<\/h3>\n                <p>\n                    Des <strong>ressources sur la protection des donn\u00e9es<\/strong> et les bonnes pratiques pour un usage s\u00e9curis\u00e9 du num\u00e9rique en classe.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Exemples de ressources -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-lightbulb\"><\/i> Exemples de ressources disponibles<\/h2>\n        <p>\n            Voici quelques exemples de ressources propos\u00e9es sur Prim \u00e0 bord :\n        <\/p>\n        <div class=\"primabord-examples\">\n            <div class=\"primabord-example-card\">\n                <h3><i class=\"fas fa-robot\"><\/i> Robotique \u00e0 l\u2019\u00e9cole<\/h3>\n                <p>\n                    <strong>Niveau<\/strong> : Maternelle et \u00e9l\u00e9mentaire<br>\n                    <strong>Ressources<\/strong> : Sc\u00e9narios p\u00e9dagogiques pour utiliser des robots \u00e9ducatifs (ex : Bee-Bot, Blue-Bot), activit\u00e9s de programmation d\u00e9branch\u00e9e.\n                <\/p>\n                <p>\n                    <a href=\"https:\/\/primabord.education.fr\/ressources\/robotique\" target=\"_blank\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> D\u00e9couvrir les ressources\n                    <\/a>\n                <\/p>\n            <\/div>\n            <div class=\"primabord-example-card\">\n                <h3><i class=\"fas fa-laptop-code\"><\/i> Codage et programmation<\/h3>\n                <p>\n                    <strong>Niveau<\/strong> : Cycle 2 et cycle 3<br>\n                    <strong>Ressources<\/strong> : Activit\u00e9s avec Scratch Jr, Scratch, ou Blockly pour initier les \u00e9l\u00e8ves \u00e0 la programmation.\n                <\/p>\n                <p>\n                    <a href=\"https:\/\/primabord.education.fr\/ressources\/codage\" target=\"_blank\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> D\u00e9couvrir les ressources\n                    <\/a>\n                <\/p>\n            <\/div>\n            <div class=\"primabord-example-card\">\n                <h3><i class=\"fas fa-tablet-alt\"><\/i> Tablettes et applications \u00e9ducatives<\/h3>\n                <p>\n                    <strong>Niveau<\/strong> : Maternelle et \u00e9l\u00e9mentaire<br>\n                    <strong>Ressources<\/strong> : Guides pour utiliser des tablettes en classe, s\u00e9lection d\u2019applications \u00e9ducatives (ex : Antidote, Book Creator).\n                <\/p>\n                <p>\n                    <a href=\"https:\/\/primabord.education.fr\/ressources\/tablettes\" target=\"_blank\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> D\u00e9couvrir les ressources\n                    <\/a>\n                <\/p>\n            <\/div>\n            <div class=\"primabord-example-card\">\n                <h3><i class=\"fas fa-globe\"><\/i> \u00c9ducation aux m\u00e9dias et \u00e0 l\u2019information (EMI)<\/h3>\n                <p>\n                    <strong>Niveau<\/strong> : Cycle 3<br>\n                    <strong>Ressources<\/strong> : Activit\u00e9s pour d\u00e9velopper l\u2019esprit critique face aux informations et aux r\u00e9seaux sociaux.\n                <\/p>\n                <p>\n                    <a href=\"https:\/\/primabord.education.fr\/ressources\/emi\" target=\"_blank\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> D\u00e9couvrir les ressources\n                    <\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Comment utiliser Prim \u00e0 bord ? -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-question-circle\"><\/i> Comment utiliser Prim \u00e0 bord ?<\/h2>\n        <p>\n            Prim \u00e0 bord est con\u00e7u pour \u00eatre simple et intuitif. Voici comment l\u2019utiliser :\n        <\/p>\n        <div class=\"primabord-howto\">\n            <div class=\"primabord-howto-card\">\n                <i class=\"fas fa-search\"><\/i>\n                <h3>Rechercher des ressources<\/h3>\n                <p>\n                    Utilisez le <strong>moteur de recherche<\/strong> pour trouver des ressources par mot-cl\u00e9, niveau ou discipline.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-howto-card\">\n                <i class=\"fas fa-filter\"><\/i>\n                <h3>Filtrer les r\u00e9sultats<\/h3>\n                <p>\n                    Affinez votre recherche avec des <strong>filtres<\/strong> (ex : type de ressource, outil num\u00e9rique, comp\u00e9tence vis\u00e9e).\n                <\/p>\n            <\/div>\n            <div class=\"primabord-howto-card\">\n                <i class=\"fas fa-bookmark\"><\/i>\n                <h3>Enregistrer ses favoris<\/h3>\n                <p>\n                    Cr\u00e9ez un compte pour <strong>enregistrer vos ressources favorites<\/strong> et les retrouver facilement.\n                <\/p>\n            <\/div>\n            <div class=\"primabord-howto-card\">\n                <i class=\"fas fa-share-alt\"><\/i>\n                <h3>Partager des ressources<\/h3>\n                <p>\n                    Partagez des ressources avec vos coll\u00e8gues ou sur les r\u00e9seaux sociaux.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Ressources compl\u00e9mentaires -->\n    <section class=\"primabord-section\">\n        <h2><i class=\"fas fa-link\"><\/i> Ressources compl\u00e9mentaires<\/h2>\n        <p>\n            Pour aller plus loin, voici quelques liens utiles :\n        <\/p>\n        <div class=\"primabord-links\">\n            <div class=\"primabord-link-card\">\n                <a href=\"https:\/\/primabord.education.fr\/\" target=\"_blank\">\n                    <i class=\"fas fa-external-link-alt\"><\/i> Site officiel de Prim \u00e0 bord\n                <\/a>\n            <\/div>\n            <div class=\"primabord-link-card\">\n                <a href=\"https:\/\/eduscol.education.fr\/\" target=\"_blank\">\n                    <i class=\"fas fa-external-link-alt\"><\/i> Site \u00c9duscol\n                <\/a>\n            <\/div>\n            <div class=\"primabord-link-card\">\n                <a href=\"https:\/\/www.education.gouv.fr\/le-numerique-a-l-ecole-12634\" target=\"_blank\">\n                    <i class=\"fas fa-external-link-alt\"><\/i> Num\u00e9rique \u00e9ducatif (Minist\u00e8re)\n                <\/a>\n            <\/div>\n            <div class=\"primabord-link-card\">\n                <a href=\"https:\/\/pix.fr\/\" target=\"_blank\">\n                    <i class=\"fas fa-external-link-alt\"><\/i> Plateforme Pix\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- CSS int\u00e9gr\u00e9 -->\n<style>\n    \/* Polices et couleurs institutionnelles *\/\n    .primabord-presentation-container {\n        font-family: 'Segoe UI', Arial, sans-serif;\n        max-width: 100%;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n    }\n\n    \/* En-t\u00eate bleu institutionnel *\/\n    .primabord-header {\n        background: linear-gradient(135deg, #00539F, #1E88E5);\n        color: white;\n        text-align: center;\n        padding: 40px 20px;\n        border-radius: 8px;\n        margin-bottom: 30px;\n    }\n    .primabord-header h1 {\n        font-size: 2.2em;\n        margin-bottom: 10px;\n    }\n    .primabord-header p {\n        font-size: 1.2em;\n        opacity: 0.9;\n    }\n\n    \/* Sections principales *\/\n    .primabord-section {\n        background-color: #f8f9fc;\n        border-radius: 8px;\n        padding: 25px;\n        margin-bottom: 30px;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        border-left: 4px solid #1E88E5;\n    }\n    .primabord-section h2 {\n        color: #00539F;\n        margin-bottom: 15px;\n        font-size: 1.6em;\n    }\n    .primabord-section i {\n        margin-right: 10px;\n        color: #1E88E5;\n    }\n    .primabord-section ul {\n        padding-left: 20px;\n        margin-top: 10px;\n    }\n    .primabord-section li {\n        margin-bottom: 8px;\n    }\n\n    \/* Cartes des publics cibles *\/\n    .primabord-audience {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n    }\n    .primabord-audience-card {\n        flex: 1 1 250px;\n        background-color: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    }\n    .primabord-audience-card i {\n        font-size: 2em;\n        color: #1E88E5;\n        margin-bottom: 10px;\n    }\n    .primabord-audience-card h3 {\n        color: #1565C0;\n        margin-bottom: 10px;\n    }\n\n    \/* Cartes des fonctionnalit\u00e9s -->\n    .primabord-features {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n    }\n    .primabord-feature-card {\n        flex: 1 1 300px;\n        background-color: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    }\n    .primabord-feature-card i {\n        font-size: 1.5em;\n        color: #1E88E5;\n        margin-bottom: 10px;\n    }\n    .primabord-feature-card h3 {\n        color: #1565C0;\n        margin-bottom: 10px;\n    }\n\n    \/* Cartes des exemples de ressources -->\n    .primabord-examples {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n    }\n    .primabord-example-card {\n        flex: 1 1 350px;\n        background-color: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    }\n    .primabord-example-card h3 {\n        color: #1565C0;\n        margin-bottom: 10px;\n    }\n    .primabord-example-card i {\n        color: #1E88E5;\n        margin-right: 8px;\n    }\n    .primabord-example-card a {\n        color: #1E88E5;\n        text-decoration: none;\n        font-weight: bold;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: 10px;\n    }\n\n    \/* Cartes \"Comment utiliser\" -->\n    .primabord-howto {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n    }\n    .primabord-howto-card {\n        flex: 1 1 300px;\n        background-color: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    }\n    .primabord-howto-card i {\n        font-size: 1.5em;\n        color: #1E88E5;\n        margin-bottom: 10px;\n    }\n    .primabord-howto-card h3 {\n        color: #1565C0;\n        margin-bottom: 10px;\n    }\n\n    \/* Cartes des liens -->\n    .primabord-links {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin-top: 20px;\n    }\n    .primabord-link-card {\n        flex: 1 1 200px;\n        background-color: white;\n        padding: 15px;\n        border-radius: 5px;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: transform 0.2s;\n    }\n    .primabord-link-card:hover {\n        transform: translateY(-2px);\n    }\n    .primabord-link-card a {\n        color: #1E88E5;\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        font-weight: bold;\n    }\n    .primabord-link-card i {\n        color: #1E88E5;\n    }\n\n    \/* Responsive -->\n    @media (max-width: 768px) {\n        .primabord-audience,\n        .primabord-features,\n        .primabord-examples,\n        .primabord-howto,\n        .primabord-links {\n            flex-direction: column;\n        }\n        .primabord-header h1 {\n            font-size: 1.8em;\n        }\n    }\n<\/style>\n\n<!-- Font Awesome pour les ic\u00f4nes -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n","protected":false},"excerpt":{"rendered":"<p>Prim \u00e0 bord : Le portail du num\u00e9rique pour le premier degr\u00e9 Des ressources et des outils pour enseigner avec le num\u00e9rique \u00e0 l\u2019\u00e9cole primaire Qu\u2019est-ce que Prim \u00e0 bord ? Prim \u00e0 bord est le portail national du num\u00e9rique pour le premier degr\u00e9, propos\u00e9 par le minist\u00e8re de l\u2019\u00c9ducation nationale. Il a pour objectif &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/primabord\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":652,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry","nodate","item-wrap"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"gillesnaviliat","author_link":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/author\/gillesnaviliat\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Prim \u00e0 bord : Le portail du num\u00e9rique pour le premier degr\u00e9 Des ressources et des outils pour enseigner avec le num\u00e9rique \u00e0 l\u2019\u00e9cole primaire Qu\u2019est-ce que Prim \u00e0 bord ? Prim \u00e0 bord est le portail national du num\u00e9rique pour le premier degr\u00e9, propos\u00e9 par le minist\u00e8re de l\u2019\u00c9ducation nationale. Il a pour objectif\u2026","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/users\/652"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":2,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":957,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/pages\/49\/revisions\/957"}],"wp:attachment":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}