SG-SST · Inspecciones v3

Dashboard SG-SST

Res. 0312/2019 · ISO 9001:2015 §10.2 ·

Total

✅ Cerrados

⏳ Proceso

🔴 Pendiente

—

🎯 Eficacia

⚠️ Clase A

🎯 Distribución por Severidad

—

EFICACIA

Clase A — Grave0

Clase B — Seria0

Clase C — Leve0

📊 Por Tipo de Condición

📈 Indicadores ISO 9001:2015

📅 Tendencia Anual

📧 Compartir Informe Diario

Genera el informe del día con gráficas, KPIs y tabla de hallazgos. Selecciona la inspección y envía a todos los procesos.

🔴 Últimos Hallazgos

N°	Área	Hallazgo	Clase	Estado

Nueva Inspección

FO-THU-30 · Higiene y Seguridad Industrial

📋 Identificación

Fecha *

Inspector *

Sede *

Área *

Cargo

Proceso

📸 Fotos Generales de la Inspección

● SI = Cumple totalmente ● NO = No cumple ● PARC = Cumple parcialmente ● N/A = No aplica

Matriz ACPM

FO-THU-45 fusionada con Inspecciones · Dec.1072/2015 | Res.0312/2019

✅ Confirmado: La ACPM ya está fusionada con las Inspecciones

Sí, ya no necesitas llevar la Matriz ACPM por separado. Cada vez que guardas una inspección y presionas "Enviar Hallazgos → ACPM", los ítems NO y PARCIAL se registran automáticamente aquí como acciones pendientes de seguimiento. Toda la información — inspecciones, hallazgos, acciones correctivas, indicadores y gráficas — está centralizada en este único sistema. La Matriz ACPM individual (FO-THU-45 Excel) ya no es necesaria.

Todos

✅ Cumplido

⏳ Proceso

🔴 Pendiente

🔴 A

🟡 B

🟢 C

N°	Fecha	Área	Hallazgo	Clase	Estado	▲▼

registros
    
  

📷 Generador de Códigos QR

Crea tarjetas QR con foto para máquinas, áreas o procesos

✅ Tu app está publicada — URL activa

Ya subiste el archivo a GitHub. Prueba estas URLs desde el celular:
Opción A: https://gestionhumanamhc-alt.github.io/SGSST/
Opción B: https://gestionhumanamhc-alt.github.io/

⚙️ Crear Código QR con Foto

¿Para qué es el QR? *

Nombre / Identificación *

Información adicional (serial, código, área)

📸 Foto de la Máquina o Área (aparece en el QR impreso)

📷

Toma una foto o sube desde la galería.
Aparecerá en la tarjeta impresa del QR.

URL que abrirá el QR *

✅ URL pre-cargada. Actualízala después de subir el archivo a GitHub.

🌐 Tu URL de GitHub Pages — Ya creada

✅ Ya tienes GitHub Pages configurado

Veo en tus capturas que ya tienes el repositorio gestionhumanamhc-alt con la rama SGSST y Pages activado. Solo falta subir el archivo HTML a ese repositorio.

🔗 Tu URL será:

https://gestionhumanamhc-alt.github.io/gestionhumanamhc.github.io/

O el nombre exacto de tu repositorio

📋 Cómo subir el archivo HTML a GitHub — Paso a Paso

ℹ️ Resumen de lo que tienes que hacer

Tienes GitHub Pages listo con la rama SGSST. Solo debes subir el archivo SG-SST_Inspecciones_ACPM.html y renombrarlo a index.html.

1

Abre tu repositorio en GitHub.
Ve a github.com/gestionhumanamhc-alt → haz clic en el repositorio → asegúrate de estar en la rama SGSST (la ves en el menú desplegable que dice "SGSST" al lado del ícono de rama 🌿).
2

Sube el archivo HTML.
Haz clic en "Add file" → "Upload files" → arrastra el archivo que descargaste SG-SST_Inspecciones_ACPM.html → espera que suba.
3

Renombra el archivo a index.html.
Después de subir, haz clic en el archivo → ícono de lápiz ✏️ (editar) → en la parte de arriba donde dice el nombre del archivo, cámbialo de SG-SST_Inspecciones_ACPM.html a index.html → clic en "Commit changes" (botón verde).
4

Espera 2-3 minutos y abre la URL.
GitHub tarda unos minutos en publicar. Luego abre en el celular: https://gestionhumanamhc-alt.github.io/gestionhumanamhc.github.io/ — debe cargar el formulario de inspección completo.
5

Genera el QR con esa URL.
Regresa a la sección QR de arriba → pega la URL → genera → descarga → imprime → pega en las áreas y máquinas.
6

Agregar a pantalla de inicio del celular.
Abre la URL en Chrome (Android) → menú ⋮ → "Agregar a pantalla de inicio". En iPhone Safari → botón 📤 → "En el inicio". Queda como ícono de app.

