PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
REDISEÑO DEL PORTAL WEB DE LA ALCALDÍA MUNICIPAL DE PUEBLO
NUEVO – CÓRDOBA, MEDIANTE LA UTILIZACIÓN DE JAVASCRIPT, CSS Y
HTML 5.
ALCALDÍA MUNICIPAL DE PUEBLO NUEVO
JESUS DANIEL GUZMAN
UNIVERSIDAD DE CÓRDOBA
FACULTAD DE INGENIERÍAS
INGENIERÍA DE SISTEMAS
PUEBLO NUEVO, CÓRDOBA
2025
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
REDISEÑO DEL PORTAL WEB DE LA ALCALDÍA MUNICIPAL DE PUEBLO
NUEVO – CÓRDOBA, MEDIANTE LA UTILIZACIÓN DE JAVASCRIPT, CSS Y
HTML 5.
ALCALDÍA MUNICIPAL DE PUEBLO NUEVO
JESUS DANIEL GUZMAN
Trabajo de grado presentado, en la modalidad de Práctica Empresarial para optar al Título
de INGENIERO DE SISTEMAS
Director (es):
HAROLD DIONISIO BULA HERAZO
SNAIDER BARRERA, Esp. Ciber seguridad.
UNIVERSIDAD DE CÓRDOBA
FACULTAD DE INGENIERÍAS
INGENIERÍA DE SISTEMAS
PUEBLO NUEVO, CÓRDOBA
2025
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
La responsabilidad ética, legal y científica, de las ideas, conceptos, y resultados del
proyecto de investigación, serán responsabilidad de los autores.
Artículo 59, Acuerdo N° 022 del 21 de febrero de 2018 del Consejo Superior.
Tener en cuenta los Artículos y directrices establecidos la Resolución 1775, del 21 de
agosto de 2019. En donde se establecen las directrices y las políticas de funcionamiento
del repositorio institucional de la Universidad de Córdoba (Artículos tercero, octavo,
once, entre otros).
“11 – BUENA FE: La universidad considera que la producción intelectual que, los
profesores, funcionarios administrativos y estudiantes le presenten, es realizada por
éstos, y que no han transgredido los derechos de otras personas. En consecuencia la
aceptará, protegerá, publicará y explotará, según corresponda y lo considere
pertinente”. Artículo 1, Acuerdo N° 045 del 25 de mayo de 2018 del Consejo
Superior.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Nota de aceptación
_______________________________
_______________________________
_______________________________
_______________________________
________________________________
Firma del jurado
________________________________
Firma del jurado
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
A Dios
A mis Madre y Abuela, María solipa, Sirce
Judith
A mi docente Mario Macea
A mi tutor en la oficina Snaider barrera
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
TABLA DE CONTENIDO
1. INTRODUCCIÓN .....................................................................................................................7
2. PLATAFORMA ESTRATÉGICA DE LA EMPRESA .............................................................8
3. MARCO TEÓRICO O CONCEPTUAL ..................................................................................11
4. DIAGNÓSTICO ESPECÍFICO DE LA EMPRESA ................................................................16
5. ACTIVIDADES DESARROLLADAS ....................................................................................17
7. APORTES DEL ESTUDIANTE ..............................................................................................22
8. CONCLUSIONES ...................................................................................................................23
9. RECOMENDACIONES ..........................................................................................................24
10. BIBLIOGRAFÍA.................................................................................................................25
11. ANEXOS ...............................................................................................................................26
1. ANTES Y DESPUES DEL REDISEÑO .............................................................................................27
2. MEGAMENU .............................................................................................................................33
3. ACCESIBILIDAD .........................................................................................................................34
4. FORMULARIO DE LEVANTAMIENTO DE INFORMACIÓN ...........................................................38
5. ACTIVIDADES DE MANTENIMIENTO TÉCNICO ..........................................................................42
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
1. INTRODUCCIÓN
El presente informe contiene el trabajo realizado durante mi práctica empresarial,
modalidad que hace parte del proceso de formación profesional y requisito para optar al
título de Ingeniero de Sistemas. Esta experiencia tuvo como finalidad apoyar los procesos y
funciones de carácter tecnológico en una entidad pública, aportando desde mis
conocimientos al fortalecimiento de los servicios digitales y administrativos de la
institución.
Desarrollé mi práctica empresarial en la Alcaldía Municipal de Pueblo Nuevo, Córdoba,
específicamente en el área de sistemas, mediante la resolución correspondiente. Durante
este período, participé en el rediseño y modernización del portal web institucional,
atendiendo la necesidad de mejorar su usabilidad, accesibilidad y funcionalidad, de acuerdo
con los estándares internacionales WCAG 2.0 y las directrices de MINTIC. Además de esta
actividad principal, brindé soporte técnico a la infraestructura informática, realicé
capacitaciones en herramientas ofimáticas para funcionarios municipales, y gestioné la
actualización de contenidos digitales institucionales.
Esta práctica empresarial representó una valiosa oportunidad para aplicar mis
conocimientos, adquirir experiencia laboral en un entorno real y contribuir al
fortalecimiento tecnológico de una entidad pública, beneficiando directamente a los
ciudadanos y a la gestión administrativa del municipio.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
2. PLATAFORMA ESTRATÉGICA DE LA EMPRESA
2.1 Presentación
Figura 1: Logo alcaldía de pueblo nuevo-Córdoba
Nombre de la entidad Alcaida municipal de pueblo nuevo-
Córdoba
Ingeniero encargado Néider Barrera
NIT 800096766
Dirección CR 9 #10 - 85, Las Flores
Correo electrónico sistemas@[Link]
Teléfono 3215375938
Tabla 1. Información de la empresa
El Municipio de Pueblo Nuevo, localizado en el departamento de Córdoba, Colombia,
trabaja incansablemente por construir un estado más transparente, eficiente y
participativo, brindando mejores servicios a la comunidad, empresarios y servidores
públicos. Su misión se centra en promover el desarrollo socioeconómico de sus
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
habitantes mediante una infraestructura de servicios adaptada a la realidad local,
garantizando igualdad, equidad y libertad para todas las personas. (Alcaldía de Pueblo
Nuevo, s.f.) Con una visión hacia el futuro, Pueblo Nuevo aspira a convertirse en un
centro importante y polo de atracción en el sector agroindustrial y turístico de Córdoba.
Esto permitiría el crecimiento sostenible del municipio y mejorar la calidad de vida de
sus habitantes, garantizando una paz y progreso equitativo para todos, en un ambiente
democrático y convivencial. (Alcaldía de Pueblo Nuevo, s.f.)
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
2.2 Organigrama
figura 2: Organigrama de la Alcadía de Pueblo Nuevo
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
3. MARCO TEÓRICO O CONCEPTUAL
3.1 HTML5, CSS3 Y JAVASCRIPT EN DESARROLLO WEB
3.1.1 HTML5
cumple un papel fundamental en la organización semántica de los contenidos del sitio.
Gracias a sus etiquetas específicas como <header>, <nav>, <main> y <section>, es posible
estructurar de manera clara y jerárquica cada una de las secciones del portal. Esto no solo
mejora la accesibilidad para personas que utilizan lectores de pantalla, sino que también
facilita la navegación y la comprensión del sitio por parte de los motores de búsqueda,
incrementando su visibilidad y compatibilidad en diferentes dispositivos.
3.1.2 CSS3
Se encarga de definir la apariencia visual y responsiva del portal con el uso de variables de
color, tipografía y espaciado, se logró mantener una identidad gráfica institucional
coherente con los colores y símbolos del municipio. Usando propiedades modernas como
flexbox, grid y transiciones animadas, se mejoró la experiencia de usuario al ofrecer una
navegación fluida, intuitiva y adaptable a diversos tamaños de pantalla, incluyendo
dispositivos móviles y tabletas. CSS3 también permitió la implementación de herramientas
de accesibilidad como los modos de alto contraste, escala de grises y subrayado de enlaces.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
3.1.3 JAVASCRIPT
fue esencial para dotar al sitio de interactividad y accesibilidad dinámica. Esta tecnología
hizo posible la creación de componentes interactivos como los megamenús desplegables,
sliders de imágenes y el panel de accesibilidad, permitiendo a los usuarios personalizar su
experiencia de navegación ajustando el tamaño del texto, activando contrastes o cambiando
la fuente a una más legible. Además, se implementó la funcionalidad de almacenamiento
local (localStorage) para conservar las preferencias de accesibilidad de los usuarios durante
sus visitas.
3.2 GOBIERNO DIGITAL Y PORTALES MUNICIPALES
Es la incorporación de tecnologías de la información y la comunicación (TIC) en la gestión
pública, con el objetivo de modernizar, optimizar y transparentar los procesos
administrativos y de atención ciudadana. Esta transformación digital permite a las entidades
públicas ofrecer servicios
en línea, compartir información de interés de manera abierta y promover la participación de
los ciudadanos en la toma de decisiones gubernamentales. Estos sitios permiten centralizar
trámites, consultas y servicios, facilitando su acceso de forma remota y continua, sin
limitaciones de horario ni ubicación geográfica.
El desarrollo del portal web para la Alcaldía Municipal de Pueblo Nuevo se enmarca en
esta estrategia de gobierno digital, al ofrecer un sitio accesible, moderno e inclusivo, donde
los ciudadanos pueden realizar consultas, trámites en línea, acceder a servicios de atención
al público y participar en espacios de opinión como encuestas y foro, el portal promueve la
transparencia y rendición de cuentas al publicar información relevante sobre la gestión
administrativa y financiera de la alcaldía. De esta manera, se aporta a la construcción de
una administración municipal más abierta, eficiente y participativa.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
3.3 ACCESIBILIDAD WEB
La accesibilidad web consiste en diseñar y desarrollar sitios web que puedan ser utilizados
por todas las personas, incluyendo aquellas con discapacidades físicas, sensoriales,
cognitivas o tecnológicas. Su objetivo es eliminar barreras digitales y garantizar la igualdad
de acceso a la información y los servicios en línea, sin importar las capacidades o
limitaciones de los usuarios.
En el portal web de la Alcaldía Municipal de Pueblo Nuevo se incorporaron herramientas
de accesibilidad con el propósito de brindar una experiencia inclusiva a todos los
ciudadanos. Entre las funcionalidades destacadas se encuentran el panel de accesibilidad
que permite aumentar o disminuir el tamaño del texto, activar modos de alto contraste,
escala de grises, contraste negativo, cambiar a una fuente más legible y subrayar los enlace,
se integraron videos con intérprete de lengua de señas en los megamenús, favoreciendo la
accesibilidad comunicativa para personas con discapacidad auditiva. Gracias a estas
medidas, el portal contribuye a reducir la brecha digital en la comunidad, garantizando que
cualquier persona, sin importar sus condiciones físicas o tecnológicas, pueda acceder y
utilizar los servicios municipales en línea.
3.4 EXPERIENCIA DE USUARIO (UX) EN SITIOS INSTITUCIONALES
La Experiencia de Usuario (UX) se refiere a la percepción, emociones y reacciones que
experimenta una persona al interactuar con un sitio web. En el ámbito institucional y
gubernamental, ofrecer una experiencia de usuario positiva es esencial para garantizar la
accesibilidad, rapidez y facilidad de uso en los portales oficiales.
Para el portal de la Alcaldía de Pueblo Nuevo, se priorizó una navegación intuitiva, un
diseño ordenado y coherente con la identidad institucional, y una estructura jerárquica clara
que permite a los usuarios ubicar rápidamente la información y servicios que necesitan. Se
aplicaron buenas prácticas de diseño centrado en el usuario, como tiempos de carga
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
optimizados, tipografías legibles, botones accesibles y formularios simplificados para
trámites en línea.
3.5 RESPONSIVE DESIGN Y MULTIPLATAFORMA
El Responsive Design o diseño adaptable es una técnica de desarrollo web que permite que
los sitios se visualicen correctamente en una amplia variedad de dispositivos, desde
computadoras de escritorio hasta teléfonos inteligentes y tabletas. Su importancia radica en
garantizar que todos los usuarios puedan acceder a los contenidos y servicios de una página
web de manera óptima, sin importar el dispositivo que utilicen.
El portal web de la Alcaldía de Pueblo Nuevo implementa esta metodología, adaptando su
interfaz mediante el uso de media queries en CSS3 y frameworks modernos, permitiendo
reorganizar los elementos de la página y modificar su tamaño y disposición según el
tamaño de pantalla. Esta práctica mejora la accesibilidad y la experiencia de usuario,
brindando un servicio inclusivo y funcional desde cualquier dispositivo.
3.6 LEGISLACIÓN COLOMBIANA SOBRE GOBIERNO DIGITAL
El marco normativo colombiano ha establecido diversas leyes y decretos que regulan la
implementación de las Tecnologías de la Información y las Comunicaciones (TIC) en las
entidades públicas, garantizando el acceso a la información, la protección de datos
personales y la transformación digital del Estado. Estas disposiciones son fundamentales
para el desarrollo de portales web institucionales, como el de la Alcaldía de Pueblo Nuevo,
permitiendo una gestión pública más transparente, eficiente y accesible para la ciudadanía.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
3.6.1 LEY 1712 DE 2014 — LEY DE TRANSPARENCIA Y DEL DERECHO DE
ACCESO A LA INFORMACIÓN PÚBLICA
Esta ley establece que todas las entidades públicas deben garantizar el acceso de los
ciudadanos a la información pública, promoviendo la transparencia en la gestión
gubernamental. Define los principios, procedimientos y excepciones para que cualquier
persona pueda consultar, solicitar y recibir información de interés general.
El portal web de la Alcaldía de Pueblo Nuevo incluye secciones de acceso a información
pública como normatividad vigente, planes de desarrollo, estados financieros, presupuesto
y contratos, cumpliendo con lo exigido por esta ley y facilitando la consulta libre de
información para toda la ciudadanía.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
4. DIAGNÓSTICO ESPECÍFICO DE LA EMPRESA
El portal web de la Alcaldía Municipal de Pueblo Nuevo revela deficiencias significativas
en múltiples aspectos críticos para la experiencia del usuario. En términos de usabilidad, el
sitio presenta una arquitectura de información desorganizada, carece de elementos gráficos
simbólicos que faciliten la navegación intuitiva, y no cuenta con un motor de búsqueda
interno eficiente. Adicionalmente, se identificaron problemas graves de accesibilidad web,
incluyendo insuficiente contraste de colores, ausencia de texto alternativo en imágenes, y
falta de compatibilidad con tecnologías asistidas, lo que limita el acceso a usuarios con
discapacidades y no cumple con los estándares WCAG 2.0 establecidos como norma
internacional. Desde el aspecto técnico y funcional, el portal presenta tiempos de carga
superiores a los estándares recomendados, diseño no responsivo que afecta la experiencia
en dispositivos móviles, y una limitada oferta de servicios digitales que obligaría a los
ciudadanos a realizar gestiones de manera presencial.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
5. ACTIVIDADES DESARROLLADAS
Durante la práctica empresarial, se llevaron a cabo diversas actividades, siendo la principal
de ellas el rediseño del portal web de la Alcaldía Municipal de Pueblo Nuevo, Córdoba.
Este proyecto representó una transformación integral, abordando las principales
deficiencias identificadas en el diagnóstico inicial. Las actividades se enfocaron en la
implementación de un sistema de diseño moderno, accesible y funcional, cumpliendo con
los estándares internacionales WCAG 2.0 y los lineamientos de MINTIC para portales
gubernamentales. Se desarrolló una arquitectura de información completamente
reestructurada, incorporando un sistema de navegación intuitivo mediante megamenús que
incluyen intérpretes de lengua de señas, lo cual mejoró significativamente la accesibilidad
para usuarios con discapacidades auditivas. La nueva interfaz también incluyó un panel de
herramientas de accesibilidad que permite a los usuarios ajustar tamaño de fuente, activar
modos de alto contraste, escala de grises, y otras opciones de personalización, garantizando
una experiencia inclusiva para todos los ciudadanos.
o Levantamiento de información y participación ciudadana: Como parte
fundamental del proceso de rediseño, se realizó un levantamiento exhaustivo
de información mediante formularios dirigidos a los funcionarios de la
alcaldía. Esto permitió identificar tanto aspectos positivos del portal
existente que debían conservarse como áreas de oportunidad para introducir
mejoras significativas. Esta metodología participativa aseguró que el nuevo
diseño respondiera efectivamente a las necesidades reales de los usuarios
internos y externos, garantizando que las funcionalidades implementadas
fueran pertinentes y útiles para la gestión municipal y la atención
ciudadana.}
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
o Capacitación en herramientas ofimáticas y fortalecimiento digital: Se
llevaron a cabo capacitaciones en herramientas ofimáticas para los
funcionarios municipales, mejorando significativamente su productividad y
habilidades digitales. Estas sesiones de formación incluyeron el manejo de
procesadores de texto, hojas de cálculo, presentaciones y herramientas de
comunicación digital, contribuyendo al fortalecimiento de las competencias
tecnológicas del equipo de trabajo y optimizando los procesos
administrativos internos de la entidad.
o Soporte técnico y mantenimiento de infraestructura tecnológica: durante
el desarrollo de la práctica, también se ejecutaron tareas de mantenimiento
técnico preventivo y correctivo en equipos de cómputo e infraestructura
tecnológica de la entidad, tales como:
• Limpieza física externa e interna a 7 equipos de escritorio, eliminando
polvo acumulado en tarjetas madre, ventiladores y fuentes de poder para
prevenir
• Desinstalación de software obsoleto y optimización del rendimiento en 11
equipos, mediante la limpieza de archivos temporales y desfragmentación
de discos duros.
• Actualización de sistemas operativos y controladores en 15 computadores,
garantizando compatibilidad con el nuevo portal web y seguridad en la
navegación institucional.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
• Revisión y reparación de conexiones de red LAN, incluyendo el cambio de
cables defectuosos y la reconfiguración de parámetros de red en 8 oficinas
administrativas.
• Mantenimiento y calibración de 7 impresoras multifuncionales,
solventando atascos de papel y errores de impresión.
• Soporte técnico a funcionarios que presentaron inconvenientes con el uso
del portal web y otros aplicativos ofimáticos.
o Gestión de contenidos y actualización del portal web: Se realizó la
actualización constante de contenidos en el portal web y en la plataforma
SECOP, garantizando que la información publicada fuera oportuna y
relevante. Esta actividad incluyó la subida de documentos oficiales,
contribuyendo a mantener la transparencia institucional.
o Implementación técnica y optimización: Se desarrolló un sistema
responsive que se adapta adecuadamente a dispositivos móviles, tablets y
computadores de escritorio, empleando tecnologías modernas como CSS
Grid, Flexbox y JavaScript ES6+. Entre las funcionalidades
implementadas destacan:
• Hero slider dinámico con contenido multimedia.
• Secciones organizadas para servicios destacados, noticias y eventos con
sistema de tabs.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
• Footer completo con información de contacto y enlaces de interés.
• Chat widget funcional para atención ciudadana en línea.
• Sistema de validación de formularios y efectos de scroll para mejorar la
experiencia visual.
• Optimización de imágenes, implementación de lazy loading, y un sistema
de colores basado en la identidad visual del municipio.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
6. PROPUESTA DE MEJORAMIENTO
durante las prácticas empresariales, que transformó completamente la experiencia digital
del portal web de la Alcaldía Municipal de Pueblo Nuevo, se propone una segunda fase de
mejoramiento que consolide y expanda las funcionalidades ya implementadas. El nuevo
portal desarrollado incorporó exitosamente un sistema de accesibilidad WCAG 2.0
completo, navegación responsive con megamenús, panel de herramientas de accesibilidad,
hero slider dinámico, y arquitectura de información optimizada. Sin embargo, para
maximizar el impacto de estas mejoras y convertir el portal en una verdadera plataforma de
servicios digitales municipales, se requiere la implementación de funcionalidades
transaccionales que permitan a los ciudadanos completar trámites completamente en línea,
reduciendo significativamente la necesidad de desplazamientos presenciales y optimizando
los tiempos de respuesta de la administración municipal.
La propuesta de mejoramiento se centra en la evolución del portal rediseñado hacia un
ecosistema de gobierno digital que incluya la implementación de un sistema de
autenticación ciudadana seguro, desarrollo de formularios inteligentes con validación en
tiempo real para trámites como certificados, licencias y permisos, integración con pasarelas
de pago para facilitar el pago de impuestos prediales y servicios municipales, y la
incorporación de un sistema de seguimiento de solicitudes que mantenga informados a los
ciudadanos sobre el estado de sus gestiones mediante notificaciones automáticas.
Adicionalmente, se propone la implementación de un módulo de participación ciudadana
digital con encuestas interactivas, consultas públicas virtuales, y presupuesto participativo
en línea, así como la integración de herramientas de analítica avanzada que permitan a la
administración municipal tomar decisiones basadas en datos reales sobre el
comportamiento y necesidades de los usuarios del portal, consolidando así a Pueblo Nuevo
como referente en innovación digital municipal en el departamento de Córdoba.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
7. APORTES DEL ESTUDIANTE
Durante el desarrollo de mi práctica empresarial en la Alcaldía Municipal de Pueblo Nuevo,
Córdoba, realice aportes significativos orientados a la modernización digital de la entidad y
a la mejora de la experiencia de atención ciudadana. El principal aporte consistió en el
rediseño integral del portal web institucional, solventando las deficiencias detectadas en
cuanto a usabilidad, accesibilidad, tiempos de carga y visualización en dispositivos
móviles. Se implementó una nueva arquitectura de información, se integró un sistema de
navegación intuitivo con megamenús y se habilitó un panel de herramientas de
accesibilidad que permite a los usuarios ajustar el tamaño de texto, activar modos de alto
contraste, escala de grises, subrayado de enlaces, entre otras funcionalidades, cumpliendo
con los lineamientos WCAG 2.0 y MINTIC.
Se desarrollaron actividades complementarias como la capacitación en herramientas
ofimáticas para funcionarios municipales, fortaleciendo sus competencias digitales y
mejorando la eficiencia de los procesos administrativos internos. Se brindó soporte técnico
preventivo y correctivo a los equipos informáticos de la entidad, garantizando su óptimo
funcionamiento. También se gestionó la actualización de contenidos en el portal
institucional y en la plataforma SECOP, asegurando que la información publicada fuera
oportuna y relevante. Se propuso una segunda fase de mejoramiento digital, que incluye la
integración de trámites en línea, pasarelas de pago, sistemas de autenticación ciudadana y
módulos de participación digital, aportando así a la consolidación de un gobierno abierto,
inclusivo y eficiente.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
8. CONCLUSIONES
Después de haber desarrollado todas las actividades asignadas durante mis prácticas
empresariales, puedo concluir que este proceso fue una oportunidad valiosa para aplicar
mis conocimientos y adquirir experiencia en un entorno laboral real. El rediseño del portal
web de la Alcaldía Municipal de Pueblo Nuevo representó un reto importante, pero también
una gran satisfacción al ver cómo se logró transformar una plataforma obsoleta en una
herramienta moderna, accesible y funcional para todos los ciudadanos. Se pudo de mejorar
la experiencia digital de los usuarios, contribuyó a fortalecer la transparencia y eficiencia de
la gestión pública. Considero que cada actividad realizada, desde la implementación de
herramientas de accesibilidad hasta la capacitación de funcionarios y el soporte técnico,
dejó un aporte significativo para la entidad. Esta experiencia reafirmó mi compromiso
profesional y me permitió desarrollar habilidades técnicas y humanas que serán
fundamentales en mi vida laboral
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
9. RECOMENDACIONES
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
10. BIBLIOGRAFÍA
• Alcaldía de Pueblo Nuevo, Córdoba. (s.f.). Nuestra Alcaldía.
[Link]
[Link]
• Ministerio de Tecnologías de la Información y las Comunicaciones. (2025).,de
[Link]
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
11. ANEXOS
Contenido
1. ANTES Y DESPUES DEL REDISEÑO ......................................................................................27
2. MEGAMENU ......................................................................................................................33
3. ACCESIBILIDAD...................................................................................................................34
4. FORMULARIO DE LEVANTAMIENTO DE INFORMACIÓN ....................................................38
5. ACTIVIDADES DE MANTENIMIENTO TÉCNICO ...................................................................42
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
1. ANTES Y DESPUES DEL REDISEÑO
1.1 INICIO
DESPUES
• Carrusel Hero con imágenes destacadas, textos institucionales y botones de acceso rápido.
• Diseño 100% responsive y accesible en móviles y PC
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
1.2 SERVICIOS
DESPUES
• Sección de servicios destacados con íconos, accesos rápidos y descripciones
• Servicios esenciales ordenados: PQRS, Impuesto Predial, Agenda Cita, Portal Infantil,
Participación
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
1.3 NOTICIAS Y EVENTOS
DESPUES
• Pestañas (tabs) para alternar entre Noticias y Eventos
• Noticias clasificadas por fecha, categoría y resumen
• Tarjetas animadas al hacer scroll
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
1.4 OTROS
ENLACES RAPIDOS
REDES SOCIALES
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
FOOTER
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
2. MEGAMENU
DESPUES
• Menú principal con megamenús organizados por categoría: Trámites, Transparencia,
Participa, Nuestro Municipio y La Alcaldía
• Cada megamenú incluye video de intérprete de lengua de señas
• Estructura clara y jerarquizada con subcategorías y accesos rápidos
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
3. ACCESIBILIDAD
Aumentar texto
Disminuir texto
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Escala de grises
Alto contraste
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Fondo claro
Subrayar enlaces
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Fuente legible
Chat en línea
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
4. FORMULARIO DE LEVANTAMIENTO DE INFORMACIÓN
Resultados
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
¿Cu
áles secciones del portal web usas con mayor frecuencia? (Marca todas las que apliquen)
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Otras preguntas que se hicieron
• ¿Cómo calificarías el diseño visual del portal web?
• ¿Tienes experiencia en tecnología?
• ¿Consideras que el portal web refleja adecuadamente la identidad y valores del municipio?
• ¿Qué funcionalidades adicionales te gustaría que incluyera el portal web?
• ¿Qué cambios sugieres en el diseño o estructura del portal web?
(Marca todas las que apliquen)
• ¿Consideras importante capacitar al personal sobre el uso del portal web?
5. MAPA DE NAVEGACION
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
6. ACTIVIDADES DE MANTENIMIENTO TÉCNICO
• Limpieza física externa e interna a 7 equipos de escritorio, eliminando polvo acumulado
en tarjetas madre, ventiladores y fuentes de poder para prevenir
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
• Desinstalación de software obsoleto y optimización del rendimiento en 11 equipos,
mediante la limpieza de archivos temporales y desfragmentación de discos duros.
• Actualización de sistemas operativos y controladores en 15 computadores, garantizando
compatibilidad con el nuevo portal web y seguridad en la navegación institucional.
• Revisión y reparación de conexiones de red LAN, incluyendo el cambio de cables
defectuosos y la reconfiguración de parámetros de red en 8 oficinas administrativas.
• Mantenimiento y calibración de 7 impresoras multifuncionales, solventando atascos de
papel y errores de impresión.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]
PLANTILLA 11.
INFORME FINAL PRÁCTICA EMPRESARIAL
Comité de Acreditación y Currículo Facultad de Ingenierías
• Soporte técnico a funcionarios que presentaron inconvenientes con el uso del portal
web y otros aplicativos ofimáticos.
Por una universidad con calidad, moderna e incluyente
Carrera 6ª. No. 76-103 Montería NIT. 891080031-3 - Teléfono: 7860300 - 7860920 [Link]