Expediente electrónico
1. Descripción
# MEMORIA DESCRIPTIVA DEL PROYECTO
### Sistema de Expediente Administrativo Electrónico (EAE) — INDECOPI Puno
**Asignatura:** Gobierno Digital y Derecho Informático
**Marco Normativo:** D. Leg. N.° 1412 (Ley de Gobierno Digital), D.S. N.° 029-2021-PCM, TUO de la Ley N.° 27444, Ley N.° 27269 y Ley N.° 29733.
---
### 1. Resumen del Proyecto
El presente proyecto consiste en el diseño, desarrollo e implementación de un prototipo funcional interactivo de un **Expediente Administrativo Electrónico (EAE)** correspondiente a un Procedimiento Administrativo Sancionador (PAS) tramitado ante la Comisión de Protección al Consumidor del INDECOPI (Sede Regional Puno) — **Expediente N.° 14-2026/CPC-INDECOPI-PUN** (D******* P**** C******* vs. Banco BBVA Perú S.A.).
La plataforma integra los estándares técnicos y normativos exigidos en la administración pública digital:
* **Principio de Publicidad y Transparencia:** Acceso a la secuencia cronológica de 13 actuaciones procesales debidamente foliadas (Fojas 001 a 288).
* **Protección de Datos Personales (Ley N.° 29733):** Aplicación estricta de técnicas de disociación y enmascaramiento con asteriscos (`*`) en datos sensibles e identificadores de personas naturales.
* **Seguridad y Fe Pública Digital (Ley N.° 27269 y R.S.G.T.D. N.° 002-2021-PCM):** Incorporación de Código de Verificación Digital (CVD), códigos QR de trazabilidad y sellos de tiempo.
* **Interoperabilidad (PIDE) y Casilla CUE:** Módulos de verificación telemática ante RENIEC/SUNAT y bandeja centralizada de notificaciones con fecha cierta.
---
### 2. Metodología de Desarrollo Asistido por Inteligencia Artificial
Para la construcción y puesta en marcha de la aplicación se empleó un flujo de trabajo de ingeniería de software asistido por IA, articulado en tres herramientas clave:
1. **Google AI Studio (Generación de la Arquitectura Base y Lógica Funcional):**
* Se utilizó como el entorno principal de modelado y generación del código base.
* A partir de especificaciones de diseño y requerimientos procedimentales, se generó la estructura modular del frontend (HTML5, Tailwind CSS y JavaScript), integrando la base de datos simulada de actuaciones procesales, los formularios de consulta con validación CAPTCHA y el visor modal de piezas documentales.
2. **Gemini (Ingeniería de Prompts y Asistencia Normativa/Técnica):**
* Operó como el orquestador metodológico y generador de *prompts* especializados para la conducción del desarrollo.
* Se encargó de estructurar las instrucciones de programación, depurar la casuística de los 59 actos iniciales a los 13 hitos jurídicos definitivos, calcular la foliatura correlativa (Fojas 001 - 288), aplicar las reglas de anonimización bajo la Ley N.° 29733 y formular los comandos precisos para la edición del código fuente.
3. **Google Antigravity (Editor de Código Autónomo y Refactorización del Sistema):**
* Se desempeñó como el entorno de desarrollo y agente editor en el sistema de archivos local.
* Antigravity ejecutó de manera autónoma las comprobaciones de sintaxis (`node -c`), la reestructuración completa de los archivos (`index.html`, `styles.css` y `app.js`), la normalización de las rutas relativas locales hacia los archivos PDF en la carpeta `documentos/` y la sincronización dinámica de las categorías procesales (Escritos, Resoluciones e Informes).
---
### 3. Despliegue y Disponibilidad Pública
Para garantizar que cualquier evaluador pueda interactuar con el expediente de manera pública y autónoma sin necesidad de instalar dependencias locales, el sistema fue desplegado a través de **GitHub Pages**, vinculando directamente los recursos documentales para su visualización telemática inmediata.