¿Cómo comenzar a crear un proceso? - Ejemplo Completo

En esta sección aprenderás paso a paso cómo crear un proceso en Luuk desde cero, usando un ejemplo real y práctico.

Ejemplo: Inspección de Seguridad en Tienda

Vamos a crear un proceso completo de inspección de seguridad que incluye:

• ✅ Diferentes tipos de acciones (fotos, alternativas, texto, firmas)
• ✅ Grupos de acciones y secciones para mejor organización
• ✅ Configuración de campos obligatorios y opcionales
• ✅ Cámara sin galería para evidencias frescas
• ✅ Saltos condicionales según respuestas
• ✅ Checkpoints para medir tiempos
• ✅ Posta para aprobación de supervisor

💡 Recomendación importante: Usar grupos de acciones y secciones hace que el proceso sea más fácil de mantener, editar y entender.

PASO 1: Crear el Proceso

1.1 Accede a https://luuk-app.com/admin/clients/procesos.html

1.2 Click en el botón "+ Crear un proceso" (verde, esquina superior derecha)

1.3 Aparece el modal de creación. Completa:

Nombre: Inspección de Seguridad en Tienda
Descripción: Inspección mensual de elementos de seguridad, extintores, salidas de emergencia y protocolos

1.4 Click en "Crear"

1.5 El sistema te redirige automáticamente al editor del proceso

PASO 2: Configuración Inicial del Proceso

Ahora estás en el editor. Verás 2 pestañas arriba. Primero configuraremos el proceso en la Pestaña 1: PROCESO

2.2 Configurar Grupos que contestan

Desplázate hacia abajo hasta "Grupos que pueden contestar"

Selecciona:
☑️ Supervisores de Tienda
☑️ Encargados de Seguridad

¿Por qué es importante? Solo los usuarios de estos grupos verán el proceso en su app.

2.3 Configurar Detalles del Proceso

Explicar bien este paso de detalles del proceso

PASO 3: Agregar Acciones al Proceso

Ahora viene la parte más importante: construir el flujo de acciones.

💡 CONSEJO CLAVE: Usaremos SECCIONES y GRUPOS DE ACCIONES para organizar mejor.

3.1 Crear Primera Sección: "INFORMACIÓN GENERAL"

PASO 3.1.1: Click en botón "+" (abajo a la derecha)

PASO 3.1.2: Selecciona "Agregar Sección"

PASO 3.1.3: Nombra la sección:

Nombre: INFORMACIÓN GENERAL

3.2 Grupo de Acciones

PASO 3.2.1**: Click en botón "+" (a la izquierda de bloque de sección 1)

PASO 3.2.2**: Click en Grupo de acciones**

3.3 Acción 1: Nombre de la Tienda

PASO 3.3.1: Click en **"+"**dentro del grupo de acciones

PASO 3.3.2: Selecciona "Texto libre"

PASO 3.3.3: Configura:

3.3 Acción 2: Fecha de Inspección

PASO 3.3.1: Click "+" dentro del bloque de la accion de texto anterior

PASO 3.3.2: Selecciona "Fecha"

PASO 3.3.3: Configura:

Instrucción: Fecha de la inspección
☑️ Obligatoria

3.4 Acción 3: Hora de Inicio

PASO 3.4.1: Click "+" dentro del bloque de la accion anterior

PASO 3.4.2: Selecciona "Hora"

PASO 3.4.3: Configura:

Instrucción: Hora de inicio de la inspección
☑️ Obligatoria

3.5 CHECKPOINT 1: Marcador "Inicio Inspección"

PASO 3.5.1: Click "+" ahora en el término del grupo de acciones

PASO 3.5.2: Selecciona "Checkpoint"

PASO 3.5.3: Configura:

Nombre del checkpoint: Inicio Inspección*

Recuerda: El checkpoint NO lo ve el usuario, solo registra el timestamp para análisis posterior

3.6 Crear Segunda Sección: "INSPECCIÓN DE EXTINTORES"

PASO 3.6.1: Click "+"

PASO 3.6.2: Selecciona "Agregar Sección"

PASO 3.6.3: Nombra:

Nombre: INSPECCIÓN DE EXTINTORES

3.7 Acción 4: Fotografía del Área de Extintores

PASO 3.7.1: Click "+"

PASO 3.7.2: Selecciona "Fotografía"

PASO 3.7.3: Configura (¡IMPORTANTE!):

¿Por qué solo cámara? Para asegurar que la foto sea tomada en el momento de la inspección, no una imagen antigua de la galería.

3.8 Acción 5: Cantidad de Extintores

PASO 3.8.1: Click "+"

PASO 3.8.2: Selecciona "Sólo Números"

PASO 3.8.3: Configura:

Instrucción: ¿Cuántos extintores hay en esta área?
☑️ Obligatoria

3.9 Acción 6: Estado de los Extintores (CON SALTO CONDICIONAL)

PASO 3.9.1: Click "+"

PASO 3.9.2: Selecciona "Alternativas"

PASO 3.9.3: Configura:

PASO 3.9.4: Ahora configuramos SALTO CONDICIONAL:

En la parte inferior de la configuración, verás "Saltar a"

Podrás ver que en el apartado izquierdo de la pantalla aparece una linea puntiaguida desde la alternativa 1 hasta la accion 2 (la accion donde salta a). Esuna representacion visual que ayuda a identificar hacia donde va el flujo. Puedes hacer click en la linea y te llevara a la Accion de destino y viceversa.

3.10 Acción 7: Fotografía de Extintores con Problemas (OPCIONAL)

