<!-- .slide: data-background="https://nuage03.apps.education.fr/index.php/f/194680229"-->  ---- ### Résumé en 6 images  <font size="-1">1 à 3 </font> ---- ### Résumé en 6 images  <font size="-1">4 à 6</font> ---- ### Résumé en 9 points  <font size="-1">1 à 3</font> ---- ### Résumé en 9 points  <font size="-1">4 à 6 </font> ---- ### Résumé en 9 points  <font size="-1"> 7 à 9 </font> ---- ## Contacter capytale - Il est possible de contribuer à Capytale sans être un développeur chevronné. - Merci aux personnes qui nous contacteront pour participer. - capytale@groupes.renater.fr - adhérer à la [liste de diffusion](https://groupes.renater.fr/sympa/subscribe/capytale) . #### $\phantom{décalagae droit}$ Le diaporama intégral de la présentation ⋯ 〉 --- ## Sommaire - [**Présentation générale**](#/1/1) - [**Les activités**](#/2) - [**Des points techniques**](#/3) - [**La bibliothèque d'activités**](#/4) - [**Bilans**](#/5) ---- <!-- .slide: data-background="https://minio.apps.education.fr/codimd-prod/uploads/upload_8c4aceaeaeb9e5ea0949d9efd18b5e71.png"--> # Capytale  <span> Lancé en septembre 2020, Capytale est un commun numérique. </span><!-- .element: class="fragment" data-fragment-index="1" --> ---- ### Espace de création et de gestion <span> - de travaux individuels des élèves<!-- .element: class="fragment" data-fragment-index="1" --></span><span> - d'activités numériques de professeurs,<!-- .element: class="fragment" data-fragment-index="2" --></span><span> - et des copies d'élèves. <!-- .element: class="fragment" data-fragment-index="3" --></span><span> - En cours  ; - Rendue  ou - Corrigée  . <!-- .element: class="fragment" data-fragment-index="4" --></span> ----  ---- ## Espace <span> - sécurisé et conforme au RGPD,<!-- .element: class="fragment" data-fragment-index="1" --></span><span> - via 33 ENT académiques <!-- .element: class="fragment" data-fragment-index="2" --></span><span>  <!-- .element: class="fragment" data-fragment-index="2" --></span> ---- ## Capytale <span> - interprète le code de l'activité dans le navigateur de l'utilisateur, <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - inclut une bibliothèque d'activités,</span> <!-- .element: class="fragment" data-fragment-index="2" --><span> - ne nécessite <span>aucune installation.</span><!-- .element: class="fragment highlight-red" data-fragment-index="3" --></span> <!-- .element: class="fragment" data-fragment-index="3" --> [retour au sommaire](#/1) <!-- .element: class="fragment" data-fragment-index="4" --></span> --- ### Les activités accessibles dans Capytale <span> **2020**   <font size="-1">Langage Python, notebook et console</font> <!-- .element: class="fragment" data-fragment-index="1" --></span><span> **2021**   <font size="-1">Langages Html/Css/JS et SQL</font> <!-- .element: class="fragment" data-fragment-index="2" --></span><span> **2022**    <font size="-1">Langages Caml, Codabloc = Scratch libéré et CodePuzzle</font> <!-- .element: class="fragment" data-fragment-index="3" --></span><span> **2023**     <font size="-1">Géogebra, PyxelStudio, Pixel'art et MathAléa</font> <!-- .element: class="fragment" data-fragment-index="4" --></span><span> ...... <font size="-1">Vittasciences qui n'est pas libre.</font> <!-- .element: class="fragment" data-fragment-index="5" --></span><span> **2024**   <font size="-1">Web remplace Html et Logic-circuit</font> <!-- .element: class="fragment" data-fragment-index="6" --></span> ---- ### Les dernières évolutions Géogebra : Géométrie 2D  ---- ### Les dernières évolutions Géogebra : Géométrie 3D  ---- ### Les dernières évolutions Géogebra : Tableur  ---- ### Les dernières évolutions Géogebra : Calcul formel  ---- ### Les dernières évolutions Géogebra : Tableur & Calcul formel <font size="-1">Étendez les cellules A3 et B3 vers le bas.</font> <iframe scrolling="no" title="Tableur + Calcul formel" src="https://www.geogebra.org/material/iframe/id/hte8kvwe/width/509/height/536/border/888888/sfsb/true/smb/true/stb/true/stbh/false/ai/true/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false" width="509px" height="536px" style="border:0px;"> </iframe> ---- ### Les dernières évolutions Intégration de [PyxelStudio](https://www.pyxelstudio.net/) qui utilise la librairie [PYXEL](https://github.com/kitao/pyxel)  <!-- .slide: data-transition="none-out" --> ---- <!-- .slide: data-transition="none-in" --> ### Les dernières évolutions Intégration de [PyxelStudio](https://www.pyxelstudio.net/) qui utilise la librairie [PYXEL](https://github.com/kitao/pyxel)  <!-- .slide: data-transition="none-out" --> ---- ### Les dernières évolutions Voici une image d'un jeu réalisé lors de la [nuit du code](https://www.nuitducode.net/à) avec [PyxelStudio](https://www.pyxelstudio.net/). <img src="https://www.pyxelstudio.net/img/soldat.gif"> ---- ### Les dernières évolutions Pixel'Art <font size="-1"> utilisable dès l'école primaire</font>  <!-- .slide: data-transition="none-out" --> ---- <!-- .slide: data-transition="none-in" --> ### Les dernières évolutions Pixel'Art <font size="-1"> Exécution pas à pas pour comprendre le code</font>  ---- ### Les dernières évolutions Après une année de développement par Capytale, **Web** remplace **HTML**. Il est désormais possible : <span> - de créer un site avec plusieurs fichiers html, <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - de paramètrer finement la gestion des fichiers par les élèves, <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - de désactiver l'affichage des entêtes html pour simplifier la prise de contact avec ce langage, <!-- .element: class="fragment" data-fragment-index="3" --></span><span> - De désactiver l'affichage temps réel du résultat, <!-- .element: class="fragment" data-fragment-index="4" --></span><span> - de récupérer le site complet dans un unique zip. <!-- .element: class="fragment" data-fragment-index="5" --></span> ---- ### HTML  <!-- .slide: data-transition="none-out" --> ---- ### Web  <!-- .slide: data-transition="none-in" --> ---- ### Les dernières évolutions Un notebook python peut être séquencé.<span> - créé par **Capytale** suite à une demande du Collège de France pour ce [chalenge](https://challengedata.ens.fr/). <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Les élèves aiment faire apparaitre une suite.<!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Ils sont alors un peu comme dans un jeu, une quête, où chaque apparition les valorise.<!-- .element: class="fragment" data-fragment-index="3" --></span><span> - Il semble que les élèves ont alors plus envie de trouver la solution et <!-- .element: class="fragment" data-fragment-index="4" --></span><span> - soient plus enclins à demander de l'aide, là où ils auraient pu baisser les bras.<!-- .element: class="fragment" data-fragment-index="5" --></span> ---- ### Les dernières évolutions Une démonstration de notebook séquencé. <iframe title="NB_seq_court" width="960" height="540" src="https://tube-sciences-technologies.apps.education.fr/videos/embed/827c2d9f-95ae-498b-9a85-251083fefdd9" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe> ---- ### Les dernières évolutions Electronique numérique [Github ](https://github.com/jppellet/) <font size="-5">Les enseignants de NSI vont adorer</font>  <!-- .slide: data-transition="convex" --> ---- ### Les dernières évolutions Carte microBit de [Vittascience](https://fr.vittascience.com/)<font size="-5">Toute la gestion d'une carte microbit.</font>  ---- ### Les dernières évolutions MathAléa vue enseignant préparation  ---- ### Les dernières évolutions MathAléa vue élève  ---- ### Les dernières évolutions MathAléa vue enseignant correction  ---- ### Les dernières évolutions Bloc python de [Vittascience](https://fr.vittascience.com/)  <!-- .slide: data-transition="none-out" --> ---- ### Les dernières évolutions Bloc python de [Vittascience](https://fr.vittascience.com/)  <!-- .slide: data-transition="none-in" --> ---- ### Les dernières évolutions <span> - Partenariat gestion des activités : <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - [Math aléa](https://coopmaths.fr/alea/) (Exerciseur de ) <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - [](https://fr.vittascience.com/) (Beaucoup des activités vittascience sont dans Capytale ... ) <!-- .element: class="fragment" data-fragment-index="3" --></span><span> - L'accès hors ENT est désormais possible [ici](https://capytale2.ac-paris.fr/web/c-auth/login). <!-- .element: class="fragment" data-fragment-index="4" --></span> [retour au sommaire](#/1) --- ### Un peu de technique <span> - Où sont les serveurs ?<!-- .element: class="fragment" data-fragment-index="1" --></span> <span> - Où sont stockés les fichiers activités ?<!-- .element: class="fragment" data-fragment-index="2" --></span> <span> - Où sont stockées les copies des élèves ?<!-- .element: class="fragment" data-fragment-index="3" --></span><span> À la Direction des Systèmes d'Information de l'académie de Paris. **DSI** de **Paris**</span> <!-- .element: class="fragment" data-fragment-index="4" --> ---- ### Quels logiciels font tourner Capytale ?<span> **LAMP**(Linux, Apache, MySQL, PhHP) côté serveur <!-- .element: class="fragment" data-fragment-index="1" --></span><span> et de plus en plus de **Javascript** (React, Vue) côté client. <!-- .element: class="fragment" data-fragment-index="2" --></span> ---- ### Comment se passe l'identification ? <span> - Un utilisateur connecté à un ENT, posséde un identifiant unique dans cet ENT. <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Si cet ENT a un partenariat avec Capytale, un connecteur SSO nous fournit cet identifiant, le nom, le prénom et la fonction (enseignant ou élève) de l'utilisateur. <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Ces seules données suffisent au fonctionnement et garantissent le respect de la RGPD. <!-- .element: class="fragment" data-fragment-index="3" --></span> ---- <span> ### Nombre de connexions par semaine  <!-- .element: class="fragment" data-fragment-index="1" --></span> --- #### La bibliothèque enseignants <!-- .slide: data-background="https://minio.apps.education.fr/codimd-prod/uploads/upload_cae9f69c934f245027e4c0f5ce4b4243.png"-->  <span> - Espace de partage sous licence [](https://creativecommons.org/licenses/by-sa/4.0/legalcode.fr), <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - dès l'origine de Capytale, <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - commune à tous les types d'activités. <!-- .element: class="fragment" data-fragment-index="3" --></span><span> - Chaque enseignant peut <!-- .element: class="fragment" data-fragment-index="4" --></span><span> - Importer une activité de la bibliothèque. <!-- .element: class="fragment" data-fragment-index="5" --></span><span> - Déposer une activité depuis son espace. <!-- .element: class="fragment" data-fragment-index="6" --></span><span> - Chercher une activité. <!-- .element: class="fragment" data-fragment-index="7" --></span> ----  ---- #### Évolution de la bibliothèque <span> La croissance de la bibliothèque est quasi exponentielle. <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - 4200 partages le 10 janvier, <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - 4400 le 3 février,<!-- .element: class="fragment" data-fragment-index="3" --></span><span> - 4500 le 18 février,<!-- .element: class="fragment" data-fragment-index="4" --></span><span> - 4700 le 14 mars.<!-- .element: class="fragment" data-fragment-index="5" --></span> <!-- .slide: data-transition="zoom-out" --> ---- #### Elle doit cependant continuer à rendre service Un utilisateur doit pouvoir trouver son bonheur malgré la pléthore d'activités. On y travaille : <span> - L'année dernière : indexation . <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Cette année : labellisation. <!-- .element: class="fragment" data-fragment-index="2" --></span> ---- #### Indexation <span> De 1000 index librement créés avec des doublons et/ou des orthographes approximatives à [384 index organisés](http://b.rynhe.de.tioch.free.fr/384_index.html). <!-- .element: class="fragment" data-fragment-index="1" --></span><span> Une indexation facilement utilisable <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - lors de la dépose et <!-- .element: class="fragment" data-fragment-index="3" --></span><span> - lors d'une recherche. <!-- .element: class="fragment" data-fragment-index="4" --></span> ----  ---- #### Amélioration de la recherche  ---- #### Labellisation en cours On a 3 certitudes :<span> - La bibliothèque contient des perles éducatives non identifiées. Le nombre de copies n'est pas un indicateur suffisant.<!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Il faut pouvoir dépublier des activités sans aucun intérêt.<!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Il faut des décideurs.<!-- .element: class="fragment" data-fragment-index="3" --></span> ---- #### Comité éditorial constitué des personnes qui décideront. <span> - 5 à 6 personnes actuellement. <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Nous avons d'ores et déjà défini les droits et devoirs du comité. <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Le travail en cours va sans doute amener l'ajout de fonctionnalités autour de chaque activité. <!-- .element: class="fragment" data-fragment-index="3" --></span><span> [retour au sommaire](#/1) <!-- .element: class="fragment" data-fragment-index="4" --></span> --- ### Bilan bibliothèque <span> Pour rendre utilement accessible des travaux pédagogiques (et plus généralement intellectuels) libres depuis un dépôt centralisée, il est nécessaire de l'organiser. <!-- .element: class="fragment" data-fragment-index="1" --></span> <span> - C'est mieux si on peut l'anticiper. <!-- .element: class="fragment" data-fragment-index="2" --></span> <span> - On peut y arriver à postériori. <!-- .element: class="fragment" data-fragment-index="3" --></span> <span> - On va y arriver. <!-- .element: class="fragment" data-fragment-index="4" --></span> <span> - Ce sera peut-être long, mais la voie est libre. <!-- .element: class="fragment" data-fragment-index="5" --></span> <span>  <!-- .element: class="fragment" data-fragment-index="5" --></span> ---- ### Bilan  <span> - Nous sommes ravis d'avoir pu vous présenter l'écosystème Capytale et son évolution. <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Nous sommes convaincus que Capytale apporte une réelle plus value pédagogique en simplifiant la gestion des copies numériques. <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Nous sommes convaincus que plus Capytale sera utilisé, plus les activités de grande qualité essaimeront. <!-- .element: class="fragment" data-fragment-index="3" --></span> ---- ## Remerciements <span> - Merci à l'**ensemble** des acteurs des logiciels libres sans qui Capytale n'existerait pas. <!-- .element: class="fragment" data-fragment-index="1" --></span><span> - Merci aux formats libres qui permettent ce travail et assure la pérennité des productions. <!-- .element: class="fragment" data-fragment-index="2" --></span><span> - Merci aux DANE, aux DRANE et aux Inspecteurs qui soutiennent les communs numériques. <!-- .element: class="fragment" data-fragment-index="3" --></span><span> [retour au sommaire](#/1) $\phantom{décalage à droite tooooooouuuute}$ <font size="-5">Diaporama propulsé par [CodiMD](https://codimd.apps.education.fr/) une [](https://portail.apps.education.fr/)</font> <!-- .element: class="fragment" data-fragment-index="4" --></span> --- # Vous avez Une question, une opinion, une idée…  ### N'hésitez pas : Discutons [retour au sommaire](#/1) $\phantom{décalage à droite tooooooouuuute}$ <font size="-5">Diaporama propulsé par [CodiMD](https://codimd.apps.education.fr/) une [](https://portail.apps.education.fr/)</font>