Sistema de Control de Asistencia con QR y Google Sheets en MIT App Inventor

Crea una herramienta para automatizar el control de entradas y salidas mediante el escaneo de códigos QR, eliminando errores manuales y facilitando la visualización de datos de cada trabajador directamente desde tu dispositivo.



Este sistema integra MIT App Inventor con la API de Google Sheets para gestionar una base de datos dinámica. La aplicación permite la lectura de códigos QR únicos vinculados a la información del personal, facilitando un control de asistencia digital, ideal para entornos que buscan modernizar sus procesos mediante herramientas no-code.

La lógica del proyecto emplea funciones de filtrado exacto para extraer datos específicos como nombres, cargos y departamentos, además de cargar imágenes alojadas en Google Drive. El sistema cuenta con una validación de horarios automatizada que clasifica cada registro como entrada o salida, enviando la información procesada de vuelta a la hoja de cálculo de forma organizada y en tiempo real.

🛠️ Características Principales del Proyecto:

  • Sincronización en Tiempo Real: Registro inmediato de datos en la nube usando Google Sheets.
  • Identificación Visual: Carga dinámica de fotografías del personal desde Google Drive.
  • Lógica Inteligente: Determinación automática de estado (Entrada/Salida) según el horario.
  • Modo Híbrido: Opción de búsqueda manual integrada por si falla la cámara del dispositivo.
  • Generación de QR: Integración con API externa para crear códigos únicos para cada empleado.


Pantalla de la aplicación de asistencia en MIT App Inventor con datos de Sarah Jenkins.
Interfaz de la aplicación mostrando el perfil cargado de Sarah Jenkins.

Aplicación móvil mostrando nombre, rol y departamento de Marcus Bennett.
Visualización de datos de Marcus Bennett tras el escaneo exitoso del código QR.

Captura de pantalla de la interfaz de usuario con la información de Ricardo Morales.
Consulta de información y fotografía de Ricardo Morales sincronizada desde la nube.

Diseño de fotocheck profesional para Marcus Bennett con código QR de asistencia.
Credencial de identificación (fotocheck) de Marcus Bennett con código QR integrado.

Tarjeta de identificación con código QR para Ricardo Morales.
Diseño de la credencial para Ricardo Morales lista para el escaneo.

Credencial de personal de Sarah Jenkins para sistema de control de asistencia.
Fotocheck de Sarah Jenkins utilizado durante las pruebas de registro.

Fotocheck digital de Sophia Vander configurado para Google Sheets.
Fotocheck digital de Sophia Vander configurado para Google Sheets.

Tarjeta de identificación con QR del empleado David Kapoor.
Credencial de David Kapoor preparada para la validación en el sistema.

Credencial de identificación profesional para Elena Chen.
Fotocheck de Elena Chen configurado con los parámetros de la hoja de cálculo.

Fotocheck de Karina Reyes utilizado para testear el mensaje de error de usuario inexistente.
Prueba de seguridad: Verificación de código de personal no registrado (Karina Reyes).

Hoja de cálculo:

La primera pestaña de la hoja, llamada 'Base_Datos_Personal', tendrá las siguientes columnas: ID_Unico, Nombre Completo, Rol, Departamento, Imagen, QR

ID_Unico Nombre Completo Rol Departamento Imagen QR
EMP-101 Marcus Bennett Director de Operaciones Gerencia https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A2)
EMP-102 Elena Chen Desarrolladora Full Stack Tecnología (IT) https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A3)
EMP-103 Ricardo Morales Especialista en Seguridad Infraestructura https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A4)
EMP-104 Sarah Jenkins Directora de Marketing Comercial https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A5)
EMP-105 Sophia Vander Analista de Datos Business Intelligence https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A6)
EMP-106 David Kapoor Coordinador de Logística Operaciones https://drive.usercontent.google.com/download?export=view&id= =IMAGE("https://quickchart.io/qr?text="&A7)

La segunda pestaña será 'Registro_Asistencia', tendrá las columnas: Timestamp, ID_Unico, Nombre Completo, Tipo (Entrada/Salida)




📥¿Qué encontrarás en el archivo descargable?
  • El diseño completo del proyecto.
  • La programación de los bloques.
  • Las imágenes usadas en Google Drive están en la sección Media dentro del proyecto, dale clic derecho y descargar imagen.
Recuerda que para usar el proyecto, necesitas:
  • Configurar Google Drive para las imágenes.
  • Configurar tu propia API de Google Sheets.
  • Crear una cuenta de servicio.
  • Generar la clave JSON.
  • Enlazar el aplicativo con tu hoja de cálculo.
  • Completar los bloques de texto con los datos de tu hoja de cálculo.

 Descargar 

QRAsistenciaV2.aia - 1.0 MB

¿Cómo importar el archivo a mis proyectos?
    • El archivo lo debes de importar en MIT App Inventor en la opción de proyectos e importar proyecto desde mi ordenador.

    ¿Cómo probar el proyecto?
    • En MIT App Inventor presiona en la opción Conectar y AI Companion.
    • Se genera un código QR o de 6 caracteres.
    • Descarga la aplicación MIT AI2 Companion de forma gratuita en Google Play o App Store.
    • Escanea el código QR o ingresa el código de 6 caracteres.