GUIA SOFTWARE PARA PRINCIPIANTES
Bueno, si estás leyendo esto supongo que ya has practicado la guía hardware para principiantes. En esta segunda parte lo que vamos a realizar paso por paso es el programa básico para conectar y desconectar el LED STATUS de la tarjeta MIOIO.
Lo primero que nos va a hacer falta es un ordenador con conexión a internet y una cuenta de correo electrónico de Google, de esas que acaban en @gmail.com. Si no la tienes, y no sabes cómo conseguirla puedes pedirle a alguien que te ayude a crear una nueva para ti, o que te preste la suya.
Lo segundo que nos va a hacer falta es comprobar que nuestro dispositivo Android tenga una App para leer códigos de barras, si no lo tienes poder buscarlo en el PLAY STORE de GOOGLE poniendo “QR Code Reader”.
Y lo tercero, y no menos importante, es preparar nuestro dispositivo para que acepte aplicaciones que no estén en el Play Store, como es el caso de la que vamos a crear.
Para ello, en el dispositivo Android, entramos en Ajustes-> Seguridad y activamos la casilla donde pone Orígenes Desconocidos.
Genial, si ya tienes la cuenta de correo y el lector de códigos, ya podemos empezar.
- Abrimos un navegador de internet, que no sea Internet Explorer, y ponemos en la barra de direcciones http://mioio-appinventor.appspot.com este es el momento en el que nos pedirá el correo electrónico y la clave de GMAIL. Esto lo hace con el propósito de que nadie más que nosotros pueda acceder a las aplicaciones que hagamos.
- Una vez hayamos aceptado, entraremos en la aplicación MIOIO App Inventor 2.
- Ahora pulsaremos sobre el botón “Comenzar un proyecto nuevo…” y le ponemos el nombre que queramos a nuestro primer proyecto. Pulsamos Aceptar.Vemos que se nos abre una ventana con una ventanita en medio parecida a la de un móvil y un montón de botones y controles a la izquierda, no nos asustemos, puedes tomarte un tiempo viendo que es todo eso pulsando sobre ellos. Simplemente indicarte que hay componentes que necesariamente se verán en la pantalla de nuestro dispositivo Android, como por ejemplo un botón, y otros que no se verán, como por el ejemplo el GPS, o los bloques de la tarjeta MIOIO.Una vez te hayas familiarizado un poco con las cosas que has visto en el menú de la izquierda, observa como arriba a la izquierda hay dos botones, que pone “Diseñador” y “Bloques”. Esos botones indican las dos partes de la aplicación que necesitamos para realizar la aplicación Android. Vamos a probarlo con nuestro ejemplo.
- En la ventana de Diseñador vamos a seleccionar la categoría de la izquierda que pone “Interfaz de usuario” y arrastraremos con el ratón un “Botón” a la pantalla del móvil que hemos visto en medio.
Luego, pulsaremos sobre la categoría MIOIO-AppInventor-DigitalOut, y el control que hay más abajo, “Led_”, lo arrastraremos también a la pantalla del móvil.Ya tenemos los controles necesarios para poder encender y apagar el led STATUS de la tarjeta MIOIO.
- Muy bien, ahora lo que vamos a hacer es determinar el comportamiento de lo que queremos que ocurra cuando pulsemos sobre el botón o lo soltemos, en nuestro caso, lo que queremos que haga es que el Led de la tarjeta MIOIO se encienda o se apague.
Para ello ahora pasamos a la segunda parte del programa, la parte de los “Bloques”.
Es el momento de pulsar sobre el botón “Bloques” que hay en la parte izquierda-superior de la pantalla de nuestro ordenador.En esta nueva ventana, trabajaremos sobre un lienzo más grande que el anterior. Vemos que a la izquierda existen unos bloques en la categoría “integrados”, y otros que están bajo la categoría “Screen1”, estos últimos son los que hemos añadido nosotros.Ahora tómate un tiempo familiarizándote con ellos, tal y como lo hiciste con los componentes de la parte del “Diseñador”. - Estupendo, ahora ya estás listo.
Pulsa sobre el bloque Botón1. En la ventana que se abre selecciona “cuando Botón1.Presionar” y lo arrastras al lienzo. Haz lo mismo con el bloque “cuando Botón1.Soltar”. - Ahora pulsa sobre Led_1 y arrastra el bloque “llamar MioioLed1.ledoff” hasta dentro del bloque “cuando Botón1.presionar” que hemos utilizado antes. Como si fuera un puzzle.
Haz lo mismo con el bloque “llamar MioioLed2.ledon” pero esta vez arrástralo hasta dentro del otro bloque del Botón1, el que pone “cuando Botón1.Soltar” que hemos utilizado antes.
Esto es todo, ya tenemos el programa hecho, ahora solo queda “compilarlo”.
- En el menú de arriba del todo, donde pone Generar, pulsamos con el ratón, y donde pone App (generar código QR para el archivo .apk) volvemos a pulsar.
- Nos generará un código QR que escanearemos con el programa que hemos descargado de la Play Store.
Puedes desgargar el ejemplo compilado desde aquí: LED.apk
Hola:
Estoy desempolvando mi tarjeta mioio para aplicarla en un proyecto y cuando escaneo el código qr me dice que la aplicación companion no es la versión adecuada (no es la última) y que cambie pronto de versión. Me pdeis decir cual es la última app ?
gracias.
Hola Daniel, pues mira, está versión de AppInventor no soporta companion, esto es debido a que los bloques de MIOIO no están implementados. Lo mismo pasa con el emulador.
Con lo que para descargar la aplicación escaneada con cualquier lector de código de barras con el enlace que te proporciona.
Un saludo.
Ok gracias. Ya he conseguido pasar el programa de ejemplo que mostrais arriba (encender el led naranja al presionar y apagar al soltar) pero no va fino. en cuanto abre la aplicación y sinpulsar ya se enciende el led y aunque lo pulses y/o lo sueltes se queda fijo, como si se bloqueara la tarjeta. He revisado el programa y está bien. Cuando boton1 presionarer ejecutar llamar mioioled1 enciende led naranja y otro bloque cuando boton1 soltar ejecutar mioioled1 apaga led naranja. Voy a seguir experimentando.
Gracias.
Vale. es como si se hubiera quedado el primer ejemplo que he hecho y en el que me he equivocado en el comportamiento (poniendo en ambos casos encender, al pulsar y al soltar) y no hubiese forma de borrar el código de la placa porque responde igual aunque el programa que he hecho ahora fuera para activar otros pines. Hay alguna forma de resetear la mioio?
Salu2
Cuando programas con AppInventor la MIOIO, está preparado para que el led se encienda cuando conecte la MIOIO con el dispositivo Android. De esa forma sabes que está conectada.
Esto no termina de ir bien. Cuando ejecuto la app de prueba ioio hardware el led naranja el led naranja en principio esta apagado y con el movil lo enciendo y apago. Cuando ejecuto la aplicación del ejemplo de arriba, nada más abrir la aplicación ya se queda encendido, además el led del usb bluetooth se queda fija y ja no responde. A veces incluso la luz del usb se apaga. He mirado la versión de la placa y es la 1.0. Puede que en esta versión no funcione bien el entorno del app inventor?.es que con la app de prueba ioio hardware funciona de lujo. lo malo es cuando le paso un programa hecho por mi. Ya no se que puede ser. He probado con otro usb bluetoth pero no debe de ser compatible y no lo detecto. 🙁 Qué versión estais usando con app inventor?
Es muy importante que diferencies entre AppInventor y Eclipse.
Con AppInventor en cuanto la tarjeta se conecta a la aplicación del móvil, el led se debe encender, con Eclipse no.
La tarjeta no se programa, sólo se hace una aplicación para el móvil que se encarga de comunicar con la tarjeta.
Si te funcionó apagar el led, realmente todo va bien.
Intentaré colgar el ejemplo del led está semana para que lo descargues y lo pruebes.
gracias!! 😉