⚠️ El sitio está en inglés — es normal

GitHub siempre está en inglés. Los términos clave que necesitas:
• "Add file" = Agregar archivo
• "Upload files" = Subir archivos
• "Commit changes" = Guardar cambios
• "Branch: SGSST" = Asegúrate de estar en la rama correcta antes de subir
• "Settings → Pages" = ya lo tienes configurado ✅

1
Publica la app en Internet (requisito). El QR debe apuntar a una URL pública. La forma más fácil y gratuita es GitHub Pages: crea cuenta en github.com → Nuevo repositorio → sube el archivo HTML → Settings → Pages → Source: main. En 1 minuto tienes una URL como tuempresa.github.io/sgsst.
2
Genera el QR aquí arriba escribiendo el nombre del área o máquina y la URL de la app. Haz clic en "Generar Código QR".
3
Descarga e imprime el QR. Usa papel adhesivo (sticker) o papel normal y lamínalo con film transparente para que aguante en campo. Puedes imprimirlos en color o blanco y negro.
4
Pégalo en la máquina o área. Colócalo en un lugar visible y de fácil acceso. En superficies metálicas usa cinta doble faz o tornillos. El QR debe estar a la altura de los ojos.
5
Para escanear: Abre la cámara del celular (sin app adicional en iPhone y Android moderno) → enfoca el QR → aparece la notificación → toca para abrir. También funciona con Google Lens.
6
Alternativas si no puedes publicar en Internet: Guarda el HTML en Google Drive como archivo web, genera un enlace de vista previa y úsalo en el QR. O usa Google Forms directamente y genera el QR con su URL nativa.

⚠️ Por qué el enlace del archivo local no funciona en el QR

Cuando abres el archivo HTML directamente desde tu computador o desde WhatsApp, la URL comienza con file:/// o es un enlace de WhatsApp. Ese enlace solo funciona en ese dispositivo y no se puede compartir.

Para que el QR funcione desde cualquier celular, la app debe estar en un servidor web con una URL pública que empiece por https://. La solución más rápida y gratuita: GitHub Pages (ver Paso 1 arriba).

Recomendaciones Técnicas

Guía completa de implementación — cada recomendación con sus pasos detallados

✅ Respuesta a tu pregunta: ¿La ACPM ya está fusionada?

Sí, completamente. Con este sistema ya NO necesitas llevar la Matriz ACPM (FO-THU-45) por separado en Excel. Aquí funciona así:
• Haces la inspección → los hallazgos NO y PARCIAL pasan automáticamente a la Matriz ACPM integrada
• La ACPM tiene seguimiento de estado (Pendiente → En Proceso → Cumplido), responsable, plan de acción y fecha límite
• El Dashboard calcula todos los indicadores en tiempo real: eficacia, clase A, acciones correctivas, tendencia anual
• Puedes exportar a CSV en cualquier momento para archivos o auditorías
• Todo está en un solo lugar: inspección + ACPM + indicadores + informe de correo

Publicar la App en Internet (GitHub Pages — Gratis)

Para acceder desde el celular y que los QR funcionen, la app debe estar publicada en una URL pública.

1
Ve a github.com y crea una cuenta gratuita
2
Clic en "New repository" → nombre: sgsst → Public → Create
3
Clic en "uploading an existing file" → arrastra el archivo HTML → "Commit changes"
4
Ve a Settings → Pages → Source: Deploy from branch → main → Save
5
En 2 minutos tu app estará en tuusuario.github.io/sgsst — URL permanente y gratuita
6
Comparte esa URL con todos los inspectores. Funciona en cualquier celular sin instalar nada.

Prioritario · Paso 1

Agregar la App a la Pantalla de Inicio del Celular

Una vez publicada en GitHub Pages, cualquier inspector puede agregarla como ícono de app sin usar Play Store ni App Store.

1
Android (Chrome): Abre la URL en Chrome → toca el menú ⋮ → "Agregar a pantalla de inicio" → "Agregar"
2
iPhone (Safari): Abre la URL en Safari → toca el ícono compartir 📤 → "En el inicio" → "Agregar"
3
Aparece el ícono en la pantalla de inicio como una app normal. Al abrirla, ocupa toda la pantalla sin barra del navegador.

Quick Win · 5 minutos

Códigos QR para Máquinas y Áreas

Con la URL de GitHub Pages, genera un QR por cada área o máquina usando el Generador de QR integrado en la pestaña 📷 QR.

1
Ve a la pestaña 📷 QR de esta app → selecciona el tipo (Área, Máquina, etc.) → escribe el nombre → pega la URL de GitHub Pages → "Generar QR"
2
Descarga el QR (botón "Descargar QR") → imprime en papel adhesivo o lamínalo
3
Pega el QR en la máquina o área. El inspector escanea con la cámara del celular → abre directamente el formulario
4
Alternativa gratuita: En qr-code-generator.com pega la URL → descarga PNG → imprime

