Escencial Latam
ESCENCIAL LATAM
01 / 14
Escencial Latam

IA para RRHH:
De la Maqueta a la
Realidad Digital

Integración de Sistemas, Gestión de Datos y Automatización de Procesos

Eje Central: La transición de interfaces visuales (Frontend) hacia arquitecturas funcionales que transforman la operatividad del capital humano.

Diapositiva 02 — Repaso
El Ecosistema del Frontend: HTML, CSS y Multimedia

🏗️ HTML

Estándar que define la estructura semántica. Actúa como el esqueleto donde residen los campos de entrada (input), etiquetas (label) y secciones de datos (head y body).

🎨 CSS

Lenguaje de diseño para personalización del branding. Controla tipografía, colores corporativos (pantoneras) y adaptabilidad visual del formulario.

⚙️ JavaScript

Lenguaje de programación que permite agregar interactividad y automatización al sitio web. Gestiona funciones, validaciones, envío dinámico de datos, integración con APIs y comportamiento inteligente del formulario en tiempo real.

🗄️ Base de Datos (excluyente en Frontend, pero para tener en cuenta)

Sistema que permite almacenar, organizar y gestionar información de forma estructurada. Guarda registros como usuarios, proyectos o formularios enviados, permitiendo consultas rápidas, actualización de datos y automatización de procesos mediante integraciones con el sistema.

Diapositiva 03 — Conectividad
La Conexión In/Out (Entrada y Salida): El Puente entre el Usuario y la Base de Datos

🔗 Persistencia de Datos

Un formulario estático solo es útil si existe un mecanismo de persistencia de datos. Debemos establecer un canal de comunicación entre la interfaz de usuario y un servidor para que la información sea procesable.

📊 Google Sheets como Backend

La planilla de cálculo puede funcionar como una base de datos práctica para automatizar tareas, recibir formularios y organizar información en tiempo real mediante Apps Script. Sin embargo, no es la opción más robusta ni segura a nivel tecnológico para almacenamiento sensible. Se recomienda utilizarla para procesos administrativos y operativos, evitando guardar datos delicados como números de tarjetas, credenciales o información confidencial.

⚙️ InterOperabilidad (fundamental en esta Nueva Realidad)

El éxito de un sistema para el uso de RRHH u otras áreas, depende de su capacidad para capturar datos limpios y estructurados que faciliten la toma de decisiones posterior.

Diapositiva 04 — Motor Lógico
Lógica de Servidor con Apps Script: doGet & doPost

💡 Google Apps Script (GAS)

Plataforma basada en JavaScript que extiende Google Workspace. Es el "traductor" que recibe los datos del HTML y los escribe en la planilla.


Es importante tener en cuenta que este método suele ser denegado por políticas de seguridad de Google, pero le brindaremos el acceso al moemento de realziarlo, realizando el proceso "CREANDO EL CODIGO CON LOS DATOS EN JSON (Text) PARA EVITAR EL ERROR DE CORS".

📥 Función doGet(e)

Se ejecuta cuando el sistema solicita información. Vital para cargar listas desplegables dinámicas como puestos o departamentos desde la base de datos.

VER CÓDIGO →

📤 Función doPost(e)

Comando de acción principal. Se activa cuando el usuario presiona "Enviar", capturando todos los valores y asignándolos a columnas específicas en la hoja.

VER CÓDIGO →
Diapositiva 05 — Hosting & Infraestructura
Despliegue en la Nube: Accesibilidad Total

💻 Local vs. Web

Un archivo en tu PC tiene alcance cero. Para que un proceso de onboarding sea efectivo, el empleado debe acceder mediante un link directo, eliminando la fricción de descargar archivos.

🚀 Plataformas Globales

Netlify, GitHub y Hostinger permiten el despliegue continuo. Al subir el código, se obtiene un dominio profesional con seguridad SSL (HTTPS) y compatibilidad móvil garantizada.

EXCLUSIVO

📁 Hosting: Escencial Drive

Habilitamos un servidor exclusivo donde podrán hostear sus archivos HTML simplemente subiéndolos a una carpeta de Drive de Escencial.

  • ⏱️ Activación: Entre 15 min y 3 hs para habilitar el link.
  • 🔗 Dominio: Link bajo dominio institucional (nombre-archivo + dominio).
  • 🛠️ Reglas: Usar solo minúsculas y guiones ( - o _ ). Sin espacios ni puntos.
  • ♻️ Mantenimiento: Almacenamiento temporal indefinido con limpieza programada del servidor.

📱 "Un acceso ágil mediante link proyecta una imagen de innovación tecnológica real en Capital Humano."

Diapositiva 06 — Arquitectura de Comunicación
Protocolos de Respuesta Inteligente y Omnicanalidad

🛡️ Sandbox y Privacidad

Por normativas de seguridad de Google, las aplicaciones web operan en entornos aislados (Sandbox). Esto impide que una página externa acceda a cuentas de correo personales, garantizando la **integridad de la identidad digital** del usuario.

Triggers de Google App Script

La inteligencia se delega al servidor. Al impactar los datos en la base, un "disparador automático" (Trigger) activa Gmail de forma nativa, permitiendo el envío de reportes y notificaciones sin intervención manual.

👤 Variables Dinámicas

No son correos genéricos. El sistema inyecta datos variables (Nombre, Puesto, Resultados del Test) y adjuntos específicos en milisegundos, logrando una **comunicación humanizada** a gran escala.

🔔 Feedback Instantáneo

Garantizamos que el participante reciba su informe o bienvenida en el momento de mayor interés. Esta inmediatez reduce la ansiedad del candidato y refuerza el posicionamiento de la **Marca Empleadora**.

