Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mioio AppInventor Novadors

577 views

Published on

Presentación para taller #Trastejant "Aula Maker con mioio" en Jornades Novadors
Valencia 7 julio 2017

Published in: Education
  • Be the first to comment

  • Be the first to like this

Mioio AppInventor Novadors

  1. 1. Robótica en aula “maker” con mioio AppInventor
  2. 2. Bernat Llopis @inedu “Lo difícil se consigue, lo imposible se intenta”
  3. 3. Hablaremos de... Diseñar y programar, competencias y cultura maker. Características de la tarjeta MIOIO. Características de MIOIO - App Inventor Diseñar y programar con MIOIO - App Inventor.
  4. 4. Diseñando y programando en los talleres MIOIO-App Inventor es un kit educativo que acerca la robótica y la programación a los alumnos. Diseñan objetos programados a través de smartphones. Aprenden conceptos básicos de programación. Aprenden a diseñar apps para móviles.
  5. 5. Trabajando por competencias En ByLinedu, durante las actividades de robótica y programación realizadas con MIOIO-AppInventor, trabajamos las siguientes competencias: Competencia digital: trabajando con herramientas 2.0 y dispositivos móviles. Competencia de trabajo en equipo: compartiendo información y realizando pruebas sobre diferentes aplicaciones, se promueven actitudes colaborativas del alumnado. Competencia de aprender a aprender: el alumnado adquiere esta competencia tan esencial a través del autoaprendizaje, buscando soluciones a los retos planteados.
  6. 6. Trabajo colaborativo
  7. 7. Desarrollando la cultura “maker” MIOIO-App Inventor permite centrar al alumno en desarrollar su lado más creativo y “maker”. Los alumnos emplean su tiempo, no tanto en aprender complicados algoritmos de programación sino en comprender los aspectos más lógicos…. para lograr resultados tangibles a corto plazo.
  8. 8. ¿Qué es MIOIO? MIOIO es una tarjeta de desarrollo electrónico especialmente diseñada para trabajar con dispositivos Android, dotándolos de características añadidas: control de motores servos adquisición de señales proporcionadas por sensores. version 1 version 2
  9. 9. ¿Cómo funciona la tarjeta MIOIO? No se programa la tarjeta, se programa el dispositivo móvil. La programación está basada en bloques (tipo SCRATCH). Se comunica por medio de un dispositivo USB Bluetooth. El programa, se descarga en el móvil al escanear un código QR.
  10. 10. https://youtu.be/lw6lQvf76kY
  11. 11. ¿ MIOIO vs Arduino? MIOIO Arduino Plataforma abierta X Plataforma abierta X Compatible con periféricos... X Compatible con periféricos... X Usa las funciones de un Android (sensores, bluetooth, redes sociales, email, reproductores de video y música, cámara, reconocimiento de voz,..) X
  12. 12. ¿Qué es MIOIO - App Inventor? Es una combinación de App Inventor + placa MIOIO, App Inventor: software de programación por bloques, para dispositivos Android, Placa electrónica MIOIO: integrada en objetos
  13. 13. ¿Qué podemos diseñar? Construir objetos y programarlos robots, juguetes, máquinas de burbujas, aplicaciones de domótica, plataformas de juegos ...y mucho más.
  14. 14. ¿Qué podemos programar? Diseñar una aplicación completa que controla un robot que, evita obstáculos, sigue líneas, obedece a nuestras órdenes por voz. ...
  15. 15. Vamos a probar Abre la siguiente página: http://mioio-appinventor.appspot.com/ o http://mioio-appinventor2.appspot.com/ (placas verdes)
  16. 16. Ya estamos dentro
  17. 17. Comenzar un nuevo proyecto Si no hemos abierto sesión en Google, el navegador nos pedirá que lo hagamos ahora.
  18. 18. Práctica 1. Encendiendo y apagando el Led Status • En esta primera práctica realizaremos lo más sencillo posible para verificar que estamos haciendo las cosas bien. • Encenderemos y apagaremos el Led Status de la tarjeta MIOIO. • Primero, dale un nombre al proyecto
  19. 19. Componentes para la aplicación Ahora ya podemos ver la aplicación entera para desarrollar nuestra práctica.
  20. 20. Así queda
  21. 21. Bloques de la aplicación • Es el momento de pulsar sobre Bloques. • Recuerda que existen varias secciones de Bloques Integrados, Screen1, etc. • Como en la pantalla de Diseñador hemos puesto un bloque Botón y otro MioioLed, son los que vemos ahora. Si añadimos más cosas a nuestro diseño de aplicación aparecerán aquí para poder definir su comportamiento. • Vamos a pulsar sobre el Bloque Botón1. Vemos que se nos despliega un menú con las propiedades y eventos que caracterizan a este Bloque
  22. 22. Visor botón
  23. 23. Arrastramos a la pantalla los eventos siguientes
  24. 24. pulsamos sobre el Bloque MioioLed • arrastraremos los bloques a la pantalla para que queden de la siguiente forma
  25. 25. Compilación e instalación de la aplicación Después de esperar un poco se generará un código QR que escaneamos con nuestro dispositivo Android para descargarlo e instalarlo. Una vez instalado, ya está todo para que probemos la aplicación con la tarjeta MIOIO.
  26. 26. Conectando y probando MIOIO conectar el cable de alimentación a la tarjeta MIOIO respetando la polaridad de estos. - No conectes el otro extremo aún - por pilas/batería por USB al ordenador
  27. 27. Conectando y probando MIOIO conectar el dispositivo Android a la tarjeta MIOIO. Por cable Por Bluethoot
  28. 28. Conectando y probando MIOIO darle corriente a la tarjeta, Conecta ahora el cable de alimentación de MIOIO a la fuente de tensión (o al USB del ordenador).
  29. 29. Práctica 2. mover un servomotor En esta práctica realizaremos un sencillo programa para controlar un servomotor
  30. 30. Componentes para la aplicación
  31. 31. Así queda
  32. 32. Bloques de la aplicación •pulsar sobre Bloques. •Recuerda la pantalla de Diseñador, son los bloques que vemos ahora. •Vamos a pulsar sobre el Bloque Deslizador
  33. 33. Piensa y arrastra los elementos
  34. 34. Desplaza los elementos del servo Para poner el valor del ángulo pasa el ratón sobre
  35. 35. Compilación, instala y prueba Como ya hiciste en la 1a práctica: • Genera el QR • Conecta el dispositivo a mioio (cable o BT) • Conecta la corriente (pila o USB al PC)
  36. 36. Práctica 3. mover un robot
  37. 37. Componentes para la aplicación Vas a necesitar cuatro (4) botones, uno para cada dirección. No te preocupes aún por el aspecto.
  38. 38. Así queda
  39. 39. Bloques de la aplicación •pulsar sobre Bloques. •Recuerda la pantalla de Diseñador, son los bloques que vemos ahora. •Vamos a pulsar sobre los bloques Boton para asignar la función a cada uno
  40. 40. Piensa y arrastra los elementos Recuerda: Cuando pulses el botón Adelante, los dos motores han de moverse hacia adelante al 100% de potencia. para ir marcha atrás, debes poner la siguiente función para los dos motores en el botón Atrás y la potencia al 100%
  41. 41. Para indicar la potencia En el bloque matemáticas, selecciona este
  42. 42. Alguna pista Para girar a la derecha, debes parar un motor valor (0); mientras pulses el botón girará Para dejar de girar suelta el botón; valor (0) en los dos motores
  43. 43. Compilación, instala y prueba Si ya has programado los 4 botones • Genera el QR • Conecta el dispositivo a mioio (cable o BT) • Conecta la corriente (pila o USB al PC)
  44. 44. Y ahora …. prueba, pregunta, experimenta

×