PASO 3.10.1: Click "+" agrega una accion de Grupo de acciones para contener las siguientes acciones. Escribe el titulo del grupo: Fotografias

PASO 3.10.2: Dentro del grupo de acciones: Selecciona "Fotografía"

PASO 3.10.3: Configura:

3.11 Acción 8: Descripción del Problema

PASO 3.11.1: Click "+"

PASO 3.11.2: Selecciona "Texto libre"

PASO 3.11.3: Configura:

3.12 Crear Tercera Sección: "SALIDAS DE EMERGENCIA"

PASO 3.12.1: Click "+"

PASO 3.12.2: Selecciona "Agregar Sección"

PASO 3.12.3: Nombra:

Nombre: SALIDAS DE EMERGENCIA

3.13 Acción 9: Fotografía de Salida Principal

PASO 3.13.1: Click "+"

PASO 3.13.2: Selecciona "Fotografía"

PASO 3.13.3: Configura:

3.14 Acción 10: Estado de Señalética

PASO 3.14.1: Click "+"

PASO 3.14.2: Selecciona "Alternativas"

PASO 3.14.3: Configura:

3.15 Acción 11: Ruta de Evacuación Despejada

PASO 3.15.1: Click "+"

PASO 3.15.2: Selecciona "Alternativas"

PASO 3.15.3: Configura:

Instrucción: ¿La ruta de evacuación está completamente despejada?

Alternativas:
1. Sí, completamente despejada
2. No, hay obstrucciones

☑️ Obligatoria

---═══════════════════════════════════════════════════════════

3.16 CHECKPOINT 2: "Inspección Física Completa"

PASO 3.16.1: Click "+"

PASO 3.16.2: Selecciona "Checkpoint"

PASO 3.16.3: Configura:

Nombre: Inspección Física Completa

3.17 Crear Cuarta Sección: "OBSERVACIONES Y CIERRE"

PASO 3.17.1: Click "+"

PASO 3.17.2: Selecciona "Agregar Sección"

PASO 3.17.3: Nombra:

Nombre: OBSERVACIONES Y CIERRE

3.18 Acción 12: Observaciones Generales

PASO 3.18.1: Click "+"

PASO 3.18.2: Selecciona "Texto libre"

PASO 3.18.3: Configura:

3.19 Acción 13: Firma del Inspector

PASO 3.19.1: Click "+"

PASO 3.19.2: Selecciona "Firma o dibujo"

PASO 3.19.3: Configura:

Instrucción: Firma del inspector
☑️ Obligatoria

3.20 Acción 14: Posta para Aprobación de Supervisor

PASO 3.20.1: Click "+"

PASO 3.20.2: Selecciona "Posta"

PASO 3.20.3: Configura:

Instrucción: Enviar a supervisor para revisión
Grupo destino: Supervisores de Seguridad

☑️ Obligatoria

¿Qué hace la posta? Transfiere el proceso al grupo de supervisores. Ellos recibirán una notificación y el proceso aparecerá en su lista de pendientes.

3.21 Acción 15: Aprobado o rechazado por supervisor de seguridad

PASO 3.20.1: Click "+" (ahora debemos agregar acciones que debe contestar al que le llega la posta, en este caso al grupo "Supervisores de seguridad")

PASO 3.20.2: Selecciona "Alternativas"

PASO 3.20.3: Configura:

Instrucción: ¿Aprueba el proceso de inspeccion realizado? Alternativas: Si y No

☑️ Obligatoria

Ahora que esta finalizado todo el proceso, se debe presionar el boton guardar que se encuentra arriba a la izquierda de la pantalla

PASO 2: Configurar Personalización del PDF

4.1 Ahora estamos en la seccion 2

4.2 Configura el PDF:

☑️ Modo compacto
☑️ Página horizontal
Puedes escoger diseño por defecto o el diseño compacto
☑️ Incluir mapa donde contestó cada acción
☑️ Nombre del grupo
☑️ Usuario que contestó
☑️ Fecha y hora de inicio
☑️ Incluir foto del proceso

4.3 Tablas horizontales:

Selecciona los grupos de acciones que creamos y visualizalos en el listado que aparecen. Seleccionalos para que se puedan crear tablas horizontales en el informe y asi lograr un diseño mas profesional y estructurado

4.4 Resaltar respuestas en app (opcional pero recomendado):

☑️ Fotografía del área de extintores (Acción #4)
☑️ Estado de los extintores (Acción #6)
☑️ Firma del inspector (Acción #13)

¿Por qué resaltarlas? Estas acciones aparecerán destacadas en la sección "En Proceso" de la app para que el usuario sepa qué completar prioritariamente.

¡LISTO!

Haz creado con exito tu proceso en la plataforma. Los usuarios que estan asignados al grupo que seleccionaste para que contesten, pueden ver el proceso en su APP para contestar de inmediato

Resumen de lo que Creamos

• ✅ 1 Proceso completo con 14 acciones + 3 checkpoints + 1 posta
• ✅ 4 Secciones para mejor organización (Info General, Extintores, Salidas, Cierre)
• ✅ Acciones obligatorias y opcionales según el flujo
• ✅ Fotografías con cámara obligatoria (sin galería) para evidencia fresca
• ✅ Salto condicional que omite sección si no hay problemas
• ✅ Checkpoints para medir tiempos entre etapas
• ✅ Posta para aprobación colaborativa
• ✅ PDF personalizado con información relevante
• ✅ Acciones resaltadas en la app para priorización