4.- MakeCode. Primeros pasos.

Como se vio anteriormente MakeCode se puede ejecutar online, si está disponible conexión a Internet u offline.

Para acceder directamente a la versión online de MakeCode para micro:BIT se debe introducir en el navegador la siguiente dirección: https://makecode.microbit.org/

A) Descripción General

  1. Simulador. Situado en el lado superior izquierdo de la pantalla, nos muestra una micro:BIT, dónde se puede ver la ejecución del programa. Esta sección es útil para depurar el código antes de volcarlo a la memoria de la micro:BIT.
  2. Caja de Herramientas. Situado en una columna vertical, al lado del simulador, allí se ubican los bloques de programación organizados por categorías. Al pulsar sobre el nombre de una categoría se abre, a la derecha, un desplegable donde aparecen los bloques más usados de la sección. Es importante fijarse en que justo debajo del nombre de la categoría, la mayoría de veces, aparece la opción … Más, si se pulsa se muestran el resto de bloques de la categoría. Una vez seleccionado el bloque a usar se debe arrastrar al área de programación.
  3. Área de programación. Situado a la derecha de la Caja de Herramientas, es la zona donde se arrastran los bloques para crear el programa.
  4. Barras de Herramientas. Situadas en la parte superior e inferior de la pantalla, ofrece atajos a la diferentes funcionalidades. En la parte superior:

Barra de herramientas

1.- Al pulsar sobre micro:bit lleva a la página https://microbit.org/code/ donde encontrar ejemplos de codificación en diferentes lenguajes de programación.

2.- La sección Proyectos permite elegir entre: 2.1. Mis Cosas. Aquí se puede crear un nuevo proyecto o importar un archivo previamente guardado, además de aparecer un listado de los programas más recientes, ordenados por fecha. 2.2. Proyectos. En esta sección se encuentran diferentes tutoriales, paso a paso, donde aprender a codificar la micro:BIT usando MakeCode. 2.3. Ejemplos. Se ofrecen varios códigos de ejemplo.

3.- Compartir. Permite al usuario compartir los códigos creados. En primer lugar se solicita “Publicar el Proyecto”, tras lo que aparece una nueva ventana, que ofrece un enlace y diferentes opciones de código para poder insertar en una página web.

4.- Permite intercambiar entre la visualización mediante bloques o ver el código escrito en JavaScript.

5.- En el extremo derecho de la Barra de Herramientas se encuentran las secciones de Ayuda, Configuración, acceso a la página principal de MakeCode y en naranja la sección primeros pasos, que ofrece un tutorial de uso. En la barra inferior aparecen los siguientes atajos:

6.- El primer icono de la izquierda, permite ocultar el simulador, lo que permite tener más espacio disponible en el Área de Programación.

7.- Descargar. Descarga el código a la micro:BIT. Se usará un nombre por defecto si no se asignó uno previamente.

8.- Pulsando sobre el icono del disquete, permite asignar un nombre y descargar el programa al disco duro.

9.- Las flechas permiten deshacer y rehacer los pasos de codificación.

10.- En el extremo derecho inferior aparece el icono “+” que aumenta el zoom del área de programación y el icono “-” que disminuye el zoom.

B) Cómo crear un programa con MakeCode

Lo primero que se necesita es decidir qué evento es el que inicia el código.

Por defecto, MakeCode, sitúa en el área de programación dos eventos con los que iniciar el código, estos son: al iniciar y para siempre.

También existen otros eventos que permiten iniciar el programa, situados en la categoría Entrada, son: al presionar el botón, al presionar pin o si agitado además permiten diferentes opciones.

Para crear el programa, se deberá ir arrastrando los diferentes bloques al área de programación.

Se podrá comprobar el funcionamiento del programa en el simulador situado a la izquierda. Además según los bloques introducidos, aparecerán diferentes opciones que permiten interactuar con el simulador.

C) Cómo descargar un código a la micro:BIT

Tras conectar la micro:BIT al ordenador, aparece esta como una nueva unidad. Terminado el programa y comprobado su correcto funcionamiento, se debe pulsar sobre el icono de descarga, lo que copia el código al ordenador con un nombre por defecto. Otra opción es introducir el nombre elegido en la caja situada al lado del icono del disco y pulsar sobre este para descargar. Ya solo queda copiar el fichero con extensión .hex a la unidad que apreció tras conectar la micro:BIT al ordenador.

ATENCIÓN PARA USUARIOS LINUX Y VITALINUX

Consultar la wiki https://wiki.vitalinux.educa.aragon.es/index.php/Rob%C3%B3tica_con_Vitalinux#Microbit

D) Cómo ejecutar el código.

Copiado el código, el programa comienza a ejecutarse de forma automática. Si se quiere usar la micro:BIT desconectada del ordenador, se debe conectar un pack de pilas o batería al conector situado junto al conector microUSB e inmediatamente se ejecutará el código descargado.


Revision #6
Created 1 February 2022 11:40:20 by Equipo CATEDU
Updated 15 November 2022 10:41:08 by Javier Quintana