Generación de códigos QR
Enviado por Esteban Marinez • 23 de Octubre de 2022 • Ensayo • 524 Palabras (3 Páginas) • 63 Visitas
[pic 1] ¿CÓMO IMPLEMENTAR UN QR?
| DESCRIPCIÓN BREVE En la siguiente investigación podemos ver como generar y leer códigos QR a partir de distintas herramientas. Martinez Galarza Esteban de Jesus Acreditación Programación En Internet |
Generación de códigos QR
Zxing (“paso de cebra”), es una biblioteca de procesamiento de imágenes de código de barras 1D/2D (véase la imagen 1) multiformato de código abierto implementado en java, con port a diferentes idiomas.
Tanto la generación como la lectura de los códigos QR son desarrolladas con la implementación de la librería ZXingNetMobile en la cual se limita el formato del código a QR, ya que esta librería puede trabajar con diversos formatos de código de barras.
[pic 2]
Imagen 1.
Este simple ejemplo(véase la imagen 2), contiene dos métodos, uno para crear una imagen con el QR a partir de un texto y otro para leer el QR desde la imagen.
Necesitamos estas dependencias en nuestro pom.xml de Maven
[pic 3]
Imagen 2
También contamos con la posibilidad de generar y utilizar códigos QR con JavaScript, usando la librería grcodejs, esta teniendo soporte con diferentes navegadores web y trabajando con Canvas HML5, no necesitando de otras dependencias.
Ejemplo
En el siguiente ejemplo (véase la Imagen 2), se puede ver un uso básico del código mencionado anteriormente donde podemos especificar el tamaño e incluso el color de nuestro código QR.
[pic 4]
Imagen 2
Lectura del código QR
Para la lectura del código, también es necesario habilitar el uso de la cámara del Smartphone en el AndroidManifest.xml que proporciona información esencial sobre la aplicación al sistema Android, información que el sistema debe tener para poder ejecutar el código de la app. Por medio de clases estas crean y escanean el código QR, para después seguir con el proceso de actividades.
A pesar de que se puede leer el código QR con AndroidManifest.xml también tenemos la misma función con HTML5 con la biblioteca JS: html5-qrcode, Esta es una biblioteca JQ multiplataforma para crear un lector de Código QR para navegadores compatibles con HTML5.
Pero para hacer esto funcional primero se debe determinar el tamaño del código QR a leer (Imagen 3).
[pic 5]
Imagen 3
Luego llame a la html5_qrcodefunción en el div.
[pic 6]
Se necesitan tres devoluciones de llamada: a readSuccess, readErrory videoLoadError. El readError se llamará con bastante frecuencia, en realidad solo es útil para la depuración, videoErrorse llama si la transmisión de video HTML5 no se puede abrir. Cuando haya terminado de usar la cámara, llame $('#reader').html5_qrcode_stop()para dejar de buscar códigos QR, cierre la transmisión y renuncie a los permisos otorgados por el usuario. (Esto hará que la luz de "cámara encendida" en su dispositivo se apague).
...