Saltar la navegación

4.3. Nuestro editor de código

Retor dice | Como ya sabes, necesitamos programar nuestra placa micro:bit con un lenguaje de programación.

Pero, ¿dónde vamos a escribir nuestros programas?

De todo esto trata este apartado.

Como os puedes imaginar vamos a ver cosas muy importantes que no te puedes perder.

¡Prepárate y activa todos tus sentidos!

1. Conoce tu editor de código

Ha llegado el momento de conocer el editor de código que vamos a utilizar para crear nuestros programas.

Xeni os ha preparado un material gráfico que te va a resultar muy sencillo y fácil de seguir.

¿Cómo accedemos?

Para acceder a la página principal de micro:bit debes hacer clic aquí.

La siguiente imagen te permite interactuar con la pantalla de inicio y obtener más información.

A continuación, tienes toda la información de la imagen anterior:
  • Opción Idioma. Aquí podrás seleccionar el idioma con el que te sientas más a gusto.
  • Opción Empieza. Aquí encontraréis información muy interesante para empezar. Como por ejemplo:
    • Primeros pasos.
    • Guía del usuario.
    • Aprendizaje en casa.
  • Pestaña Proyectos. Aquí podéis encontrar ejemplos de proyectos explicados paso a paso. Estos proyectos están ordenados por materias, nivel y lenguaje de programación (Scratch, MakeCode y Python). ¡Tú eliges que quieres programar y que lenguaje vas a utilizar!
  • Pestaña Enseñar. Espacio para tu profesor o profesora.
  • Pestaña Vamos a programar. Como indica su nombre, desde aquí podéis acceder a los diferentes lenguajes de programación. Los más interesantes son:
    • MakeCode editor.
    • Python editor. Recordar que nosotros vamos a utilizar el editor de Python.
    • Scratch.
  • Pestaña Noticias. Espacio dedicado a las últimas noticias sobre la micro:bit. Aunque por ahora solo está en inglés, es muy recomendable echarle un vistazo.

Seleccionamos el editor de Python

Imagen de un botón que pone Python editor Una vez que hayas entrado en la página principal de micro:bit debéis acceder a "Vamos a programar" y desde ahí seleccionas el editor de Python.

También puedes acceder desde aquí.

Al abrir el editor os aparece la siguiente imagen:

Imagen de la ventana emergente que aparece al abrir el editor de Python. En la imagen se indican tres elementos importantes. El aspa de cerrar la ventana, el botón de probar la versión beta y el botón de no probar ahora.

En la imagen anterior se han destacado tres elementos. A continuación te explico su función:

  1. Cierra la ventana emergente y utilizamos la versión 2 del editor.
  2. Permite probar la versión 3 del editor de Python. De momento está en versión beta, por lo que podrá sufrir cambios.
  3. No probar la nueva versión y continuamos con la versión 2 del editor.

Editor Python V2

Vamos a conocer un poco mejor nuestro editor de código.

Para ello Xeni te ha preparado una imagen interactiva que te va a ayudar a conocerlo mucho mejor.

A continuación, te describo la imagen anterior:

  1. Micro:bit. Enlace a la página principal de micro:bit.
  2. Download. Descarga tu programa a tu computadora, en la carpeta Descargas. Recuerda que el fichero es del tipo nombre.hex.
  3. Connect. Te permite vincular nuestro ordenador a la placa micro:bit. Importante, la placa debe estar conectada al ordenador por el puerto USB.
  4. Load/Save. TE permite guardar y cargar un programa.
  5. Open Serial. Abre una ventana de comunicación con la placa micro:bit. Hace cuatro cosas:
    • Leer la entrada del usuario.
    • Evalúa tu código.
    • Imprime la respuesta.
    • Regresa al paso 1.

      Importante, se han detectado problemas de vinculación con el navegador Mozilla Firefox.

  6. Help. Aquí podrás encontrar:
    • Documentation.
    • Help.
    • Support.

      También podrás comprobar cuál es la versión del editor.

  7. Zoom in. Aumenta el tamaño de la zona de trabajo.
  8. Zoom out. Disminuye el tamaño de la zona de trabajo.
  9. Code Snippets. Code snippets o fragmentos de código, son bloques de código que se pueden reutilizar y nos facilitan nuestro trabajo.
  10. Selecionar idioma. Desde aquí podrás cambiar el idioma de la interfaz.
  11. Script Name. Se entiende por Script, un programa sencillo. Aquí le puedes poner el nombre a tu programa.
  12. Help. Ayuda rápida del editor, también se encuentra en la opción del punto 6.
  13. Líneas de programa. Numeración de las líneas de nuestro programa. Muy útil para encontrar aquellas líneas donde hay algún error de programación.
  14. Feedback. Feedback o retroalimentación, permite enviar comentarios a microbit.org.
  15. Zona de trabajo. Aquí es donde podemos escribir las líneas de nuestro código escrito.