Diapositiva 07 — Centro de Operaciones
Google Sheets: Ecosistema de Gestión y Control en Tiempo Real

🔗 Nodo Central de Sincronización

Sheets actúa como el "Backend" del sistema. Centraliza datos en una fuente única de verdad, permitiendo que departamentos como Selección y Finanzas colaboren sin duplicar archivos.

📊 Correlación Inteligente

Permite cruzar variables críticas: desde validar el ajuste de un perfil psicotécnico hasta proyectar su curva de desempeño esperada en la organización.

📂 Automatización Documental

Gestión de legajos digitales: organiza automáticamente CVs y certificados en carpetas dinámicas de Google Drive según el proyecto o empleado.

⚠️ Nota de Rendimiento y Escalabilidad

Debido a que el sistema procesa y renderiza datos en tiempo real desde la nube, el tiempo de carga visual puede aumentar levemente (unos segundos) al consultar volúmenes masivos de información. Mientras que el escritura (doPost) de datos es instantáneo, la lectura (doGet) requiere mayor procesamiento del servidor.

📊 Carga Recomendada: 2,000 a 5,000 registros por planilla. 📄 Equivalencia: 1 registro = 1 fila de datos procesada.
Diapositiva 08 — Generación de Entregables
De Datos a Documentos: Automatización de Reportes e Informes

📄 Autocrat: Extensión Nativa

Poderosa herramienta de extensión gratuita para Google Workspace. Fusiona datos de la planilla con plantillas de Google Docs o PDF de forma automatizada.

  • ✅ Emisión de comprobantes, facturas y registros con imágenes.
  • ✅ Estandarización de contratos y certificados legales.
  • ✅ Eliminación total del error humano en la transcripción.

🤖 Google Apps Script + IA

Para informes que requieren lógica compleja, utilizamos código personalizado (.gs). Implementamos IA para desarrollar generadores de informes de alta precisión.

  • 🧠 IA-Powered: Solicitamos el código basado en ejemplos perfectos del resultado final deseado.
  • 📊 Procesamiento Avanzado: Análisis profundo de los datos capturados antes de generar el reporte.
  • Agilidad: Reducción de tiempos de entrega de días a milisegundos.

🚀 Omnicanalidad: El sistema decide según la complejidad si usa Autocrat para lo operativo o Scripting para lo estratégico.

Paso 1 — Generación del Prompt
Solicitud Completa a la IA (Inicio a Fin)

📝 1. Definir el Pedido Completo

Solicitamos a la IA la creación del formulario HTML indicando:

  • Gama de colores
  • Estética y estilo visual
  • Ubicación de logos e imágenes
  • Funcionamiento esperado
  • Campos (inputs) necesarios

📊 2. Definir los Datos a Almacenar

Indicamos exactamente qué información queremos guardar.

Importante: Adjuntar los nombres exactos de los encabezados de Google Sheets (Ej: Fecha, Nombre, Email, etc.).

Instrucción clave dentro del prompt:

"Realiza el envío de datos mediante JSON para evitar el error de CORS"

Paso 2 — Backend en Google Apps Script
Almacenamiento en Google Sheets

💻 1. Insertar el Código

Ir a Extensiones → Apps Script.

Borrar el contenido y pegar el código actualizado de la Diapositiva 04 — Motor Lógico.

Actualizar:

  • ID de la planilla
  • Nombre de la hoja

🌐 2. Implementar como Aplicación Web

  • Clic en "Implementar" → Nueva implementación
  • Tipo: Aplicación Web
  • Ejecutar como: Yo
  • Acceso: Cualquier usuario ⚠️

Copiar el Link de la App Web.

Paso 3 — Vinculación Final
Integración del Frontend con el Backend

🔄 Volver al Prompt

Agregamos al prompt original:

  • El código .gs utilizado
  • El Link de la App Web generado

La IA ajustará automáticamente el HTML para conectarlo correctamente.

Resultado:

El formulario ahora sabe exactamente dónde enviar los datos.

Paso 4 — Escalabilidad
Lectura y Transpolación de Datos

📋 Transpolar Datos (IMPORTRANGE)

Para mover datos a otra planilla:

(Reemplazar lo que esta entre **) =IMPORTRANGE("*url-de-la-plantilla*"; "*nombre_de_la_hoja*!A1:*numero_de_datos_de_hoja_*5000")

A y E indican las columnas a importar.

📥 Uso de doGet (Lectura Simultánea)

Si necesitamos mostrar datos en el frontend:

  • Crear código adicional en Apps Script
  • Implementar como nueva App Web
  • Agregar su link al prompt
Resultado Final
Aplicación Funcional Completa

🚀 App Operativa

Partimos de un prompt bien estructurado y logramos:

✅ Frontend HTML validado ✅ Backend en Google Apps Script ✅ Envío mediante JSON (sin error CORS) ✅ Almacenamiento seguro en Google Sheets
Todo el proceso es práctica aplicada. La clave está en estructurar bien el prompt y seguir el flujo paso a paso.
Diapositiva 14 — Cierre y Agradecimiento
Gracias por ser parte del Laboratorio

🙏 Conclusión

Este laboratorio demuestra que la IA no es solo teoría, sino práctica aplicada. Partimos de una idea y construimos una solución real, funcional y escalable. El aprendizaje no termina aquí: cada proyecto es un punto de partida para mejorar, optimizar y seguir innovando.

🔧 Mejoras futuras: validaciones avanzadas y seguridad reforzada 📊 Integración con dashboards y métricas en tiempo real 🤖 Automatizaciones más inteligentes con IA ☁️ Escalabilidad y optimización en la nube
“Todo sistema puede evolucionar. La clave está en repetir, medir y mejorar.”