⚠️ ¿Por qué el QR no funcionó antes?

El archivo HTML guardado en el celular o enviado por WhatsApp tiene una dirección file:/// que solo funciona en ese dispositivo. El QR necesita una URL pública https://. Solución: publicar en GitHub Pages (Recomendación 01).

Agiliza el trabajo en campo

Registro Fotográfico en las Inspecciones

Ya está implementado en el formulario de inspección. Cada ítem tiene un botón 📷 para agregar fotos directamente desde la cámara del celular.

1
En el formulario de inspección, toca el ícono + en cualquier ítem → abre la cámara → toma la foto del hallazgo
2
Las fotos aparecen como miniaturas en el ítem. Puedes agregar varias fotos por hallazgo.
3
Al generar el informe de correo, las fotos de los hallazgos NO y PARCIAL se incluyen automáticamente.
4
Para guardar las fotos en la nube permanentemente: Usa Google Drive en el celular → Carpeta SST/Inspecciones/Fecha → sube las fotos manualmente. O configura Google Photos con sincronización automática.

💡 Organización recomendada de fotos en Drive

📁 INSPECCIONES-SST / 2026 / 02-Febrero / 2026-02-26_ZonaFranca_Producción / foto1.jpg

Evidencia documental

Envío del Informe Diario por Correo con Gráficas

El sistema genera un informe HTML profesional con KPIs, gráficas y tabla de hallazgos para enviar a todos los procesos.

1
Termina el recorrido → ve al Dashboard → selecciona la inspección del día en el selector → "Generar & Enviar Informe"
2
Escribe los correos de todos los procesos en el campo "Para"
3
Opción A (Gmail): Toca "Abrir en Mi Correo" → en Gmail, ve al compositor → más opciones → "Pegar como HTML" → enviar
4
Opción B (cualquier correo): Toca "Copiar HTML del Correo" → abre tu correo → crea mensaje nuevo → pega el contenido → enviar
5
Opción C (más fácil — recomendada): Configura una plantilla de correo en Gmail con el enlace de la app. Así solo envías el enlace y los destinatarios ven el dashboard en tiempo real.

Comunicación a procesos

Google Forms como Alternativa o Complemento

Si prefieres usar Google Forms para las inspecciones y conectarlo automáticamente con la ACPM en Google Sheets.

1
En Google Drive → Nuevo → Formularios de Google → crea las secciones de inspección (una por categoría)
2
En cada pregunta agrega una pregunta "Si NO o PARCIAL, describe el hallazgo" con lógica condicional
3
Las respuestas van automáticamente a Google Sheets → Extensiones → Apps Script → pega este código:
function onFormSubmit(e){var ss=SpreadsheetApp.getActive();var acpm=ss.getSheetByName('ACPM');var vals=e.values;if(vals.includes('NO')||vals.includes('PARCIAL')){acpm.appendRow([vals[0],vals[1],'PENDIENTE']);}}
4
Activa el trigger: Editar → Triggers → onFormSubmit → Guardar
5
Conecta Google Sheets con Looker Studio (gratuito) para dashboard en tiempo real

Alternativa Google Workspace

Notificaciones Automáticas por Hallazgos Críticos

Configura alertas automáticas para que los responsables reciban notificación inmediata cuando se detecta un hallazgo Clase A.

1
Con Google Sheets + Apps Script: Agrega en el script una condición: si Clase = "A", enviar email con MailApp.sendEmail(destino, asunto, cuerpo)
2
Con Zapier (gratis hasta 100 tareas/mes): Conecta Google Sheets con Gmail → cuando se agrega fila con Clase A → enviar correo al responsable
3
Con WhatsApp Business API: Conecta Zapier → WhatsApp → envío de mensaje automático al responsable del área con el detalle del hallazgo

Alertas y seguimiento

Flujo Completo de Trabajo Diario Recomendado

Así debería verse el proceso optimizado de principio a fin:

📋 Flujo diario ideal

🕗 Inicio del recorrido: Escanea QR del área → abre formulario en el celular
🔍 Durante: Marca SI/NO/PARCIAL → agrega foto de hallazgos → observación
💾 Al terminar el área: "Guardar Inspección" → "Enviar → ACPM"
📊 Al terminar el recorrido: Dashboard → "Generar Informe" → enviar por correo a todos los procesos
📧 Destinatarios reciben: Correo con KPIs, gráficas, tabla de pendientes y fotos de hallazgos
🔄 Seguimiento: Los responsables actualizan el estado en la ACPM → Dashboard se actualiza automáticamente

Best Practice SG-SST · Res.0312/2019