Editor Python V3

Este nuevo editor viene con muchas mejoras, gracias a ellas vuestro trabajo será mucho más fácil.

Xeni te ha preparado la siguiente actividad interactiva, especialmente para ti.

A continuación, te muestro toda la información de la imagen anterior:

  1. Micro:bit. Desde aquí podrás acceder a la página de microbit.org.
  2. Referencias. Desde aquí puedes explorar el lenguaje Python y las características de tu micro:bit. Por ejemplo:
    • Variables (uso de las variables).
    • Display (diferentes formas de usar la matriz de LEDs).
    • Buttons (ejemplos de código para usar los pulsadores A y B).
    • ...
  3. Ideas. Aquí puedes encontrar proyectos que os pueden servir de inspiración. Además, puedes reutilizarlos.
  4. API. API, Interfaz de Programación de Aplicaciones. Es un conjunto de código que facilita la programación. Podrás encontrar:
    • Gc: podemos gestionar la memoria de nuestros programas.
    • Log: permite gestionar un historial de datos con la micro:bit.
    • Machine: utilidades de bajo nivel.
    • ...
  5. Project/Proyectos. Desde aquí podrás definir tus proyectos.
  6. Ajustes. Puedes acceder a:
    • Language, te permite cambiar el idioma. Por ahora, en inglés y en francés.
    • Setting, puedes personalizar el editor.
  7. Search. Permite buscar contenido dentro de las pestañas: Reference y API. ¡Cuidado!, debes escribir la palabra completa.
  8. Contraer/Desplegar. Permite aumentar el espacio de la zona de trabajo.
  9. Nombre del proyecto. Aquí podemos cambiar el nombre de nuestro proyecto.
  10. Zoom. Podemos hacer zoom+ para acercar o zoom- para alejar.
  11. Hacer/Deshacer. Permite hacer o deshacer los últimos cambios.
  12. Enviar a la micro:bit. Permite enviar nuestros programas a la microbit, es importante seguir los pasos que nos indican. Importante, con el navegador Mozilla Firefox se pueden dar problemas de vinculación.
  13. Save/Guardar. Desde aquí podemos guardar nuestro proyecto en el ordenador. Esta opción es la recomendada.
  14. Open/Cargar. Permite cargar un programa desde nuestro ordenador.
  15. Zona de trabajo. Aquí podemos escribir nuestro código.

Lumen dice ¿Quieres saber cuando será oficial la versión 3?

Dibujo de una persona indicando un reloj con una interrogación. El significado de la imagen es cuándo será el acontecimiento.Si estñas realizando esta actividad y el editor V3 aún está en fase beta, quiero que sepas que el lanzamiento oficial está previsto para finales de 2022.

2. Nosotros decidimos

Imagen que representa la decisión de elegir entre utilizar el editor de desarrollo de la versión dos o la versión tres. Xeni necesita saber qué versión de editor de código váis a utilizar, V2 o V3.

Creo que esta decisión la debemos tomar entre todos y todas.

Pero antes de tomar una decisión, es importante analizar las ventajas e inconvenientes que presenta cada editor de código.

Nuestra robot Xeni siempre está dispuesta a ayudarnos, esta vez os presenta un ejemplo de tabla. Fijaos en la siguiene imagen:

Imagen donde se ven las dos opciones de editores de desarrollo, la versión 2 y la versión 3. Cada versión dispones de dos recuadros uno verde para anotar las ventajas y otro rojo para los inconvenientes.

