REPÚBLICA BOLIVARIANA DE VENEZUELA
UNIVERSIDAD NACIONAL EXPERIMENTAL DE
DE LOS LLANOS OCCIDENTALES “EZEQUIEL ZAMORA”
NÚCLEO TINAQUILLO
MAESTRÍA: GERENCIA PÚBLICA
“MODERNIZACIÓN DE LA GERENCIA PÚBLICA MEDIANTE
APLICACIONES WEB OFFLINE: ANÁLISIS DE DOS
HERRAMIENTAS PARA TRANSPARENCIA Y GESTIÓN
ESTRATÉGICA”
Docente: Nelson Ponce
Autores: María Ortega
C.I: V-14.599.720
Ronald Silva
C.I: V-14.444.643
Valentina López
C.I: V-21.215.645
Carlos Cumaná
C.I: V-27.657.981
Sección IIA
Valencia, abril 2026
INTRODUCCIÓN
La gerencia pública moderna enfrenta el desafío de transitar de modelos
burocráticos tradicionales hacia enfoques más ágiles, transparentes y orientados a
resultados, en línea con los principios de la Nueva Gestión Pública (NGP). En
contextos como el venezolano y latinoamericano, donde persisten limitaciones de
conectividad, recursos y capacitación digital, las herramientas tecnológicas ligeras y
offline representan una oportunidad estratégica para mejorar la eficiencia operativa,
la rendición de cuentas y la participación ciudadana.
Este informe analiza dos aplicaciones Web desarrolladas con tecnologías
nativas del navegador (HTML5, JavaScript Vanilla y CSS), que demuestran cómo es
posible implementar soluciones prácticas y de bajo costo en la administración
pública. La primera es un Instrumento de Percepción Social sobre Confianza
Jurídica, un cuestionario dicotómico (Sí/No) con análisis automático de frecuencias y
visualización gráfica. La segunda es un Mapa de Propósito basado en la Rueda de
la Vida, que utiliza sliders para evaluar áreas personales/institucionales y genera
recomendaciones de metas mediante lógica condicional.
Ambas aplicaciones incorporan principios clave de la transformación digital
en la gestión pública: persistencia local de datos (local Storage), experiencia de
usuario fluida (SPA), diseño responsable y visualización nativa de datos, sin
depender de servidores externos ni librerías pesadas.
Justificación
La realización de este análisis resulta altamente pertinente en el marco de la
gerencia pública por las siguientes razones: contexto venezolano y regional:
estudios recientes destacan la baja digitalización de procesos administrativos en
municipalidades y entidades públicas de Venezuela y América Latina, junto con
escasa capacitación en tecnologías y limitada interacción con los ciudadanos.
Herramientas offline-first responden directamente a estas brechas, permitiendo su
uso en entornos con conectividad inestable o nula.
Fortalecimiento de la transparencia y rendición de cuentas: el Instrumento de
Percepción Social facilita la recolección y análisis inmediato de opiniones
ciudadanas sobre la confianza en el sistema judicial, abogados y sentencias. Esto
apoya mecanismos de gobierno abierto, mejora la legitimidad institucional y permite
medir indicadores de percepción social, elemento clave en la NGP para evaluar el
impacto de las políticas públicas.
Apoyo a la planificación estratégica y gestión por resultados: el Mapa de
Propósito promueve la reflexión estructurada (mediante la Rueda de la Vida) y la
definición de metas priorizadas según rangos de puntuación. En el ámbito público,
esta lógica se puede adaptar para la autoevaluación de servidores públicos, equipos
de trabajo o incluso para la planificación de objetivos institucionales, alineándose
con enfoques de gestión orientada a resultados y generación de valor público.
Eficiencia y sostenibilidad: Ambas aplicaciones son ligeras, funcionan
completamente en el cliente (sin backend), utilizan almacenamiento local para
garantizar privacidad y persistencia de datos, y aplican Responsive Web Design.
Esto reduce costos de implementación, evita dependencias de infraestructura en la
nube y facilita su adopción en instituciones con presupuestos limitados,
contribuyendo a la optimización de recursos públicos.
Alineación con tendencias globales: la transformación digital en la
administración pública busca mejorar la eficiencia, transparencia y participación
ciudadana. Estas apps ejemplifican el uso práctico de tecnologías accesibles para
cerrar brechas digitales y fomentar una gestión más cercana al ciudadano.
Análisis de las Aplicaciones y su funcionalidad en la Gerencia Pública.
App 1 "Mapa de Propósito"
Para comprender el funcionamiento de esta aplicación, es necesario dominar
los siguientes conceptos de desarrollo web moderno:
1. Arquitectura de Estado Centralizado (State Management)
La aplicación no funciona de forma aislada entre sus partes. Utiliza un objeto
de estado único (state) que actúa como la "fuente de la verdad".
Concepto: Toda la información del usuario (puntajes y metas) reside en una
estructura de datos centralizada. Cuando el usuario mueve un slider, no solo cambia
el número en pantalla, sino que se actualiza el objeto de memoria y luego la interfaz
reacciona a ese cambio.
2. Persistencia de Datos en el Lado del Cliente (LocalStorage)
A diferencia de las aplicaciones tradicionales que requieren una base de
datos en la nube, esta herramienta utiliza el Web Storage API.
Concepto: Permite que los datos se almacenen directamente en el navegador
del usuario de forma indefinida. Esto garantiza que la aplicación sea 100% offline y
que la privacidad sea total, ya que los datos nunca salen del dispositivo del usuario.
3. Manipulación Dinámica del DOM (Document Object Model)
El DOM es la estructura lógica del documento HTML.
Concepto: Se utiliza JavaScript nativo para "inyectar" o modificar elementos
HTML en tiempo real sin necesidad de recargar la página. En el código, esto se
observa cuando el Motor de Objetivos aparece o desaparece dependiendo del
puntaje asignado en la Rueda de la Vida.
4. Lógica Condicional y Algoritmos de Diagnóstico
La aplicación aplica reglas de negocio para transformar datos cuantitativos
(números) en requerimientos cualitativos (metas).
Concepto: Se implementan estructuras de control (if/else, switch o loops)
para determinar la carga de trabajo del usuario:
o Rango 1-3: Requiere intervención urgente (2 metas).
o Rango 4-7: Requiere mantenimiento (1 meta).
o Rango 8-10: Estado de equilibrio (0 metas).
Recursos Técnicos Utilizados
Recurso Descripción
Uso de etiquetas que aportan significado a la estructura (header,
HTML5 Semántico
container, card) para mejorar la accesibilidad.
CSS3 Variables Implementación de :root para gestionar la paleta de colores del
(Custom Properties) Dark Mode de forma global y escalable.
Responsive Web Uso de meta viewport y unidades relativas para asegurar que
Design la app se vea bien tanto en móviles como en computadoras.
Uso de [Link]() y [Link]() para convertir el
JSON Serialization objeto de estado en una cadena de texto almacenable y
viceversa.
Event Listeners Captura de interacciones del usuario en tiempo real para
(Input/Change) disparar la actualización de la interfaz de forma inmediata.
Principios de UI/UX Aplicados
Soft UI / Dark Mode: elección de una estética de baja fatiga visual, ideal para
procesos de introspección y planificación.
Feedback Inmediato: el usuario recibe una respuesta visual instantánea al
interactuar con los sliders, lo que reduce la carga cognitiva.
Placeholders Contextuales: uso de ejemplos sugerentes para evitar el "bloqueo
creativo" del usuario al definir sus objetivos.
App 2 – Instrumento de Percepción Social: Confianza Jurídica
Instrucciones: Por favor, marque con una "X" la opción que mejor represente su
opinión. Responda con total sinceridad; no hay respuestas correctas o incorrectas.
N° Preguntas Sí No
¿Cree usted que el sistema judicial actual garantiza la igualdad
1
de condiciones para todos los ciudadanos?
En términos generales, ¿confía en que los abogados del país
2
actúan bajo principios éticos y de honestidad?
¿Considera que las sentencias emitidas por los jueces están
3
libres de influencias políticas o económicas?
Si tuviera un problema legal, ¿se sentiría seguro de que las
4
leyes vigentes protegerán sus derechos fundamentales?
¿Cree que el gremio de abogados trabaja activamente para
5
sancionar las malas prácticas profesionales de sus miembros?
Lista de recursos técnicos y conceptos implementados
1. Arquitectura de Software.
Single Page Application (SPA - Aplicación de Página Única):
Concepto: Es un modelo de aplicación web que interactúa con el usuario
reescribiendo dinámicamente la página web actual con nuevos datos
obtenidos del servidor web, en lugar de la forma predeterminada de un
navegador de cargar páginas enteras nuevas.
o Aplicación en el proyecto: Permite que la recolección de los datos de
"Confianza Jurídica", el análisis y la visualización de los resultados
ocurran en la misma pantalla sin tiempos de carga ni interrupciones,
ofreciendo una experiencia fluida y similar a la de un software de
escritorio.
2. Tecnologías Core del Frontend
HTML5 (Lenguaje de Marcado de Hipertexto):
Concepto: El estándar estructurado que define el esqueleto y la semántica
del contenido en la web.
o Aplicación en el proyecto: Se utilizó para estructurar
semánticamente la tabla de recolección de datos dicotómicos (Sí/No) y
los contenedores de los reportes gráficos, asegurando accesibilidad y
orden lógico.
JavaScript (Vanilla JS - ECMAScript 6+):
Concepto: Lenguaje de programación interpretado que permite implementar
funciones complejas, interactividad y lógica de negocios en páginas web. Al
decir "Vanilla", significa que se usó en su forma pura, sin frameworks
pesados (como React o Angular).
o Aplicación en el proyecto: Es el "cerebro" de la herramienta. Se
encarga de capturar las respuestas, calcular las frecuencias absolutas
y porcentuales, actualizar el Document Object Model (DOM) en tiempo
real y generar las tarjetas de resultados.
3. Persistencia de Datos y Arquitectura de Campo
Web Storage API (específicamente localStorage):
Concepto: Un mecanismo nativo de los navegadores modernos que permite
a las aplicaciones web almacenar datos en el cliente (dispositivo del usuario)
de forma persistente, sin necesidad de conexión a internet ni bases de datos
externas.
o Aplicación en el proyecto: Implementa el principio "Offline-First"
(Prioridad sin conexión). Esto garantiza que si se está levantando
información en un entorno sin internet, los datos de los sujetos no se
pierdan al refrescar la página o cerrar accidentalmente el navegador.
4. Diseño y Experiencia de Usuario (UI/UX)
Framework CSS de Utilidades (Tailwind CSS):
Concepto: Un marco de trabajo de diseño web que proporciona clases de
bajo nivel (utilidades) para construir interfaces a medida directamente en el
HTML, sin necesidad de escribir hojas de estilo separadas.
o Aplicación en el proyecto: Se utilizó vía CDN para lograr una
estética "SaaS" (Software as a Service) corporativa y minimalista.
Permitió implementar un diseño limpio, sombras sutiles, bordes
redondeados y una paleta de colores intercambiable de alto nivel
corporativo.
5. Responsive Web Design (Diseño Web Adaptable):
Concepto: Técnica de diseño que busca la correcta visualización de una
misma página en distintos dispositivos (desde ordenadores de escritorio
hasta tablets y móviles).
o Aplicación en el proyecto: El uso de contenedores flexibles (flexbox)
y cuadrículas (CSS Grid) asegura que tanto la tabla de ingreso de
datos como las gráficas de resultados se reacomoden según el
tamaño de la pantalla del dispositivo utilizado para la auditoría.
6. Visualización de Datos
Data Visualization mediante DOM y CSS (Renderizado Nativo):
Concepto: La representación gráfica de información y datos estadísticos
utilizando únicamente las propiedades geométricas y de color de CSS,
controladas matemáticamente por JavaScript.
o Aplicación en el proyecto: En lugar de depender de librerías
externas pesadas (como [Link]), se diseñaron gráficos de barras
horizontales construidos con divisiones HTML (div) cuyas alturas
(height) se calculan en base a la frecuencia porcentual de las
respuestas de "Sí" y "No". Esto hace que la aplicación sea
extremadamente ligera y rápida.
Fortalezas comunes:
● Bajo costo y alta accesibilidad (funcionan en cualquier navegador moderno,
incluso offline).
● Enfoque en experiencia de usuario (UI/UX minimalista, feedback instantáneo,
accesibilidad).
● Independencia de internet y protección de datos (todo queda en el dispositivo
del usuario).
Oportunidades de mejora
● Integración con exportación de reportes (PDF/CSV).
● Escalabilidad para múltiples usuarios o centralización de datos en entornos
institucionales controlados.
● Adaptación específica a indicadores de gestión pública (ODS 16,
transparencia, eficiencia).
Conclusión
Las dos aplicaciones analizadas constituyen ejemplos concretos y replicables
de cómo la gerencia pública puede aprovechar tecnologías web nativas y de bajo
costo para avanzar en su transformación digital. Lejos de requerir grandes
inversiones en infraestructura, estas herramientas demuestran que es posible
implementar soluciones prácticas que fortalecen la recolección de percepción
ciudadana, la planificación estratégica y la transparencia, contribuyendo
directamente a una administración más eficiente, accountable y orientada al
ciudadano. En un contexto como el venezolano, donde la digitalización aún es
incipiente, este tipo de desarrollos ligeros representa un primer paso viable hacia la
modernización institucional.
Su adopción masiva, combinada con capacitación de servidores públicos y
alineación con políticas de gobierno abierto, puede generar mayor valor público,
mejorar la confianza ciudadana y optimizar el uso de recursos escasos.
Recomendaciones
Escalar estas aplicaciones a nivel institucional mediante personalización
(agregar indicadores específicos de gestión pública). Implementar un programa de
capacitación para que los funcionarios desarrollen o adapten herramientas similares.
Integrarlas en planes de transformación digital municipal o ministerial, priorizando
áreas como justicia, planificación y recursos humanos. Evaluar su impacto mediante
pilotos y medir mejoras en eficiencia y satisfacción de usuarios.
La Gerencia Pública eficiente en la era digital no depende exclusivamente de
grandes plataformas, sino de iniciativas inteligentes, accesibles y centradas en las
necesidades reales de las instituciones y la ciudadanía. Estas aplicaciones ilustran
un camino práctico y prometedor hacia ese objetivo.