# <center><font style="color:darkblue"> Initiation à la programmation<br> avec Matatabot</font></center>
[comment]: <> (x100 : hauteur 100 et 100x pour la largeur de 100 car =WIDTHxHEIGHT)
<br>
<i> <p style="text-align:center;"> Vidéo de présentation du projet (version courte : 2'12) </p> </i>
[comment]: <> (***************************************)
[comment]: <> (***************************************)
[comment]: <> (** VIDEO de PRESENTATION du PROJET **)
[comment]: <> (** version courte **)
[comment]: <> (***************************************)
<iframe title="Projet Matatabot" width="560" height="315" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/hVVH3P2sD6VXVDHJr173YW" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"style="display: block; margin: 0 auto;"></iframe>
<br>
[comment]: <> (*base***********************************)
[comment]: <> (**** PARCOURS DE BASE ***)
[comment]: <> (*****************************************)
## <p style="text-align:center;"> <u>Parcours de base </u> </p>
:::info
Ce document présente un parcours composé d'une succession d'ateliers **obligatoires** et **optionnels**.
<br>Il comprend **4 ateliers obligatoires**.
<br>*Un atelier (intitulé Atelier 0) est nécessaire dans le cas où les élèves n'ont jamais travaillé les déplacements relatifs.*
<br>
:::
### <p style="text-align:center;"><u> Compétences travaillées</u></p>
:::spoiler Compétences du socle
<br>
* **Domaine 1 : Les langages pour penser et communiquer**
* Comprendre et s’exprimer en utilisant les langages mathématiques, scientifiques et informatiques.
* **Domaine 2 : Les méthodes et outils pour apprendre**
* Mémoriser, utiliser des outils de référence, essayer, proposer une réponse, argumenter et vérifier pour résoudre des problèmes simples de la vie quotidienne.
* **Domaine 3 : La formation de la personne et du citoyen**
* Développer le sens de l’engagement et de l’initiative, principalement dans la mise en œuvre de projets individuels et collectifs, avec ses pairs ou avec d’autres partenaires.
* **Domaine 4 : Les systèmes naturels et les systèmes techniques**
* Comprendre des fonctions et des fonctionnements d’objets simples.
* **Domaine 5 : Les représentations du monde et l’activité humaine**
* Se repérer dans son environnement proche, s’orienter et se déplacer.
</br>
:::
:::spoiler Attendus
<br>
Les élèves sont amenés à :
* Comprendre la fonction et le fonctionnement d’objets fabriqués.
* Commencer à s’approprier un environnement numérique.
* Se repérer dans l’espace et le représenter.
* Situer un lieu sur une carte, un globe ou sur un écran informatique.
* (Se) repérer et (se) déplacer en utilisant des repères et des représentations.
### Connaissances et Compétences Associées
Pour atteindre ces attendus, les élèves devront :
* Observer et utiliser des objets techniques, et identifier leur fonction.
* Décrire l’architecture simple d’un dispositif informatique.
* **S’orienter et se déplacer en utilisant des repères**.
* Acquérir le **vocabulaire permettant de définir des déplacements** (par exemple : avancer, reculer, tourner à droite / à gauche, monter, descendre...).
* **Coder et décoder** pour prévoir, représenter et réaliser des déplacements dans des espaces familiers, sur un quadrillage ou sur un écran.
:::
:::spoiler CRCN
<br>
* Domaine 3 : Création de contenus
* Compétence 3.4 Programmer
:::
:::spoiler Compétences des enseignants
<br>
Issues du Cadre de Référece de compétences Numériuqe - Edu
https://eduscol.education.fr/document/47366/download
* DOMAINE 1 – ENVIRONNEMENT PROFESSIONNEL
* 1.3. Se former, développer une veille
* DOMAINE 3 – ENSEIGNEMENT-APPRENTISSAGE
* 3.2. Mettre en œuvre
* DOMAINE 4 – DIVERSITÉ ET AUTONOMIE DES APPRENANTS
* 4.3. Engager les apprenants
* DOMAINE 5 – COMPÉTENCES NUMÉRIQUES DES APPRENANTS
* 5.1. Développer les compétences numériques des apprenants
:::
[comment]: <> (*0**************************************)
[comment]: <> (ATELIER 0)
### <span class='atelier'> Atelier 0</span>
:::danger
:::spoiler <b>Atelier 0 :</b> *nécessaire si les élèves n'ont jamais travaillé avec le langage relatif : avance / recule / pivote à gauche / pivote à droite.*
</b>
</br> <b>Les élèves expérimentent les bases de la programmation en utilisant des déplacements relatifs.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Quadrillage au sol 4x4 (réalisé à partir de cerceaux par exemple)
- Plots de couleur
- Prévoir du matériel pour pallier la confusion entre la droite et la gauche (foulard, bracelet, élastique, [bague](https://nuage11.apps.education.fr/index.php/s/KyPHYkyRnE8f7cy) …)
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/D258KCHHXjRDJ4j) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/qFeMoznQNw337tB) de l'atelier </span>
<br>
<b>Informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
<br>
:::
[comment]: <> (*IMAGE ATELIER 0 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696171f.JPG" width="300" style="display: block; margin: 0 auto;">
[comment]: <> (*1**************************************)
[comment]: <> (ATELIER 1)
### <span class='atelier'> Atelier 1 (Obligatoire)</span>
:::success
:::spoiler <b>Atelier 1 (obligatoire) :</b> *Vivre une situation de programmation débranchée* (Parcours Éléa)</b>
</br> <b>Les élèves découvrent les bases de la programmation et commencent à construire le sens du mot "algorithme".</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur avec ordinateur connecté à Internet
- Connexion de l’enseignant à Éléa (via e-primo pour la Loire Atlantique) :
• Écoles « Nord-Loire » : https://pdl-44-nord.elea.apps.education.fr/course/view.php?id=29429¬ifyeditingon=1
• Écoles « Sud-Loire » : https://pdl-44-sud.elea.apps.education.fr/course/view.php?id=10488¬ifyeditingon=1
- ⚠ Contactez votre ERUN si vous n'avez pas accès à Éléa
- [Proposition](https://nuage11.apps.education.fr/index.php/s/4xGy64apK9T39ng) de trace écrite
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- 6 gobelets
- [Feuille](https://nuage11.apps.education.fr/index.php/s/2RMsfZayL7S27rj) de position des gobelets (format A3)
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/mg2sZpsx5pHEop6) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/FbNkG975BbNsyem) de l'atelier </span>
<br>
<b>Informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
- Cet atelier prend appui sur cette séquence : https://maths.dis.ac-guyane.fr/IMG/pdf/sequence_activites_debranchees_gobelets.pdf
</div>
<br>
:::
[comment]: <> (*IMAGE ATELIER 1 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee6961722.JPG
" width="500" style="display: block; margin: 0 auto;">
[comment]: <> (*2**************************************)
[comment]: <> (ATELIER 2)
### <span class='atelier'> Atelier 2 (Facultatif)</span>
:::danger
:::spoiler <b>Atelier 2 (facultatif) :</b> *Pyramide secrète*</b>
</br> <b>Les élèves s'entrainent à coder et décoder des programmes en situation débranchée.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur
- [Fichier](https://nuage11.apps.education.fr/index.php/s/Co4M6JRspRfeCe8) avec les pyramides
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- 6 gobelets
- Reprendre la feuille de position gobelets de l'atelier 1.
- 1 carte "Pyramide secrète"
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/B2xFgdGHCiKRcxf) de l'atelier** </span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/rqFPo8AXpSLrkiY) de l'atelier </span>
<br>
<b>Informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
<br>
</div>
:::
[comment]: <> (*IMAGE ATELIER 2 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696172a.JPG
" width="400" style="display: block; margin: 0 auto;">
[comment]: <> (*3**************************************)
[comment]: <> (ATELIER 3)
### <span class='atelier'> Atelier 3 (Facultatif)</span>
:::danger
:::spoiler <b>Atelier 3 (facultatif) :</b> *En vidéo !*</b>
</br> <b>Les élèves s'entrainent à coder et décoder des programmes en situation débranchée.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur / Internet (ou vidéo téléchargée) / Ordinateur
- [Vidéo](https://tube-numerique-educatif.apps.education.fr/w/kyJC5V2cuHYa2xGCBXUokD) «Pyramide de Gobelets »
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- 1 cahier d’essai ou une ardoise pour prendre des notes
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/F6mzkPM6ZBe94P2) de l'atelier**</span>
<br>
<b>Informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
<br>
</div>
:::
[comment]: <> (*IMAGE ATELIER 3 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696172c.JPG
" width="300" style="display: block; margin: 0 auto;">
[comment]: <> (*4**************************************)
[comment]: <> (ATELIER 4)
### <span class='atelier'> Atelier 4 (Obligatoire)</span>
:::success
:::spoiler <b>Atelier 4 (obligatoire) :</b> *Découverte de Matatabot et de son langage*</b>
</br> <b>Les élèves découvrent le robot et codent un premier déplacement.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur avec ordinateur connecté à Internet (ou télécharger la vidéo)
- [une vidéo](https://tube-numerique-educatif.apps.education.fr/w/f78svLHTHUGiQK2VrUhKVq) (téléchargeable) "Matatabot à l'école des pandas"
- 1 visualiseur
- 1 affiche
- [1 carte](https://nuage11.apps.education.fr/index.php/s/K7KfqZe7BkNiwNQ) au format A2 (2 feuilles A3 scotchées)
- Matatalab
- [Plateau solution](https://nuage11.apps.education.fr/index.php/s/sZx7EYLDorRMnX8) à découper
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) plastifié Matatalab à découper
- [1 fiche](https://nuage11.apps.education.fr/index.php/s/ZrRjB2btQP6KGcr) support de tuiles avec [les tuiles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) fixées dessus avec de la pâte à fixe.
- 1 cahier d’essai ou une ardoise pour prendre des notes
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/msJJNBDjM3dEYdF) de l'atelier** </span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/w3TDJLyP5D8Rk7H) de l'atelier</span>
<span class="fiche">:open_file_folder: Dans cet atelier, du **[matériel commun](https://nuage11.apps.education.fr/index.php/s/K77aA5SC3QokLLc)** à plusieurs ateliers est nécessaire.</span>
<br><br>
<b>Informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
- Chaque plateau doit être découpé comme ci-dessous pour permettre la lecture du programme.
<img src="https://minio.apps.education.fr/codimd-prod/uploads/wag8v1fdogi7sue0gevufbgi8.jpg" width="300" style="display: block; margin: 0 auto;">
- La fiche support permet de s'assurer à la fin de l'atelier, qu'aucune tuile n'a été égarée. Elle facilite aussi le repérage (qu'est-ce qu'une flèche "Avancer", une "Reculer") grâce au robot dessiné et orienté.
<img src="https://minio.apps.education.fr/codimd-prod/uploads/27ac55036bb7ed13ada4d330d.jpg" width="300" style="display: block; margin: 0 auto;">
<b>Quelques précautions </b>:<br>
- Les tuiles <b>avancer</b> et <b>reculer</b> ne peuvent être lues par le robot si elles sont associées à des tuiles avec degrés. Inversement, les tuiles <b>pivoter</b> ne sont pas lues par le robot si elles sont associées à des tuiles “répétition” 2/3…. Si la situation se présente, le programme ne pourra pas être exécuté et on entendra un son d'erreur.
<img src="https://minio.apps.education.fr/codimd-prod/uploads/27ac55036bb7ed13ada4d330f.jpg" width="200" style="display: block; margin: 0 auto;">
- Les tuiles doivent être collées <b>dans les cases</b> du plateau. Des tuiles qui se chevauchent ou collées de "travers" pourraient ne pas être lues par le robot.
<br>
</div>
:::
[comment]: <> (*IMAGE ATELIER 4 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696172d.JPG
" width="500" style="display: block; margin: 0 auto;">
[comment]: <> (*5**************************************)
[comment]: <> (ATELIER 5)
### <span class='atelier'> Atelier 5 (Obligatoire)</span>
:::success
:::spoiler <b>Atelier 5 (obligatoire) :</b> *Décoder des programmes (Langage de Matatabot)*</b>
</br> <b>Les élèves décodent des programmes pour identifier celui qui permet de toucher le trésor.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- [Solutions](https://nuage11.apps.education.fr/index.php/s/H24kmetqKdr8ee6) du décodage
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [4 parcours](https://nuage11.apps.education.fr/index.php/s/XLWzpem89XdS3tq) avec des programmes à décoder
- Brique 2x2 avec des yeux pour servir de robot (ajout image)
:pushpin: <u>Option possible :</u>
- [4 plateaux solutions](https://nuage11.apps.education.fr/index.php/s/tNYRaMLqdtF4ZaC) à découper pour l'enseignant (pour une vérification avec Matatabot)
- [4 cartes](https://nuage11.apps.education.fr/index.php/s/5PeidWbzFnXeiSM) au format A2 (2 feuilles A3 scotchées) (pour une vérification avec Matatabot)
- Robot Matatabot avec "Phare Matatalab"
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/KDgiszJJgbb4CgA) de l'atelier** </span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/Rqq7C9pYFGagiJb) de l'atelier</span>
<br><br>
<b>Ressources et informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
- Intérêt de la brique pour aider au repérage dans l'espace avec un déplacement relatif (avance / recule / pivote à droite / pivote à gauche)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/9acf447054455fc2fe22cb09f.JPG" width="300" style="display: block; margin: 0 auto;">
<br>
:::
[comment]: <> (*IMAGE ATELIER 5 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696172e.JPG
" width="500" style="display: block; margin: 0 auto;">
[comment]: <> (*6******************************)
[comment]: <> (ATELIER 6)
### <span class='atelier'> Atelier 6 (Obligatoire)</span>
:::success
:::spoiler <b>Atelier 6 (obligatoire) :</b> *Coder / Programmer Matatabot (déplacement dans un quadrillage)*</b>
</br> <b>Les élèves codent un programme permettant à un robot, se trouvant sur un quadrillage, de toucher un trésor.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- [1 carte](https://nuage11.apps.education.fr/index.php/s/YgrT2xc4NJ7rjWX) au format A2 (2 feuilles A3 scotchées)
- Matatalab
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) avec une solution possible, à découper
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [1 parcours](https://nuage11.apps.education.fr/index.php/s/TTKCSHwAtB9ZGFr)
- 1 crayon (effaçable si les parcours sont dans des pochettes plastiques)
- Brique 2x2 (avec un repère pour les yeux)
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) plastifié Matatalab
- [1 fiche](https://nuage11.apps.education.fr/index.php/s/ZrRjB2btQP6KGcr) support de tuiles avec [les tuiles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) fixées dessus avec de la pâte à fixe.
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/zeKwdTWgb2AGSn4) de l'atelier** </span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/GJbBA6txsyBHRS3) de l'atelier</span>
<span class="fiche">:open_file_folder: Dans cet atelier, du **[matériel commun](https://nuage11.apps.education.fr/index.php/s/K77aA5SC3QokLLc)** à plusieurs ateliers est nécessaire.</span>
<br><br>
<b>Informations complémentaires </b>:<br>
- Les étapes impliquant une vérification à l’aide du robot doivent être menées en demie-classe.
- Intérêt de la brique pour aider au repérage dans l'espace avec un déplacement relatif (avance / recule / pivote à droite / pivote à gauche)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/9acf447054455fc2fe22cb09f.JPG" width="300" style="display: block; margin: 0 auto;">
<br>
:::
[comment]: <> (*IMAGE ATELIER 6 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee696172f.JPG
" width="500" style="display: block; margin: 0 auto;">
[comment]: <> (*7**************************************)
[comment]: <> (ATELIER 7)
### <span class='atelier'> Atelier 7 (Nécessaire pour les parcours complémentaires)</span>
:::warning
:::spoiler <b>Atelier 7 (nécessaire pour les parcours complémentaires) :</b> *Coder / Programmer Matatabot (Suivre une ligne brisée (angles))*</b>
</br> <b>Les élèves codent un programme permettant à un robot de suivre un tracé avec des angles.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- [Tuiles d’angles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) triées dans des boites
- Pâte à fixe
- Matatalab
- [3 plateaux](https://nuage11.apps.education.fr/index.php/s/24k8JX4syM8PW6k) avec une solution possible, à découper
- [Vidéo](https://tube-numerique-educatif.apps.education.fr/w/upLzqRD8REXd6bXNVHEFYL) présentant l’utilisation du gabarit d’angles
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [3 parcours](https://nuage11.apps.education.fr/index.php/s/cxXXp4LW3Cx7xMW)
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) plastifié Matatalab
- [1 fiche](https://nuage11.apps.education.fr/index.php/s/ZrRjB2btQP6KGcr) support de tuiles avec [les tuiles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) fixées dessus avec de la pâte à fixe
- 1 [gabarit d’angles](https://nuage11.apps.education.fr/index.php/s/pkRogWHtcjYF6ii) à imprimer sur une feuille transparente
- 1 règle peut être laissée sur la table
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/pKsrGcaBrac2DeB) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/8KmJE63NjpxRMEP) de l'atelier</span>
<span class="fiche">:open_file_folder: Dans cet atelier, du **[matériel commun](https://nuage11.apps.education.fr/index.php/s/K77aA5SC3QokLLc)** à plusieurs ateliers est nécessaire.</span>
<br><br>
<b>Ressources et informations complémentaires </b>:<br>
- Les étapes impliquant une vérification à l’aide du robot doivent être menées en demie-classe.
- La vidéo permet de comprendre comment utiliser le gabarit d'angle. Le robot effectue une rotation de 60° et donc l'angle interne représentant le tracé est un angle de 120° mais c'est bien la tuile 60° qu'il faut positionner sur le plateau.
<br>
:::
[comment]: <> (*IMAGE ATELIER 7 ****************)
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c63ae17a6bea2b0cee6961738.JPG
" width="500" style="display: block; margin: 0 auto;">
<br>
[comment]: <> (*********************************)
[comment]: <> (** PARCOURS COMPLEMENTAIRES ***)
[comment]: <> (*********************************)
## <p style="text-align:center;"> <u>Parcours complémentaires </u> </p>
:::info
Les 3 parcours suivants sont compatibles avec l'utilisation du robot **Matata**.
Ces ateliers peuvent être mis en oeuvre **après** avoir réalisé le parcours de base.<br>
Au choix :
* un parcours **Chamboule-tout** :star: ou un parcours **Chasse au trésor** :star: :star: :star:
* un parcours **Langage par blocs** :star: avec l'**ajout d'une boucle** :star: :star:
<br>
:::
### <p style="text-align:center;"><u> Nouvelles compétences travaillées</u></p>
:::spoiler Compétences du socle
<br>
* **Domaine 1 : Les langages pour penser et communiquer**
* Comprendre et s’exprimer en utilisant les langages mathématiques, scientifiques et informatiques.
* **Domaine 2 : Les méthodes et outils pour apprendre**
* Mémoriser, utiliser des outils de référence, essayer, proposer une réponse, argumenter et vérifier pour résoudre des problèmes simples de la vie quotidienne.
* **Domaine 3 : La formation de la personne et du citoyen**
* Développer le sens de l’engagement et de l’initiative, principalement dans la mise en œuvre de projets individuels et collectifs, avec ses pairs ou avec d’autres partenaires.
* **Domaine 4 : Les systèmes naturels et les systèmes techniques**
* Comprendre des fonctions et des fonctionnements d’objets simples.
* **Domaine 5 : Les représentations du monde et l’activité humaine**
* Se repérer dans son environnement proche, s’orienter et se déplacer.
</br>
:::
:::spoiler Attendus
Les élèves sont amenés à :
* Comprendre la fonction et le fonctionnement d’objets fabriqués.
* Commencer à s’approprier un environnement numérique.
* Se repérer dans l’espace et le représenter.
* Situer un lieu sur une carte, un globe ou sur un écran informatique.
* (Se) repérer et (se) déplacer en utilisant des repères et des représentations.
### Connaissances et Compétences Associées
Pour atteindre ces attendus, les élèves devront :
* Observer et utiliser des objets techniques, et identifier leur fonction.
* Décrire l’architecture simple d’un dispositif informatique.
* **S’orienter et se déplacer en utilisant des repères**.
* Acquérir le **vocabulaire permettant de définir des déplacements** (par exemple : avancer, reculer, tourner à droite / à gauche, monter, descendre...).
* **Coder et décoder** pour prévoir, représenter et réaliser des déplacements dans des espaces familiers, sur un quadrillage ou sur un écran.
:::
:::spoiler CRCN
* Domaine 3 : Création de contenus
• Compétence 3.4 Programmer
:::
:::spoiler Compétences des enseignants
<br>
Issues du Cadre de Référece de compétences Numériuqe - Edu
https://eduscol.education.fr/document/47366/download
* DOMAINE 1 – ENVIRONNEMENT PROFESSIONNEL
* 1.3. Se former, développer une veille
* DOMAINE 3 – ENSEIGNEMENT-APPRENTISSAGE
* 3.2. Mettre en œuvre
* DOMAINE 4 – DIVERSITÉ ET AUTONOMIE DES APPRENANTS
* 4.3. Engager les apprenants
* DOMAINE 5 – COMPÉTENCES NUMÉRIQUES DES APPRENANTS
* 5.1. Développer les compétences numériques des apprenants
:::
[comment]: <> (***************************************)
[comment]: <> (** PARCOURS CHAMBOULE-TOUT ***********)
[comment]: <> (***************************************)
[comment]: <> (*8**************************************)
[comment]: <> (ATELIER 8)
### <span class='atelier'> Parcours Chamboule-tout : ateliers 8 et 9</span>
:::danger
:::spoiler <b>Parcours Chamboule-tout (Ateliers 8 et 9) : </b> *Relever un défi en programmant Matatabot : Matatabot doit détruire une pyramide de gobelets !* </b>
<br>
<p style="text-align:center;"> **************** </p>
<b>Atelier 8 :</b> Coder un programme permettant le déplacement d’un robot en direction d’un objectif et construire un objet technique répondant à des contraintes. </b>
</br> <b>Les élèves vont travailler en groupes de manière débranchée pour relever le défi : prendre des mesures, écrire le programme avec les tuiles sur un plateau de programmation, écrire le programme permettant de réaliser la pyramide et réfléchir à la structure de briques qui facilitera la destruction de la pyramide de gobelets.</b> <br><br>
<div class='styleboite'>
<br>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur ou TNI, si possible
- Ordinateur
- Support à vidéoprojeter : [Tableau des scores pour affichage](https://nuage11.apps.education.fr/index.php/s/rq698gNmPqw4Z3x)
- Images de [pyramides de gobelets](https://nuage11.apps.education.fr/index.php/s/qKJf5iZ4W8Jpof3) (Document peut-être déjà imprimé pour l'atelier 2).
- 2 [gabarits](https://nuage11.apps.education.fr/index.php/s/kXJcH9emLfaYkiY) pour vérifier la taille de la structure de briques
- Document avec des [informations sur les briques de construction](https://nuage11.apps.education.fr/index.php/s/NkRxx9atqfLNNHL)
- Briques de construction
- [Tuiles d’angles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) triées dans des boites
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) plastifié Matatalab
- [1 fiche](https://nuage11.apps.education.fr/index.php/s/ZrRjB2btQP6KGcr) support de tuiles avec [les tuiles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) fixées dessus avec de la pâte à fixe
- 1 [gabarit d’angles](https://nuage11.apps.education.fr/index.php/s/pkRogWHtcjYF6ii) à imprimer sur une feuille transparente
- 1 mètre ruban ou une règle
- 1 [carte "Chamboule-tout"](https://nuage11.apps.education.fr/index.php/s/zipaFxEHKGjTbbQ) au format A2 (2 feuilles A3 scotchées -> [mode d'emploi](https://nuage11.apps.education.fr/index.php/s/NDo7MN8WYHHqAWw))
- 1 [tableau des scores](https://nuage11.apps.education.fr/index.php/s/FLxT8LekbyFyTss)
- 6 gobelets
- 1 robot en papier ([patron du robot](https://nuage11.apps.education.fr/index.php/s/9cjx567bmaJNkHB) - Cylindre)
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/dfjH65nmcDgk66k) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/YsdxwQCZXJ85bSz) de l'atelier </span>
<span class="fiche">:open_file_folder: Dans cet atelier, du **[matériel commun](https://nuage11.apps.education.fr/index.php/s/K77aA5SC3QokLLc)** à plusieurs ateliers est nécessaire.</span>
<br><br>
<b>Ressources et informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
</div>
<br>
[comment]: <> (*9**************************************)
[comment]: <> (ATELIER 9)
<p style="text-align:center;"> **************** </p>
<br>
<b>Atelier 9 :</b> Tester les programmes avec Matatabot pour relever le défi puis améliorer le programme et la structure de briques, si nécessaire. </b>
<br>
</br> <b>En groupes, les élèves vont tester les programmes réalisés pendant l’atelier 8. Ils vont observer et analyser ce que Matatabot parvient à réaliser pour tenter de corriger et d’améliorer le résultat obtenu (atteindre le score maximal) : programme optimisé, structure de briques efficace, programme correct pour réaliser la pyramide.</b> <br><br>
<div class='styleboite'>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Matériel identique à l'atelier 8
+
- Robot Matatabot et Matatalab
- 1 [carte "Chamboule-tout"](https://nuage11.apps.education.fr/index.php/s/zipaFxEHKGjTbbQ) au format A2 pour le robot (2 feuilles A3 scotchées -> [mode d'emploi](https://nuage11.apps.education.fr/index.php/s/NDo7MN8WYHHqAWw))
- 6 gobelets
- Visualiseur, si possible
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- Matériel identique à l'atelier 8
+
- 1 plateau plastifié Matatalab avec le programme réalisé pendant l’atelier 8
- La structure de briques réalisée pendant l’atelier 8.
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/nAk85sesZzyt4pj) de l'atelier**</span>
<br>
<b>Ressources et informations complémentaires </b>:<br>
- Le travail d’observation des programmes des groupes doit être mené en classe entière pour encourager l’observation, l’analyse et la prise d’informations.
- Les étapes impliquant une vérification à l’aide du robot doivent être menées en demie-classe ou sous forme d’ateliers.
</div>
<br>
:::
[comment]: <> (***************************************)
[comment]: <> (** VIDEO CHAMBOULE TOUT **)
[comment]: <> (***************************************)
<iframe title="Atelier complémentaire Chamboule tout" width="560" height="315" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/enhk7srTKUG3JnRb3pfARW" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"style="display: block; margin: 0 auto;"></iframe>
[comment]: <> (***************************************)
[comment]: <> (*PARCOURS CHASSE AU TRESOR ****************)
[comment]: <> (***************************************)
[comment]: <> (*10**************************************)
[comment]: <> (ATELIER 10)
### <span class='atelier'> Chasse au trésor : ateliers 10 et 11</span>
:::danger
:::spoiler <b>Parcours Chasse au trésor (Ateliers 10 et 11) : </b> *Relever un défi en programmant Matatabot : Matatabot doit récupérer un trésor et le rapporter jusqu'au ponton.* </b>
<br>
<p style="text-align:center;"> **************** </p>
<b>Atelier 10 :</b> Coder un programme permettant le déplacement d’un robot en direction d’un objectif et construire un objet technique répondant à des contraintes permettant l'obtention d'un résultat attendu. </b>
</br> <b>Les élèves vont travailler en groupes de manière débranchée pour relever le défi : prendre des mesures, écrire le programme avec les tuiles sur un plateau de programmation, écrire le programme permettant de récupérer le trésor pour le placer dans le nouvel emplacement, réfléchir à la structure de briques qui permettra de relever le défi.</b> <br><br>
<div class='styleboite'>
<br>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Vidéoprojecteur ou TNI, si possible
- Ordinateur
- Support à vidéoprojeter : [tableau des scores pour affichage](https://nuage11.apps.education.fr/index.php/s/j4x52pJNoskjWjT)
- Images des [emplacements des trésors](https://nuage11.apps.education.fr/index.php/s/a8KCT6EDKdwP55w)
- Images de [pelles et de trésors](https://nuage11.apps.education.fr/index.php/s/awd5tGf2iczwAWy)
- 2 [gabarits](https://nuage11.apps.education.fr/index.php/s/kXJcH9emLfaYkiY) pour vérifier la taille de la structure de briques
- Document avec des [informations sur les briques de construction](https://nuage11.apps.education.fr/index.php/s/NkRxx9atqfLNNHL)
- Briques de construction
- [Tuiles d’angles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) triées dans des boites
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- [1 plateau](https://nuage11.apps.education.fr/index.php/s/oTwXNYHziWHeDNb) plastifié Matatalab
- [1 fiche](https://nuage11.apps.education.fr/index.php/s/ZrRjB2btQP6KGcr) support de tuiles avec [les tuiles](https://nuage11.apps.education.fr/index.php/s/Qc5SnSABkXCrGTR) fixées dessus avec de la pâte à fixe
- 1 [gabarit d’angles](https://nuage11.apps.education.fr/index.php/s/pkRogWHtcjYF6ii) à imprimer sur une feuille transparente
- 1 mètre ruban ou une règle
- 1 [carte "Chasse au trésor"](https://nuage11.apps.education.fr/index.php/s/7aY5fZgosNSZP5r) au format A2 (2 feuilles A3 scotchées -> [mode d'emploi](https://nuage11.apps.education.fr/index.php/s/B9zwtR6XpsgCMPt))
- 1 [tableau des scores](https://nuage11.apps.education.fr/index.php/s/FTtbYS3Bs9LrMwc)
- 1 robot en papier ([patron du robot](https://nuage11.apps.education.fr/index.php/s/9cjx567bmaJNkHB) - Cylindre)
- 1 trésor en papier ([patron de trésor](https://nuage11.apps.education.fr/index.php/s/56EdeACoAoKziZL))
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/BfopDNspH8SCcE2) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/rxCbMoHAgdX9gaD) de l'atelier </span>
<span class="fiche">:open_file_folder: Dans cet atelier, du **[matériel commun](https://nuage11.apps.education.fr/index.php/s/K77aA5SC3QokLLc)** à plusieurs ateliers est nécessaire.</span>
<br><br>
<b>Ressources et informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
</div>
<br>
[comment]: <> (*11**************************************)
[comment]: <> (ATELIER 11)
<p style="text-align:center;"> **************** </p>
<br>
<b>Atelier 11 :</b> Tester les programmes avec Matatabot pour relever le défi puis améliorer le programme et la structure de briques, si nécessaire. </b>
<br>
</br> <b>En groupe, les élèves vont tester les programmes réalisés pendant l’atelier 10. Ils vont observer et analyser ce que Matatabot parvient à réaliser pour corriger et tenter d’améliorer le résultat obtenu (atteindre le score maximal) : programme optimisé, structure de briques efficace, programme correct pour récupérer le trésor.</b> <br><br>
<div class='styleboite'>
<br>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Matériel identique à l'atelier 10
+
- Robot Matatabot et Matatalab
- 1 [carte "Chasse au trésor"](https://nuage11.apps.education.fr/index.php/s/7aY5fZgosNSZP5r) au format A2 (2 feuilles A3 scotchées -> [mode d'emploi](https://nuage11.apps.education.fr/index.php/s/B9zwtR6XpsgCMPt))
- 1 trésor en papier ([patron de trésor](https://nuage11.apps.education.fr/index.php/s/56EdeACoAoKziZL))
- Visualiseur, si possible
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- Matériel identique à l'atelier 10
+
- 1 plateau plastifié Matatalab avec le programme réalisé pendant l’atelier 10
- La structure de briques réalisée pendant l’atelier 10.
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/zDEYSXciMf2p8m6) de l'atelier**</span>
<br>
<b>Ressources et informations complémentaires </b>:<br>
- Le travail d’observation des programmes des groupes doit être mené en classe entière pour encourager l’observation, l’analyse et la prise d’informations.
- Les étapes impliquant une vérification à l’aide du robot doivent être menées en demie-classe ou sous forme d’ateliers.
</div>
<br>
:::
[comment]: <> (***************************************)
[comment]: <> (** VIDEO CHASSE AU TRESOR **)
[comment]: <> (***************************************)
<iframe title="Atelier complémentaire Chasse au trésor" width="560" height="315" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/3eR63ZpMSbrQjbiJadcfqt" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"style="display: block; margin: 0 auto;"></iframe>
[comment]: <> (***************************************)
[comment]: <> (*PARCOURS LANGAGE PAR BLOCS *************)
[comment]: <> (***************************************)
### <span class='atelier'> Langage par blocs : ateliers 12 et 13</span>
:::danger
:::spoiler <b>Parcours "Langage par blocs" (Ateliers 12 et 13) : </b> *Relever un défi en programmant Matatabot avec le langage par blocs : Matatabot doit suivre le chemin !* </b>
<br>
<p style="text-align:center;"> **************** </p>
[comment]: <> (*12**************************************)
[comment]: <> (ATELIER 12)
<b>Atelier 12 :</b> Découvrir le langage par blocs et écrire un premier programme. </b>
</br> <b>Les élèves vont découvrir comment programmer Matatabot avec des blocs (sur un ordinateur ou sur une tablette) : découvrir le langage, créer un premier programme, le tester, le corriger,…</b> <br><br>
<div class='styleboite'>
<br>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Ordinateur et vidéoprojecteur ou TNI, si possible
- Supports à vidéoprojeter pour découvrir le langage par blocs : [Diaporama PDF](https://nuage11.apps.education.fr/index.php/s/BKTQMEPxWTa7nKZ) ou [Fichier Openboard](https://nuage11.apps.education.fr/index.php/s/Xi4mJMs5SZc3PAe)
- Support à vidéoprojeter : [1er programme à réaliser](https://nuage11.apps.education.fr/index.php/s/c3ECNLmj6yJj75A)
- Ordinateur connecté à internet : https://create.matatalab.com/ ou tablette avec l'appli Matatacode
- Visualiseur, si possible
- Robot Matatabot
*Attention ! L'instruction "60° à droite" pose problème avec un navigateur internet (sur un ordinateur) et l'instruction "144° droite" pose problème avec une tablette : il faut décomposer l'angle en attendant un correctif (par exemple : 30° à droite puis 30° à droite ou 72° à droite puis 72° à droite).*
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
Le matériel des élèves dépendra de votre choix de mise en œuvre en tenant compte du matériel à disposition dans votre école. Vous pouvez envisager ces organisations :
* une tablette par groupe. (Voir fiche « Atelier 12 – Version « Application Matatacode » sur tablette.pdf »)
* un ordinateur par groupe. (Voir fiche « Atelier 12 – Version « navigateur internet » sur un ordinateur.pdf »)
* un mélange de tablettes et d’ordinateurs. (Consultez les deux fiches précédentes)
* en mode “débranché” (papier / ciseaux / colle). (Voir fiche « Atelier 12 – Version « débranchée ».pdf »)
* 1 fiche pour travailler la correspondance tuiles / blocs
* une ardoise
* Les documents nécessaires aux élèves sont à retrouver dans le [dossier](https://nuage11.apps.education.fr/index.php/s/DjqyGcBaTD92b2X) de l'atelier. Vous y trouverez un dossier pour chaque version de l'atelier.
<br>
<span class="fiche">:page_with_curl: **[Fiche Version Matatacode](https://nuage11.apps.education.fr/index.php/s/xTrqmoXPXb3PiJs) de l'atelier** </span>
<span class="fiche">:page_with_curl: **[Fiche Version Navigateur](https://nuage11.apps.education.fr/index.php/s/WnYQDzRik4x9KNt) de l'atelier** </span>
<span class="fiche">:page_with_curl: **[Fiche Version Débranchée](https://nuage11.apps.education.fr/index.php/s/cy6ZRQ2f5CQg4PT) de l'atelier** </span>
<span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/DjqyGcBaTD92b2X) de l'atelier </span>
<br>
 
<br>
<b>Ressources et informations complémentaires </b>:<br>
- Cet atelier peut être mené en classe entière.
- Pas à pas pour installer le programme Scratch Link sur un ordinateur. **A créer / Utile sur cette séance pour tester un programme avec Matatabot**
- Pas à pas pour installer l'application sur une tablette et paramétrer la tablette. **A créer**
- Un programme pourra être testé avec Matatabot à la fin de la séance :
 
*Pour faciliter l'observation par les élèves, il est possible d'utiliser un visualiseur pour afficher le déplacement de Matatabot au TNI.
Le visualiseur peut également être utilisé pour afficher l'écran de la tablette au TNI, si besoin.*
</div>
<br>
[comment]: <> (*13**************************************)
[comment]: <> (ATELIER 13)
<p style="text-align:center;"> **************** </p>
<br>
<b>Atelier 13 :</b> Relever un défi en programmant Matatabot avec le langage par blocs : Matatabot doit suivre le chemin ! </b>
<br>
</br> <b>Les élèves vont programmer Matatabot en réinvestissant les notions vues précédemment et en utilisant le nouveau langage "par blocs". Il sera possible d'aborder la notion de boucle en observant la figure et le programme construit par les élèves.</b> <br><br>
<div class='styleboite'>
<br>
<b>Matériel </b>:<br>
:mortar_board: <u>Pour l'enseignant :</u>
- Robot Matatabot
- Fiche A3 recto-verso avec [la figure 1](https://nuage11.apps.education.fr/index.php/s/tQKGS7Y8kwzK7oZ) et [la figure 2](https://nuage11.apps.education.fr/index.php/s/3WigExEWoeNoAnc) pour donner les consignes et pour la phase de tests
<br>
:busts_in_silhouette: <u>Pour chaque groupe de 3/4 élèves : </u>
- Fiche A3 recto-verso avec [la figure 1](https://nuage11.apps.education.fr/index.php/s/tQKGS7Y8kwzK7oZ) et [la figure 2](https://nuage11.apps.education.fr/index.php/s/3WigExEWoeNoAnc)
- 1 [gabarit d’angles](https://nuage11.apps.education.fr/index.php/s/pkRogWHtcjYF6ii) à imprimer sur une feuille transparente et une règle
- Matériel identique à l’atelier 12 pour programmer le robot Matatabot (voir fiche de préparation) :
- Ordinateurs connectés à internet et connexion bluetooth : https://create.matatalab.com/
- Tablettes avec l'appli Matatacode.
- Matériel débranché
- ...
<br>
<span class="fiche">:page_with_curl: **[Fiche](https://nuage11.apps.education.fr/index.php/s/8E4RZaMbzjCt35E) de l'atelier**</span> <span class="fiche">:file_folder: [Dossier](https://nuage11.apps.education.fr/index.php/s/rCbwC6po286yLFy) de l'atelier </span>
<br>
<b>Ressources et informations complémentaires </b>:<br>
- Le travail de mesure et d'élaboration du programme peut être mené en classe entière, en tenant compte du matériel à disposition (ordinateurs / tablettes / matériel débranché).
- Les étapes impliquant une vérification à l’aide du robot doivent être menées en demie-classe ou sous forme d'ateliers.
- Les élèves devront être accompagnés dans l'identification de la répétition qui peut être observée dans le programme. Il n'est pas simple de faire évoluer le programme avec l'ajout de l'instruction "répéter 3 fois". Le programme pourra d'abord être découpé en 3 parties identiques pour, ensuite, ajouter le "répéter" :
 
</div>
<br>
:::
[comment]: <> (***************************************)
[comment]: <> (** VIDEO LANGAGE PAR BLOCS **)
[comment]: <> (***************************************)
<iframe title="Atelier complémentaire Langage par Blocs" width="560" height="315" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/c72ExEmZSBCXSUr6h9xyGR" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"style="display: block; margin: 0 auto;"></iframe><br><br><br><br>
<i> <p style="text-align:center;"> Vidéo de présentation du projet (version longue : 3'45)</p> </i>
[comment]: <> (***************************************)
[comment]: <> (***************************************)
[comment]: <> (** VIDEO de PRESENTATION du PROJET **)
[comment]: <> (** version longue **)
[comment]: <> (***************************************)
<iframe title="Projet Matatabot (version longue)" width="560" height="315" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/dLWErDGdtc7UxAuP6h1MSr" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"style="display: block; margin: 0 auto;"></iframe><br><br>
<i> <p style="text-align:left;"> Pour signaler un problème avec les ressources proposées, vous pouvez contacter l'équipe numérique départementale du 44 à l'adresse suivante : cpd-tuic44@ac-nantes.fr </p> </i><br><br>
[comment]: <> (***************************************)
[comment]: <> (***************************************)
[comment]: <> (** NOUS CONTACTER **)
[comment]: <> (***************************************)
[comment]: <> (***************************************)
###### tags: `Matatabot`, `Programmation`
[comment]: <> (****************************************)
[comment]: <> (****************************************)
[comment]: <> (DEFINITION DE STYLES)
[comment]: <> (****************************************)
[comment]: <> (****************************************)
[comment]: <> (Style de l'élément STYLEBOITE (Titre en couleur et texte en noir dans les SPOILER)
[comment]: <> (Style de l'élément ATELIER (Titres en transparence pour obtenir un sommaire)
[comment]: <> (Style de l'élément FICHE (Mise en forme des "boites" des ressources : Fiche / Dossier / Matériel)
[comment]: <> (ul li pour choisir la couleur du texte dans les listes)
<br>
<br>
<br>
<br>
<style>
.styleboite {
font-weight: normal;
color: black;
}
.styleboite ul {
color: black;
}
.styleboite ul li {
list-style-type: disc;
text-align: left;
color: black !important;
}
.styleboite p {
color: black;
}
}
.atelier:before{
}
.atelier{
font-weight:bold;
font-size:100%;
color:#FFFFFF00;
text-align: center;
}
.fiche:before{
font-weight:bold;
}
.fiche{
display: inline;
flex-direction: row;
border:solid 3px white;
border-radius:10px;
padding:5px;
background-color:#FFFFFF00;
color:black;
float:left;
margin-inline-start:10%;
margin-bottom: 5px;
}
img{width:50%;}
img[src*="#mini"] {width:500px;}
</style>