Estaréis de acuerdo que Xeni ha hecho un gran trabajo, ahora le toca a vuestro grupo. Aquí tenéis las indicaciones que debéis seguir:

  1. Repasad el apartado anterior dedicado a los dos editores.
  2. Anotad aquellas características que consideréis importantes.
  3. Discutid en el grupo las ventajas e inconvenientes de cada editor.
  4. Rellenad en vuestro cuaderno una tabla como la de la imagen anterior.
    • También podéis utilizar el ordenador para diseñar la tabla y rellenarla.
  5. Vuestro grupo deberá decidir qué versión prefiere utilizar.
  6. Compartid vuestra decisión con el resto de la clase, no olvidéis justificar vuestra decisión.

Seguro que ahora vuestra profesora o profesor tiene más claro qué editor vais a usar.

¡Recordar, vuestras opiniones tienen más valor si se justifican adecuadamente!

¿Os preocupa la expresión oral?

A veces ocurre que nadie quiere exponer las ideas del grupo en público.

Aquí tenéis la Guía para elaborar textos orales y escritos, donde encontraréis el recurso Recetas para mejorar la expresión oral.

Ahora, quizás haya un voluntario o voluntaria en vuestro grupo dispuesto a defender vuestras ideas.

¡Seguro que lo hacéis genial!

Motus dice ¿Cómo te has sentido?

Seguro que esta actividad te ha despertado muchas emociones.

Te invito a que reflexiones sobre las siguientes cuestiones:

  • ¿Has participado de forma activa en tu grupo?, ¿cómo te has sentido?
  • ¿En tu grupo reducido, has expuesto tu opinión?, ¿cómo valoras tu aportación?
  • ¿Has salido voluntario o voluntaria para exponer la decisión de tu grupo ante el resto de la clase?, ¿por qué?

Recuerda, es importante reflexionar sobre cómo nos hemos sentido al hacer una actividad. De esta forma podremos mejorar en las siguientes.

3. ¿Qué he aprendido sobre los editores de código?

Cuando empezaste este apartado, puede que te pareciese difícil.

Seguro que ahora te resulta mucho más fácil. Eso es porque has realizado un gran trabajo.

Ahora es el momento de comprobar todo lo que has aprendido. Para ello te planteo cuatro opciones. Elige aquella que consideres más apropiada a tus conocimientos. Si te resulta muy fácil, puedes hacer más.

Opción A: Repasamos lo más importante

Pregunta

1. Para escribir tus programas vas a necesitar:

Sugerencia

Vuelve a ver el apartado 2. Necesitamos un editor de código.

Respuestas

Una placa micro:bit.

Un editor de código.

Un ordenador.

Retroalimentación

Pregunta

2. En la siguiente imagen se puede ver un programa escrito en un editor de código de Python. ¿Sabes qué versión se ha utilizado?

Imagen donde se ve un código escrito en un entorno de desarrollo que tiene el fondo negro.

Sugerencia

Vuelve a ver el apartado 3. Conoce tu editor de código.

Respuestas

La versión 2.

La versión 3.

Retroalimentación

Pregunta

3. Prefiero la version 3 del editor de Python porque:

Sugerencia

En el apartado 4. Nosotros decidimos puedes encontrar información.

Respuestas

Se programa por bloques y es más sencillo.

La versión beta está en español.

Ofrece mucha información de ayuda a la programación.

Retroalimentación

Opción B: Creo que lo he comprendido

En este ejercicio deberás de dar un paso más y demostrar que lo has comprendido.

Intenta contestar a las siguientes preguntas:

  1. ¿Podrías poner un ejemplo de uso de un editor de código?
  2. ¿Qué puedes decir sobre la versión 3 del editor de Python?

Opción C: Ahora lo explico yo

Si has llegado hasta aquí te felicito, significa que dominas el tema.

Ahora te pido que compartas lo que has aprendido.

Contesta a las siguientes cuestiones:

  1. ¿Qué diferencias encuentras entre la versión 2 y la versión 3 del editor de Python?
  2. ¿Por qué crees que es necesario utilizar un editor de código para crear programas?

Opción D: Mi valoración personal

¡Enhorabuena por llegar hasta aquí!

Ahora me interesa saber:

  1. ¿Qué opinas sobre la información que podemos encontrar en la red?
  2. ¿Cómo puedes definir un editor de código?
  3. ¿Cómo valoras el trabajo que han realizado en la versión 3 del editor de Python?