Voir la source de MakeCode

== Introduction ==

Microsoft MakeCode est une plateforme gratuite et basé sur le projet open source Microsoft Programming Experience Toolkit (PXT) pour l'apprentissage de la programmation qui a pour but de rendre l'informatique attractive pour tous les apprenants en proposant des programmes amusants, des résultats immédiats ainsi que des unités et des éditeurs de texte pour des apprenants de tout niveaux.

Il permet de créer du JavaScript/Blocks à l'aide d'éditeurs en ligne.

;Logiciels similaires

MakeCode, [[Snap!]] (voir Wiki anglais [https://edutechwiki.unige.ch/en/Snap! Snap!]) et [[Scratch]] ont en commun cette volonté de rendre visuel le langage de programmation et, ensuite, de travailler avec le code [[JavaScript]].

;MakeCode possède 3 outils principaux: 
* le simulateur, 
* le Block Editor et 
* l'éditeur JavaScript.

=== Simulateur ===

Ce simulateur interactif permet aux apprenants d'avoir un feedback immédiat sur la manière dont fonctionne le programme et rend facile le test et la correction de leur code.

=== Éditeur à l'aide de blocs ===

Les nouveaux apprenants codeurs peuvent commencer avec des blocs colorés qu'ils peuvent glisser et déposer dans l'espace de travail afin de construire leurs propres programmes.

=== Éditeur JavaScript ===

Une fois que les apprenants se sentent à l'aise avec les autres outils proposés, ils peuvent passer au codage [[JavaScript]] grâce à un éditeur complet avec des aides ou encore des détections d'erreurs pour les aider.

== Comment créer ses propres blocs?==

Pour décrire l'essentiel de l'éditeur MakeCode, il s'agit d'une combinaison de: un éditeur de blocs, un éditeur de langage, un simulateur cible et un générateur de code cible.
L'éditeur de blocs permet à l'utilisateur de créer de manière interactive en «faisant glisser» des blocs vers l'espace de travail de l'éditeur.

Les blocs représentent des actions de codage et des structures de programmation qui sont traditionnellement écrites en langage de programmation. Les éléments de codage tels que les boucles, les instructions conditionnelles et les événements contiennent des blocs avec d'autres blocs à l'intérieur.

== Environnements qui peuvent être programmés avec MakeCode ==

Plusieurs environnements peuvent être programmés avec MakeCode:
=== [[microbit]] ===

[[microbit|micro:bit]] est un micro-ordinateur de poche programmable, conçu pour l’enseignement et l’apprentissage permettant de créer de nombreuses choses comme par exemple des robots ou encore des instruments de musique.

L'éditeur MakeCode fourni par Microsoft permet de faciliter la programmation de micro:bit avec des blocs et [[JavaScript]].

; Lien pour accéder à l'éditeur en ligne:

[https://makecode.microbit.org/ MakeCode micro:bit]

==== Python Editor ====

Python Editor permet de pousser les compétences de codage plus loin. L'éditeur met à disposition des extraits ainsi que des images et de la musique afin de faciliter le codage.

; Lien pour accéder à l'éditeur en ligne:

[https://python.microbit.org/v/2.0 micro:bit Python Editor]

=== Circuit Playground Express ===

Circuit Playgroung Express est utilisé pour programmer [[Adafruit Circuit Playground Express]] ou [[Adafruit GEMMA]].

==== Adafruit ====

L'éditeur MakeCode en ligne pour  Playground Express est [https://makecode.adafruit.com Adafruit]. Le site inclut des tutoriels pas à pas et quelques exemples. La plateforme inclut des éléments de programmation, un espace de travail pour le programme et un simulateur.

==== Aperçu de l'environnement Makecode ==== 
Makecode est un environnement en ligne composé de trois parties (voir image ci-dessous)
* Le simulateur qui permet de tester votre code en cliquant sur "play".
* La boîte à outils des blocs qui vous donne des "blocs" pour coder.
** Les blocs de base (entrée, lumière, boucles ...)
** Blocs avancés en cliquant sur <code>Advanced</code>. Vous aurez 1) des blocs supplémentaires comme les pins, les fonctions et ainsi de suite et 2) des extensions qui vous donneront accès à des librairies spéciales comme les servos, gamepad, souris...
* L'espace de travail de codage où vous glissez et déposez les blocs de la boîte à outils.

Sur l'image ci-dessous, vous trouverez une présentation rapide de l'environnement :

[[Fichier:Environnement MakeCode Adafruit.jpg|sans_cadre]]



; Exemples de projets: 
[https://makecode.adafruit.com/projects Exemples de projets Adafruit]

==== [[Adafruit GEMMA]] ====

Adafruit GEMMA est une version miniature de l'Adafruit.

[https://learn.adafruit.com/introducing-gemma/introduction Introduction à GEMMA]

=== [[Minecraft]] ===

"[[Minecraft]] est un jeu vidéo de type « bac à sable » (construction complètement libre) développé par le Suédois Markus Persson, alias Notch, puis par le studio de développement Mojang. Il s'agit d'un univers composé de voxels et généré aléatoirement, qui intègre un système d'artisanat axé sur l'exploitation puis la transformation de ressources naturelles (minéralogiques, fossiles, animales et végétales)". [https://fr.wikipedia.org/wiki/Minecraft Source: Wikipedia Minecraft]

; Lien pour accéder à l'éditeur en ligne:
[https://minecraft.makecode.com/ Minecraft MakeCode]

=== LEGO MINDSTORMS Education EV3 ===

Mindstorms fait partie de la gamme "robotique programmable" de Lego. Il s'agit d'une brique intelligente qui permet, via des lignes de code, de créer des routines et des interactions avec les différentes briques connectées telles que se déplacer, attraper des objets, voir des objets etc. [https://fr.wikipedia.org/wiki/Lego_Mindstorms Source Wikipedia Lego Mindstorms]

; Lien pour accéder à l'éditeur en ligne:
[https://makecode.mindstorms.com/ Mindstorms MakeCode]

=== Cue ===

[[Cue]] est un robot pour les enfants qui s'intéressent au codage. Cue les aide à faire la transition entre le codage à l'aide des blocs pour démarrer et la programmation.

Les différentes étapes pour la programmation du robot sont décrites sur le site [https://www.makewonder.com/getting-started/cue/ Makewonder.com].

; Lien pour accéder à l'éditeur en ligne:
[https://code.makewonder.com/cue/#/ Cue]

; Lien pour télécharger l'éditeur:
* [https://www.microsoft.com/fr-ch/p/cue-by-wonder-workshop/9n7pl3r10p4s?activetab=pivot%3Aoverviewtab Lien pour le téléchargement sur Windows]
* [https://apps.apple.com/us/app/cue-by-wonder-workshop/id1270404396 Lien pour le téléchargement sur l'AppStore]
* [https://play.google.com/store/apps/details?id=com.makewonder.cue&hl=en Lien pour le téléchargement sur GooglePlay]
* [https://www.amazon.com/s?rh=n%3A2350149011%2Cp_4%3AWonder+Workshop%2C+Inc&ref=bl_dp_s_web_0 Lien pour le téléchargement sur Amazon]

=== Arcade ===

L'éditeur en ligne pour [[PyGamer]] et [[PyBadge]] est [https://arcade.makecode.com/| Arcade Makecode], c'est-à-dire l'environnement générique de programmation Microsoft Arcade.

; Lien pour accéder à l'éditeur en ligne:
[https://arcade.makecode.com/ Arcade MakeCode]

=== Chibi Chip ===

Chibitronics fabrique des autocollants de circuits et d'autres outils pour les circuits en papier, qui mélangent la construction de circuits et la programmation avec les arts et l'artisanat. C'est une façon conviviale d'apprendre, de concevoir et de créer votre propre électronique. Source: [https://chibitronics.com/ Site de Chibitronics]

; Lien pour accéder à l'éditeur en ligne:
[https://makecode.chibitronics.com/ Chibi Chip MakeCode]

== Substrat technique ==

Microsoft MakeCode est un cadre open source pour la création d'éditeurs en ligne JavaScript/Blocks.

Selon la page du projet Github [https://github.com/Microsoft/pxt], "Microsoft MakeCode est basé sur le projet open source Microsoft Programming Experience Toolkit (PXT). Microsoft MakeCode est le nom utilisé dans les éditeurs destinés aux utilisateurs, PXT est utilisé dans toutes les sources GitHub. PXT est un cadre pour la création d'expériences de programmation à usage spécifique pour les débutants, particulièrement axé sur l'enseignement de l'informatique. Le langage de programmation sous-jacent de PXT est un sous-ensemble de TypeScript (sans les fonctionnalités dynamiques de JavaScript). Les principales caractéristiques de PXT sont :
* un éditeur de code basé sur Blockly ainsi qu'un convertisseur au format texte.
* un éditeur de code Monaco qui alimente VS Code, les caractéristiques de l'éditeur sont listées ici.
* un support d'extensibilité pour définir de nouveaux blocs en TypeScript
* un émetteur de code machine ARM Thumb
* un gestionnaire de paquets en ligne de commande"

== Sources et informations supplémentaires ==
* [https://edutechwiki.unige.ch/en/MakeCode MakeCode sur EduTechWiki version anglaise]

=== Sites officiels de Microsoft et MakeCode ===
* [https://www.microsoft.com/en-us/makecode Page officielle Microsoft MakeCode]

=== Éditeurs en ligne ===
* [https://makecode.adafruit.com/ Adafruit MakeCode]
* [https://makecode.microbit.org/ micro:bit MakeCode]
* [https://python.microbit.org/v/2.0 micro:bit Python Editor]
* [https://minecraft.makecode.com/ Minecraft MakeCode]
* [https://makecode.mindstorms.com/ Mindstorms MakeCode]

; Informations additionnelles
* [https://makecode.microbit.org/blocks Introduction au langage avec des blocs sur Microbit.org]
* [https://makecode.com/docs Makecode.com] documentation technique

=== [[microbit|micro:bit]] ===
* [https://microbit.org/fr/ Site de micro:bit]

=== Adafruit ===

; Tutoriels
* [https://makecode.adafruit.com/docs Documentation Adafruit pour le Circuit Playground Express]
* [https://makecode.adafruit.com/courses/maker/general/coding/environment Environnement Makecode]
* [https://makecode.adafruit.com/courses/maker/general/coding Coder le Circuit Playground Express]: cours général pour apprendre à coder avec Makecode.

=== [[Minecraft]] ===
* [https://fr.wikipedia.org/wiki/Lego_Mindstorms Wikipedia Lego Mindstorms]
* [https://www.minecraft.net/fr-fr/ Site de Minecraft]

=== Lego ===
* [https://www.lego.com/fr-ch/product/lego-mindstorms-ev3-31313 Site Lego Mindstorms]

=== cue ===
* [https://www.makewonder.com/robots/cue/ cue]

=== Arcade ===
* [https://arcade.makecode.com/ Arcade MakeCode]

=== Chibi Chip ===
* [https://makecode.chibitronics.com/ Chibi Chip MakeCode]
* [https://chibitronics.com/ Chibitronics]

[[Category:Technologies]]
[[Category:Programmation]]
[[Category:Outils_auteur]]
[[Catégorie: Education au numérique]]
[[Catégorie:Electronique]]