Unidad 1: Ambiente MakeCode
Microsoft MakeCode es una plataforma gratuita de código abierto para la creación de experiencias atractivas de aprendizaje de la informática que ayudan a progresar hacia la programación real. Make Code for micro:bit es un editor basado en la web que le permite crear programas utilizando bloques con funciones específicas. También se conoce como lenguaje de programación gráfico y es compatible con todos los navegadores y plataformas web modernas.
Ingreso a MakeCode for mico:bit
Para ingresar al editor de MakeCode for micro: bit debe realizar los siguientes pasos:
Ingrese al software desde el acceso que tenga disponible
MakeCode for micro:bit
Le debe aparecer en su pantalla el editor "MakeCode for micro:bit", algo parecido a esto:
Ahora solo falta que realice las siguientes configuraciones:
1. Maximice la ventana del editor MakeCode for micro:bit
2. Cambie el lenguaje del editor a Español. Haga clic al "engrane"
3. Seleccione la opción "Language"
4. Busque y haga clic en el idioma "Español (España)"
¡Listo!
Ya tiene configurado el editor MakeCode
Interfaz MakeCode for micro:bit
La interfaz de MakeCode for micro:bit se compone de cinco secciones, haga clic en cada uno de los números para conocer más sobre cada sección
Mi primer proyecto en MakeCode for micro:bit
Es hora de que construya su primer proyecto. Este consiste en mostrar una carita “sonriente” tanto en el simulador como en la tarjeta física micro:bit.
Siga los siguientes pasos:
Ingrese a MakeCode for micro:bit (si no lo ha hecho aún). Si cuenta con Internet puede utilizar la versión en línea. (https://makecode.microbit.org/ )
Conecte la tarjeta micro:bit al computador utilizando el cable USB. Al conectar la tarjeta aparece una ventana llamada “MICROBIT”, es aquí donde debemos copiar los archivos (.hex) realizados para que la tarjeta los ejecute, en caso de que trabaje en línea.
Ya puedes programar la micro: bit.
Mi primer Proyecto
Es momento de comenzar tu primer proyecto en MakeCode ¡Adelante!
Haz clic en "Nuevo Proyecto"
Escribe el nombre del proyecto, en este caso “MiPrimerProyecto” y de clic en el botón crear.
Seleccione la categoría de bloques llamada “Básico”
Arrastre el bloque “mostrar ícono” al “área de codificación”, específicamente dentro de bloque “para siempre”
Haga clic en la “pantallita de led´s” del bloque “mostrar ícono” y seleccione la “carita feliz”
Observe que el simulador muestra la carita feliz en los led´s
Si realiza algún cambio al proyecto, haga clic en el botón “Descargar”, para que se actualice el archivo (.hex) de la tarjeta y pueda ejecutar los cambios que se han realizado.
10
Si desea guardar esos cambios en su archivo local no olvide hacer clic en el botón “Guardar Proyecto”
11
¡Felicidades!
Ha logrado realizar su primer programa con el editor MakeCode y la tarjeta micro:bit. Se le invita a experimentar realizando cambios al programa que realizó y así practicar para lograr asimilar mejor el ambiente del editor. Adelante…
Créditos
Diseño instruccional y didáctico Joylin Mojica Silva
Año 2024
Computación Física con Tecnología micro:bit © 2024 de Fundación Omar Dengo está licencia bajo Creative Commons Reconocimiento-NoComercial-SinDerivados 4.0 Internacional
2. Controles del Editor
Inferior
1. Descargar: El botón Descargar copiará su programa en la unidad externa a su computadora.2. Guardar proyecto: Puede escribir un nombre para su proyecto y guardarlo. Escriba un nombre para el proyecto en el cuadro de texto y presione el icono del disco para guardar. 3. Deshacer y rehacer: Le permite deshacer y rehacer los cambios recientes que realice en Bloques o JavaScript. 4. Acercar y alejar: Los botones de enfoque cambiar el tamaño de los bloques cuando está trabajando en la vista Bloques. Cuando trabajas con el código en la vista de JavaScript, los botones de enfoque cambian el tamaño del texto.
3. Simulador
Proporciona una salida sin el hardware real mientras que se está construyendo el código. Los siguientes botones pueden usarse para controlar el comportamiento del simulador: 1. Iniciar/detener el simulador: detiene el programa y se reinicia desde el principio. 2. Reiniciar el simulador: reinicia el programa. (salida) desde el principio. 3. Modo depuración: se puede detener o reiniciar la depuración y mostrar en cámara lenta. 4. Silenciar audio: silencia el audio cuando está trabajando con música y voz. 5. Captura de pantalla: muestra una foto del simulador en modo de pantalla completa. 6. Iniciar en pantalla completa: muestra el simulador en modo de pantalla completa. 7. Mostrar/Ocultar el simulador: El botón se puede usar para mostrar u ocultar el simulador con un clic.
5. Área de codificación
Bloques - Java Script
1. Descargar: En el modo Bloques podemos arrastrar los bloques de programación al espacio de trabajo para poder construir un el programa. 2. JavaScript: En el modo JavaScript podemos programar mediante código en el espacio de trabajo para poder construir el programa Ejemplo: basic.forever(function () {
})
1. Controles del Editor
Superior
1. Microbit: Lleva a la pantalla de inicio donde se muestra la página inicial de MakeCode, muestra las carpetas "Mis Proyectos" y también "Tutoriales" donde se almacenan los proyectos y/o creamos nuevos proyectos e importamos. 2. Bloques o JavaScript: Le permite cambiar la vista del código de bloques a Java Script y viceversa. Presione uno de los botones de vista en la parte superior de la ventana 3. Home: Este botón tambien de lleva a la pantalla de inicio. 4.Compartir: Muestra la ventana de compartir que le permite publicar su proyecto en la nube pública e incrustar su proyecto en una página web con diferentes opciones. 5. Ayuda: Muestra un menú con opciones de ayuda como soporte, referencia, bloques, JavaScript y hadware. 6. Engranaje: Le permite acceder a la configuración del proyecto, agregar extensiones, imprimir, eliminar el proyecto actual, eliminar todos los proyectos, elegir un idioma, activar alto contraste y pantalla verde activada.
4. Cuadro de herramientas
Proporciona bloques en categorías. También le permite buscar o agregar más extensiones al cuadro de herramientas, si están disponibles. Los siguientes son los elementos del cuadro de herramientas: 1. Categorías: Son las categorías de bloques esenciales del MakeCode for micro:bit. 2. Extensiones: Permite buscar e incorporar más extensiones al cuadro de herramientas si se encuentran disponibles. 3. Categorías Avanzado: Muestra las categorías avanzadas del MakeCode for micro:bit.
Ambiente Make Code
Ciudadanía FOD
Created on July 30, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Florida Neon Presentation
View
Blackboard Presentation
View
Genial Storytale Presentation
View
Historical Presentation
View
Psychedelic Presentation
View
Memories Presentation
View
Animated Chalkboard Presentation
Explore all templates
Transcript
Unidad 1: Ambiente MakeCode
Microsoft MakeCode es una plataforma gratuita de código abierto para la creación de experiencias atractivas de aprendizaje de la informática que ayudan a progresar hacia la programación real. Make Code for micro:bit es un editor basado en la web que le permite crear programas utilizando bloques con funciones específicas. También se conoce como lenguaje de programación gráfico y es compatible con todos los navegadores y plataformas web modernas.
Ingreso a MakeCode for mico:bit
Para ingresar al editor de MakeCode for micro: bit debe realizar los siguientes pasos:
Ingrese al software desde el acceso que tenga disponible
MakeCode for micro:bit
Le debe aparecer en su pantalla el editor "MakeCode for micro:bit", algo parecido a esto:
Ahora solo falta que realice las siguientes configuraciones:
1. Maximice la ventana del editor MakeCode for micro:bit
2. Cambie el lenguaje del editor a Español. Haga clic al "engrane"
3. Seleccione la opción "Language"
4. Busque y haga clic en el idioma "Español (España)"
¡Listo!
Ya tiene configurado el editor MakeCode
Interfaz MakeCode for micro:bit
La interfaz de MakeCode for micro:bit se compone de cinco secciones, haga clic en cada uno de los números para conocer más sobre cada sección
Mi primer proyecto en MakeCode for micro:bit
Es hora de que construya su primer proyecto. Este consiste en mostrar una carita “sonriente” tanto en el simulador como en la tarjeta física micro:bit.
Siga los siguientes pasos:
Ingrese a MakeCode for micro:bit (si no lo ha hecho aún). Si cuenta con Internet puede utilizar la versión en línea. (https://makecode.microbit.org/ )
Conecte la tarjeta micro:bit al computador utilizando el cable USB. Al conectar la tarjeta aparece una ventana llamada “MICROBIT”, es aquí donde debemos copiar los archivos (.hex) realizados para que la tarjeta los ejecute, en caso de que trabaje en línea.
Ya puedes programar la micro: bit.
Mi primer Proyecto
Es momento de comenzar tu primer proyecto en MakeCode ¡Adelante!
Haz clic en "Nuevo Proyecto"
Escribe el nombre del proyecto, en este caso “MiPrimerProyecto” y de clic en el botón crear.
Seleccione la categoría de bloques llamada “Básico”
Arrastre el bloque “mostrar ícono” al “área de codificación”, específicamente dentro de bloque “para siempre”
Haga clic en la “pantallita de led´s” del bloque “mostrar ícono” y seleccione la “carita feliz”
Observe que el simulador muestra la carita feliz en los led´s
Si realiza algún cambio al proyecto, haga clic en el botón “Descargar”, para que se actualice el archivo (.hex) de la tarjeta y pueda ejecutar los cambios que se han realizado.
10
Si desea guardar esos cambios en su archivo local no olvide hacer clic en el botón “Guardar Proyecto”
11
¡Felicidades!
Ha logrado realizar su primer programa con el editor MakeCode y la tarjeta micro:bit. Se le invita a experimentar realizando cambios al programa que realizó y así practicar para lograr asimilar mejor el ambiente del editor. Adelante…
Créditos
Diseño instruccional y didáctico Joylin Mojica Silva
Año 2024
Computación Física con Tecnología micro:bit © 2024 de Fundación Omar Dengo está licencia bajo Creative Commons Reconocimiento-NoComercial-SinDerivados 4.0 Internacional
2. Controles del Editor
Inferior
1. Descargar: El botón Descargar copiará su programa en la unidad externa a su computadora.2. Guardar proyecto: Puede escribir un nombre para su proyecto y guardarlo. Escriba un nombre para el proyecto en el cuadro de texto y presione el icono del disco para guardar. 3. Deshacer y rehacer: Le permite deshacer y rehacer los cambios recientes que realice en Bloques o JavaScript. 4. Acercar y alejar: Los botones de enfoque cambiar el tamaño de los bloques cuando está trabajando en la vista Bloques. Cuando trabajas con el código en la vista de JavaScript, los botones de enfoque cambian el tamaño del texto.
3. Simulador
Proporciona una salida sin el hardware real mientras que se está construyendo el código. Los siguientes botones pueden usarse para controlar el comportamiento del simulador: 1. Iniciar/detener el simulador: detiene el programa y se reinicia desde el principio. 2. Reiniciar el simulador: reinicia el programa. (salida) desde el principio. 3. Modo depuración: se puede detener o reiniciar la depuración y mostrar en cámara lenta. 4. Silenciar audio: silencia el audio cuando está trabajando con música y voz. 5. Captura de pantalla: muestra una foto del simulador en modo de pantalla completa. 6. Iniciar en pantalla completa: muestra el simulador en modo de pantalla completa. 7. Mostrar/Ocultar el simulador: El botón se puede usar para mostrar u ocultar el simulador con un clic.
5. Área de codificación
Bloques - Java Script
1. Descargar: En el modo Bloques podemos arrastrar los bloques de programación al espacio de trabajo para poder construir un el programa. 2. JavaScript: En el modo JavaScript podemos programar mediante código en el espacio de trabajo para poder construir el programa Ejemplo: basic.forever(function () { })
1. Controles del Editor
Superior
1. Microbit: Lleva a la pantalla de inicio donde se muestra la página inicial de MakeCode, muestra las carpetas "Mis Proyectos" y también "Tutoriales" donde se almacenan los proyectos y/o creamos nuevos proyectos e importamos. 2. Bloques o JavaScript: Le permite cambiar la vista del código de bloques a Java Script y viceversa. Presione uno de los botones de vista en la parte superior de la ventana 3. Home: Este botón tambien de lleva a la pantalla de inicio. 4.Compartir: Muestra la ventana de compartir que le permite publicar su proyecto en la nube pública e incrustar su proyecto en una página web con diferentes opciones. 5. Ayuda: Muestra un menú con opciones de ayuda como soporte, referencia, bloques, JavaScript y hadware. 6. Engranaje: Le permite acceder a la configuración del proyecto, agregar extensiones, imprimir, eliminar el proyecto actual, eliminar todos los proyectos, elegir un idioma, activar alto contraste y pantalla verde activada.
4. Cuadro de herramientas
Proporciona bloques en categorías. También le permite buscar o agregar más extensiones al cuadro de herramientas, si están disponibles. Los siguientes son los elementos del cuadro de herramientas: 1. Categorías: Son las categorías de bloques esenciales del MakeCode for micro:bit. 2. Extensiones: Permite buscar e incorporar más extensiones al cuadro de herramientas si se encuentran disponibles. 3. Categorías Avanzado: Muestra las categorías avanzadas del MakeCode for micro:bit.