BarcodeScanner: Cómo funciona el escáner de códigos QR en AppInventor

Hoy vamos con una entrada muy sencillita en la que vamos a aprender cómo funciona el escáner de códigos QR en AppInventor. Es una funcionalidad que nos puede dar mucho juego, y a la que seguro que le encontráis la aplicación fácilmente.

Como veréis es muy sencillo crear una aplicación para nuestro móvil que lea estos códigos. El uso que le des luego ya es cosa tuya ¡seguro que se te ocurren aplicaciones chulísimas con esto!.

Qué es un código QR:

Un código QR es un código bidimensional que almacena cualquier tipo de información: puede ser un texto, una dirección de internet, el teléfono de un contacto, ...

¿Y cuándo son útiles? sobre todo los utilizamos cuando queremos captar cierta información en nuestro teléfono móvil, para no tener que escribirla con el teclado, ya que algunas veces puede resultar más difícil.
Imagina por ejemplo, que yo te quiero pasar a tu móvil una dirección de internet en la que hay información. Te podría dictar esa dirección, pero es posible que no la escribieras bien a la primera, o que te costara un buen rato escribirla... En cambio, si pongo esa dirección en un código QR, tu teléfono es capaz de leerlo en un segundo, y llevarte a esa página rápidamente.

Habrás visto que cada vez se utilizan más estos códigos. Aquí tienes un par de ejemplos de uso:

• En algunos lugares turísticos ponen códigos QR en los diferentes elementos a visitar que contienen la dirección de la página en donde se explica cada elemento. Por ejemplo, cuando llegamos a la plaza encontramos un código que al escanearlo nos lleva a la web en la que se explica la información de la plaza... 
• En los paquetes de comida a veces aparecen códigos QR que llevan a la página donde se puede consultar los nutrientes, calorías, ... 

Nosotros mismos podemos generar códigos QR con la ayuda de una aplicación. Os recomendamos por ejemplo ésta: Generador de códigos QR. Puedes seleccionar si quieres crear un código con un texto, con un enlace, con un teléfono, ...

Para leer estos códigos desde nuestro teléfono móvil puedes usar una aplicación, por ejemplo éste gratuito: BarcodeScanner. ¿Adivinas qué pone en el código QR que acompaña a este texto?.

BarcodeScanner en AppInventor:

Si queremos leer un código QR desde nuestra aplicación para móviles y tablets Android hecha con Appinventor lo primero que deberemos hacer es incluir este componente en la pantalla deseada. Se quedará en la parte inferior de la pantalla, con los componentes no visibles.

Es recomendable poner también algún elemento que nos indique cuándo llamar al escáner QR, por ejemplo, un botón que al pulsarlo llame al escáner. En el ejemplo:

• Añado un botón llamado BEscanear.
• Añado un BarcodeScanner (componente no visible).
• Añado un Notifier para mostrar por pantalla el resultado del escáner (componente no visible).

Me voy a los bloques, y voy a programar las acciones que quiero que se hagan cuando el usuario pulse el botón de escanear.

Doy la instrucción de que cuando el usuario haga clic en el botón, lance el escáner.

De este modo, cuando el usuario haga clic en el botón se abrirá la aplicación de escáner de códigos QR e intentará detectar un código QR. Una vez que lo detecte tengo que pensar qué quiero hacer, en este caso lo voy a mostrar en el Notifier, para que salga un mensaje con el contenido del código QR.

De este modo le estoy indicando, que después de escanear, coja el resultado y lo muestre en el Notifier.
¡A que es fácil!.


Vamos a ir un poco más allá, y hacemos un ejemplo de una aplicación completa muy chula ¿te animas?. Si quieres, te esperamos en la siguiente entrada con una gimkana en la que tendremos que resolver varias adivinanzas y encontrar los códigos QR ocultos. -->> Ver ejemplo de aplicación Gimkana de códigos QR.