REALIZACIÓN DE INFORMATEC PÁGINA
WEB DE COMUNICACIÓN Y DIFUSIÓN DE
AVISOS, PRÁCTICAS Y SERVICIO SOCIAL
CREATION OF INFORMATEC WEBSITE FOR
COMMUNICATION AND DISSEMINATION OF
ANNOUNCEMENTS, INTERNSHIPS, AND SOCIAL SERVICE
Verónica Farías Veloz
Tecnológico Nacional de México, México
Claudia Anglés Barrios
Tecnológico Nacional de México, México
Marisela Palacios Reyes
Tecnológico Nacional de México, México
Leslie Guadalupe Arizmendi Román
Tecnológico Nacional de México, México
Acosta Valladolid Rogelio
Tecnológico Nacional de México, México
pág. 7903
DOI: https://doi.org/10.37811/cl_rcm.v10i5.26652
Realización de INFORMATEC Página web de comunicación y difusión de
avisos, prácticas y servicio social
Verónica Farías Veloz1
veronica.fv@cdjuarez.tecnm.mx
https://orcid.org/0000-0001-8147-1573
Tecnológico Nacional de México, Campus
Ciudad Juárez
Claudia Anglés Barrios
claudia.ab@cdjurez.tecnm.mx
https://orcid.org/0000-0002-8935-0968
Tecnológico Nacional de México, Campus
Ciudad Juárez
Marisela Palacios Reyes
marisela.pr@cdjuarez.tecnm.mx
https://orcid.org/0000-0003-2830-5829
Tecnológico Nacional de México, Campus
Ciudad Juárez
Leslie Guadalupe Arizmendi Román
L21111431@cdjuarez.tecnm.mx
https://orcid.org/0009-0002-8496-0182
Tecnológico Nacional de México, Campus
Ciudad Juárez
Acosta Valladolid Rogelio
L21111434@cdjuarez.tecnm.mx
https://orcid.org/0009-0003-9537-8208
Tecnológico Nacional de México, Campus
Ciudad Juárez
RESUMEN
El proyecto consiste en el desarrollo de un sistema web denominado INFORMATEC, diseñado para
mejorar la difusión de información académica e institucional dentro de una institución educativa. El
problema que se identificó fue la falta de un medio centralizado para compartir publicaciones
importantes, ocasionando desorganización y dificultad para acceder a la información. Ante esta
problemática, surgió la necesidad de desarrollar una página web completamente institucional que
permita centralizar, organizar y administrar toda la información en un solo espacio digital El objetivo
principal del sistema fue facilitar la publicación y consulta de avisos, servicios y oportunidades mediante
una plataforma accesible para coordinadores, jefes de departamento y público en general. Para el
desarrollo del proyecto se utilizó una metodología basada en el análisis, diseño, desarrollo e
implementación del sistema web. Además, se emplearon tecnologías de desarrollo frontend, backend y
una base de datos para almacenar la información de usuarios y publicaciones. El sistema cuenta con
diferentes tipos de usuarios; los jefes de departamento pueden administrar usuarios y publicaciones,
mientras que los coordinadores gestionan publicaciones, por otra parte, el público general únicamente
puede visualizar la información publicada en el sistema. Como resultado, se obtuvo una plataforma
funcional, intuitiva y organizada que mejora la comunicación institucional y facilita el acceso a
información importante. Con la implementación de INFORMATEC se logró optimizar la administración
de publicaciones y fortalecer la difusión de información académica dentro de la institución.
Palabras clave: difusión, información, sistema web, organizar, centralizar
1
Autor principal.
Correspondencia: veronica.fv@cdjuarez.tecnm.mx
pág. 7904
Creation of INFORMATEC website for communication and dissemination
of announcements, internships, and social service
ABSTRACT
The project consists of the development of a web system called INFORMATEC, designed to improve
the dissemination of academic and institutional information within an educational institution. The
problem identified was the lack of a centralized way to share important announcements, causing
disorganization and difficulty accessing information. In response to this issue, there arose the need to
develop a fully institutional website that allows all information to be centralized, organized, and
managed in a single digital space. The main goal of the system was to make it easier to post and check
notices, services, and opportunities through a platform accessible to coordinators, department heads, and
the general public. For the development of the project, a methodology based on analysis, design,
development, and implementation of the web system was used. Additionally, frontend and backend
development technologies were used, along with a database to store user and post information. The
system has different types of users; department heads can manage users and posts, while coordinators
handle posts. On the other hand, the general public can only view the information published in the
system. As a result, a functional, intuitive, and organized platform was created that improves institutional
communication and makes it easier to access important information. With the implementation of
INFORMATEC, the management of posts was optimized and the dissemination of academic information
within the institution was strengthened.
Keywords: dissemination, information, website, organize, centralize
Artículo recibido 13 setiembre 2026
Aceptado para publicación: 22 octubre 2026
pág. 7905
INTRODUCCIÓN
La investigación se realizó en una institución de educación superior en ciudad Juárez Chihuahua, y
describe el desarrollo de una plataforma web institucional orientada a mejorar la difusión de información
académica, como avisos, prácticas profesionales y servicio social, en esta investigación se abordan los
aspectos principales del proyecto, incluyendo el análisis del problema, los requerimientos y el diseño
del sistema.
Ante la problemática de que la difusión de información institucional se realizaba, en su mayoría, a través
de medios informales como páginas de Facebook, grupos en redes sociales y otros canales de
comunicación no oficiales, provocando falta de control sobre la información publicada, la dispersión de
los avisos, la posibilidad de desinformación y la dificultad para consultar publicaciones anteriores de
manera ordenada, clara y confiable, generando desorganización, duplicidad de información y confusión
entre los estudiantes, quienes debían revisar múltiples fuentes para mantenerse informados sobre las
oportunidades disponibles, con todo esto surge la necesidad de desarrollar una página web
completamente institucional que permita centralizar, organizar y administrar toda la información en un
solo espacio digital. Esta plataforma está estructurada por departamentos, facilitando una navegación
clara y un acceso ordenado a los contenidos. Asimismo, se contempló que únicamente coordinadores y
jefes de departamento cuenten con permisos para publicar y administrar la información, lo que permitió
garantizar la veracidad, formalidad y actualización constante de los avisos (National Institute of
Standards and Technology, 2024).
De esta manera, la creación de una plataforma web institucional contribuyo a fortalecer la comunicación
interna, mejorar la gestión de la información y ofrecer a los estudiantes un medio confiable, accesible y
permanente para consultar avisos, vacantes de prácticas profesionales y oportunidades de servicio social,
alineándose con los objetivos de modernización y mejora continua de la institución (ISO/IEC
27001:2022, 2022).
El proyecto se limitó al desarrollo de la aplicación web, incluyendo su diseño, estructura, base de datos
y funcionalidades principales. No contempló la implementación, el desarrollo de una aplicación móvil
nativa ni la integración con sistemas externos o redes sociales. Asimismo, como la administración del
pág. 7906
contenido solo depende del personal autorizado, no se incluyeron funciones para que los estudiantes
publiquen información.
El objetivo general fue el desarrollar una página web institucional que permitiera centralizar, organizar
y difundir de manera segura y confiable los avisos, vacantes de prácticas profesionales y oportunidades
de servicio social, con acceso exclusivo para coordinadores y jefes de departamento, facilitando a los
estudiantes el acceso oportuno a información oficial (NIST, 2024).
Los objetivos específicos fueron los siguientes:
• Desarrollar la página web institucional, implementando funcionalidades de publicación, gestión
y acceso seguro exclusivo para coordinadores y jefes de departamento.
• Diseñar la arquitectura cliente-servidor, la interfaz de usuario intuitiva y el modelo de base de
datos relacional (MySQL) que garantice la organización de la información por departamentos.
(MDN, 2026)
• Construir el sistema web utilizando tecnologías y los módulos de administración de
publicaciones.
Las metas planteadas de la investigación fueron las siguientes:
• Garantizar mediante pruebas de software que el 100% de las funciones de publicación queden
restringidas exclusivamente a los roles de usuarios autorizados en la base de datos.
• Alcanzar un tiempo de respuesta del sistema menor a 3 segundos en la carga de páginas
principales.
• Lograr que el 90% de los usuarios participantes en las pruebas de usabilidad califiquen la
interfaz del prototipo como clara y de fácil navegación.
El desarrollo del proyecto se basó en una serie de supuestos que se consideraron necesarios para el
cumplimiento de los objetivos planteados. Estos supuestos permitieron establecer las condiciones bajo
las cuales se desarrollaría la plataforma web y servirían como base para la validación de su
funcionamiento mediante pruebas realizadas durante el desarrollo del sistema.
Se asumirá que los administrativos responsables de cada departamento proporcionarán la información
necesaria para definir los requerimientos del sistema.
pág. 7907
Se considerará que las tecnologías utilizadas (HTML, CSS, JavaScript, PHP y base de datos) serán
suficientes para el desarrollo de la plataforma web institucional.
Se asumirá que el sistema podrá gestionar y visualizar la información de manera organizada mediante
los módulos desarrollados.
Se considerará que las pruebas realizadas permitirán verificar el correcto funcionamiento de las
funcionalidades principales del sistema.
Se asumirá que los usuarios administrativos podrán realizar acciones como publicar, editar y eliminar
avisos dentro de la plataforma.
Los principales beneficiados con el desarrollo de la página web son los estudiantes, quienes pueden
acceder fácilmente a avisos y oportunidades académicas y profesionales sin depender de múltiples
canales informales. También se ven favorecidos coordinadores y jefes de departamento, al contar con
un sistema que les permita gestionar la información de manera centralizada y segura, evitando
duplicidad de publicaciones y errores de comunicación. De manera indirecta, la institución se beneficia
al fortalecer su imagen y formalizar sus procesos de comunicación interna.
La utilidad del proyecto es múltiple: social, al mejorar la comunicación con la comunidad estudiantil;
administrativa, al organizar y controlar la publicación de avisos; y tecnológica, al implementar un
sistema digital que centraliza la información de manera segura y eficiente. En síntesis, el proyecto es
relevante porque proporciona un sistema formal, eficiente y accesible para la difusión de información
institucional, beneficiando a estudiantes, personal académico y a la institución en general.
METODOLOGÍA
El proyecto correspondió a una investigación aplicada, ya que tuvo como finalidad resolver una
problemática específica dentro de una institución de educación superior, relacionada con la difusión y
gestión de avisos, vacantes de prácticas profesionales y servicio social. Su alcance es de tipo descriptivo,
debido a que se analizan las condiciones actuales en las que se lleva a cabo la difusión de la información
institucional, identificando problemáticas como la falta de organización, control y centralización de los
datos.
El diseño de la investigación es no experimental, ya que no se manipulan variables de manera controlada,
sino que se observa y analiza la situación actual para proponer una solución. Además, el estudio es de
pág. 7908
tipo transversal, debido a que la información se recolecta en un periodo de tiempo determinado durante
el desarrollo del proyecto.
La población de estudio estuvo conformada por los estudiantes de la institución, quienes son los
principales usuarios relacionados con avisos, prácticas profesionales y servicio social, así como por el
personal administrativo encargado de su difusión. La muestra estuvo integrada por 29 estudiantes
seleccionados, quienes participaron en la aplicación de la encuesta. La selección se realizó mediante un
muestreo no probabilístico por conveniencia, considerando la disponibilidad de los participantes. Esta
muestra permitió obtener información representativa sobre la percepción y necesidades de los
estudiantes respecto a los medios actuales de difusión y la propuesta de implementación de una página
web institucional.
Para la obtención de información se utilizó como instrumento principal la encuesta, la cual fue elaborada
y aplicada mediante la herramienta digital Google Forms, lo que permitió facilitar su distribución y
recolección de respuestas de manera eficiente. Una vez finalizada la encuesta se llevó a cabo el análisis
de datos y se determinó lo siguiente:
En la Figura 1 se observa que el 44.8 de la población estudiantil se entera por Facebook mientras que
un 41.4% por medio de sus compañeros.
Figura 1 Resultados encuesta
En la Figura 2 se percibe con un 62.1% que la información no se encuentra completamente organizada.
pág. 7909
Figura 2 Resultados encuesta
En la Figura 3 se muestra que el 100% de los estudiantes se han perdido de al menos aviso o una
convocatoria por la actual difusión.
Figura 3 Resultados encuesta
Figura 4 Resultados encuesta
En la Figura 4 se evidencia que el 62.1% de los estudiantes consideran difícil encontrar información
anterior.
pág. 7910
En la Figura 5 se contempla que el 89.7% de los estudiantes no consideran óptima la forma en la que se
difunde información.
Figura 5 Resultados encuesta
En la Figura 3.6 se aprecia que el 75.9% de los estudiantes consideran poco confiable la actual difusión
de información.
Figura 6 Resultados encuesta
En la Figura 7 se muestra que el 100% de los estudiantes le parece óptima la idea del desarrollo de una
página de difusión de avisos.
pág. 7911
Figura 7 Resultados encuesta
En la Figura 8 se aprecia que el 82.8% de los estudiantes considera útil tener una página web para
consultar avisos y vacantes.
Figura 8 Resultados encuesta
En la Figura 9 se analiza la información que los estudiantes quieren encontrar en una sola página.
Figura 9 Resultados encuesta
pág. 7912
En la Figura 10 se puede ver que el 100% de los estudiantes cree que una página web ayudaría a la
organización y distribución de información.
Figura 10 Resultados encuesta
Para el desarrollo del proyecto se empleó una metodología de tipo estructurada, basada en el modelo en
cascada, la cual permite organizar el proceso en diferentes fases secuenciales, caracterizándose por
dividir el desarrollo del sistema en etapas bien definidas, donde cada fase debe completarse antes de
iniciar la siguiente (Digital Talent Agency, 2018), durante la realización del proyecto se identificaron las
siguientes fases:
Análisis de requerimientos.
Se identificaron las necesidades del sistema mediante entrevistas con administrativos de los
departamentos y encuestas a estudiantes, definiendo los requerimientos para la gestión y consulta de
avisos, prácticas profesionales y servicio social.
El sistema fue dirigido a dos tipos principales de usuarios:
Usuarios administrativos: conformados por coordinadores y jefes de departamento, quienes son
responsables de la gestión del sistema. Entre sus funciones se encuentra la publicación, edición y
eliminación de avisos, así como la actualización de la información relacionada con prácticas
profesionales y servicio social.
Usuarios estudiantes: quienes utilizan la plataforma para consultar la información disponible. Estos
usuarios podrían visualizar avisos, vacantes y convocatorias de manera organizada, sin necesidad de
realizar modificaciones dentro del sistema.
pág. 7913
Requisitos funcionales.
Se detectaron los siguientes requerimientos para el sistema:
Inicio de sesión para usuarios administrativos (coordinadores y jefes de departamento).
Permitir a los administrativos registrar, editar y eliminar avisos.
Publicación de vacantes de prácticas profesionales y servicio social.
Organizar la información por departamentos.
Permitir a los estudiantes visualizar los avisos y vacantes disponibles.
Mostrar la información de manera ordenada y actualizada.
Visualizar información detallada de cada aviso o vacante.
Registrar las fechas de publicación de cada aviso.
Requisitos no funcionales.
El sistema debe ser fácil de usar (interfaz amigable e intuitiva) (Nielsen, 2024).
El sistema debe garantizar la seguridad de acceso, permitiendo solo a usuarios autorizados publicar
información (OWASP, 2021; Briceño,2021).
El sistema debe tener tiempos de respuesta rápidos al consultar la información.
El sistema debe ser compatible con distintos navegadores web (Chrome, Edge, etc.).
El sistema debe permitir el almacenamiento seguro de la información en la base de datos (OWASP Top
10:2021, 2021).
El sistema debe ser escalable, permitiendo considerar el crecimiento y futuros cambios de acuerdo a las
necesidades del sistema y adaptarse a distintas condiciones de operación (Adones Farfán, 2020;
Kazman, Echeverria, & Ivers, 2022).
El sistema debe mantener la integridad de la información, evitando datos duplicados o incorrectos.
(ISO/IEC, 2023; FORTINET, 2025).
Diseño del sistema.
Se definió la arquitectura del sistema, el diseño de la base de datos, la estructura de la plataforma web y
la interfaz de usuario, considerando la organización por departamentos y el acceso controlado para
administrativos.
pág. 7914
El diagrama de casos de uso mostrado en la figura 11 detalla las principales funciones del sistema web
institucional y la interacción de los usuarios con la plataforma. En él se representan los procesos que
pueden realizar los estudiantes y los usuarios administrativos, como la consulta de publicaciones,
búsqueda de información, inicio de sesión y gestión de avisos. Asimismo, permite visualizar de manera
general el funcionamiento del sistema y las actividades principales desarrolladas dentro de la plataforma.
Figura 11 Diagrama de caso de uso
El diagrama de clases que se muestra en la figura 12 representa la estructura general del sistema web
institucional, mostrando las principales clases, atributos, métodos y relaciones existentes dentro de la
plataforma.
Figura 12 Diagrama de clases
El siguiente diagrama entidad-relación (Figura 13) representa la estructura de la base de datos utilizada
en el sistema web institucional, en él se muestran las principales entidades, atributos y relaciones que
permiten organizar y administrar la información dentro de la plataforma.
pág. 7915
Figura 13 Diagrama entidad relación
En la arquitectura de sistema, el cliente es el dispositivo desde el cual el usuario accede al sistema
mediante un navegador web enviando solicitudes al servidor para consultar o registrar información
dentro de él. Por su parte, el servidor es el encargado de procesar dichas solicitudes, ejecutar la lógica y
gestionar la comunicación con la base de datos.
Dentro del proyecto, el cliente estuvo conformado por la interfaz web desarrollada mediante tecnologías
como HTML, CSS y JavaScript, las cuales permiten mostrar la información y facilitar la interacción del
usuario con el sistema. Por otro lado, el servidor utiliza el lenguaje de programación PHP para procesar
la información enviada por los usuarios y realizar las operaciones necesarias dentro de la base de datos.
La base de datos se encarga de almacenar la información relacionada con los avisos, vacantes de
prácticas como se muestra en la Figura 14
Figura 14 Arquitectura del sistema
pág. 7916
A continuación, se muestran los bocetos principales del sistema:
Inicio de sesión: Para el módulo de acceso a la plataforma INFORMATEC, se diseñó una interfaz
basada en el patrón de pantalla dividida (split-screen) dentro de un contenedor central con esquinas
redondeadas. Este diseño (figura 15) busca equilibrar la identidad institucional con una experiencia de
usuario limpia y funcional.
Figura 15 Boceto inicio de sesión
Pantalla principal: Para la pantalla principal de visualización de la plataforma, mostrada en la figura
16, se diseñó una interfaz de tipo Tablero (Dashboard/Feed) que hereda la identidad institucional de la
página de acceso y prioriza la organización de la información mediante un sistema de filtros y una
distribución en cuadrícula (grid) de tarjetas.
pág. 7917
Figura 16 Boceto pantalla principal
Perfil: Para el módulo de gestión interna de la plataforma (figura 17), se diseñó una interfaz de tipo
Panel de Control (Dashboard Administrador) con una disposición asimétrica de dos columnas
principales. Esta pantalla permite a los usuarios con roles específicos administrar su perfil, dar de alta
nuevos usuarios y gestionar el ciclo de vida de sus publicaciones mediante herramientas de creación,
edición y eliminación.
pág. 7918
Figura 17 Boceto perfil
En el desarrollo se llevó a cabo la programación del sistema utilizando tecnologías como HTML, CSS,
JavaScript y PHP, así como la integración con la base de datos para el almacenamiento y gestión de la
información. Posteriormente se realizaron pruebas para verificar el correcto funcionamiento del sistema,
incluyendo el registro de usuarios, publicación de vacantes, consulta de información y validación de
accesos. En la figura 18 se puede apreciar una de las primeras pruebas de validación para el inicio de
sesión.
pág. 7919
Figura 18 Página de inicio de sesión
Ya que se ingresan los datos correctos, se realiza un inicio de sesión exitoso, cómo se aprecia en la figura
19, permitiendo acceder al perfil del usuario.
Figura 19 Página de inicio
En la prueba de consulta se verificaron que los filtros funcionaban correctamente para ello se ingresó a
la página de inicio y se mostraron las publicaciones que se pueden observar en la figura 20, las cuales
funcionaban correctamente.
pág. 7920
Figura 20 Página inicio
En la etapa de implementación se realizó la integración de los módulos desarrollados con el propósito
de verificar el funcionamiento general del sistema web. Asimismo, se llevaron a cabo pruebas de
navegación, acceso y gestión de información para comprobar que la plataforma cumple con los
requerimientos establecidos durante el desarrollo del proyecto. En la prueba de navegación se validó
que los enlaces, botones y menús del sistema permitieran navegar correctamente entre las distintas
páginas, asegurando que no existieran errores de redirección ni páginas inaccesibles.
Con respecto a la disponibilidad, la información de imágenes y publicaciones se almacena en la base de
datos para permitir que el sistema gestione y muestre el contenido de manera organizada, facilitando
guardar datos importantes como el nombre de la imagen, la ruta del archivo, la fecha de publicación, el
autor y la descripción de cada publicación. Además, permite recuperar la información rápidamente,
mantener un control del contenido y mejorar la administración del sitio web, a continuación, en la figura
21 se muestra la tabla de publicación.
Figura 21 Base de datos tabla publicación
Hablando de la seguridad en el sistema, las contraseñas de los usuarios se almacenan cifradas en la base
de datos para proteger la información y aumentar la seguridad del mismo (figura 22) (OWASP, Password
Storage Cheat Sheet, 2025; PHP Documentation Group, s.f.)
pág. 7921
Figura 22 Base de datos tabla usuario
En la etapa de mantenimiento se consideran las posibles mejoras y actualizaciones que pueden realizarse
al sistema con la finalidad de mantener su correcto funcionamiento y organización. Asimismo, se
contempla la corrección de errores detectados durante las pruebas realizadas al prototipo desarrollado.
De igual manera, el mantenimiento permite que la plataforma pueda adaptarse a futuras necesidades
institucionales, facilitando la incorporación de nuevas funciones o modificaciones en la gestión de la
información.
RESULTADOS
Se muestran algunas de las páginas más importantes del sistema que cumplen con los objetivos de la
investigación. La página de inicio (figura 23) cumple con el objetivo de centralizar la información
institucional en un solo espacio digital, ofreciendo una interfaz clara y accesible. Los filtros de búsqueda
y la organización en tarjetas permiten superar la problemática detectada en las encuestas, donde el 62.1%
de los estudiantes consideraba difícil encontrar información anterior. Este resultado demuestra que el
sistema organiza y presenta los avisos de manera confiable y eficiente.
pág. 7922
Figura 23 INFORMATEC Página de inicio
La página de inicio de sesión (figura 24) cumple con el objetivo de asegurar el acceso controlado al
sistema, permitiendo que solo el personal autorizado gestione la información. Las pruebas de
funcionalidad confirmaron que el proceso de autenticación opera correctamente y protege los datos de
los usuarios. Este resultado valida el cumplimiento del requisito de seguridad planteado en los objetivos
específicos y contribuye a la confiabilidad general del sistema.
pág. 7923
Figura 24 INFORMATEC Página de inicio de sesión
La página de administración de avisos (figura 25) cumple con el objetivo de garantizar que solo personal
autorizado pueda publicar, editar o eliminar información institucional. Este resultado demuestra que el
sistema asegura la correcta gestión de avisos, centralizando la información y manteniendo la integridad
de los datos.
Figura 25 INFORMATEC Página de perfil
En la página de servicios (figura 26), los resultados evidencian que el sistema cumple con el objetivo de
centralizar y difundir información oficial de manera segura y confiable, facilitando la consulta de
pág. 7924
convocatorias y requisitos de servicio social. De esta forma, se garantiza que los estudiantes comprendan
las condiciones necesarias antes de iniciar el trámite, lo que contribuye a la transparencia y eficiencia
en la gestión académica.
Figura 26 INFORMATEC Página de servicios y oportunidades
A continuación, se muestra en la figura 27 como el administrador puede gestionar los usuarios
registrados en la plataforma INFORMATEC. Permitiendo realizar operaciones de alta, modificación y
eliminación de usuarios, así como consultar información específica mediante filtros de búsqueda por
nombre, apellidos o departamento.
pág. 7925
Figura 27 Página de perfil
Por último, se muestran las gráficas de los resultados de pruebas de usabilidad. En la figura 28 se refleja
la percepción de los usuarios sobre la usabilidad del sistema, por lo que se concluye que el sistema es
considerado fácil de usar y comprender, cumpliendo con los objetivos de usabilidad, aunque existe una
ligera oportunidad de mejora en la curva de aprendizaje inicial.
Figura 28 Gráfica de facilidad de uso
Con respecto a la opinión de los usuarios sobre el diseño del sistema, según la gráfica mostrada en la
figura 29 se concluye que los usuarios perciben el diseño como atractivo, profesional y bien organizado,
con mínima neutralidad en los aspectos visuales.
pág. 7926
Figura 30 Gráfica Diseño e interfaz
En la figura 30 se refleja la evaluación de los usuarios sobre la funcionalidad del sistema, estos
consideran que el sistema funciona de manera completa y eficiente, mostrando plena satisfacción en su
desempeño.
Figura 30 Gráfica Funcionalidad del sistema
La figura 31 muestra la percepción de los usuarios sobre la seguridad y estabilidad del sistema, indicando
que confían en la seguridad y consideran que el sistema protege su información de manera estable.
pág. 7927
Figura 31 Gráfica Seguridad y confiabilidad
CONCLUSIÓN Y DISCUSIÓN
En función de los resultados obtenidos, se concluye que el proyecto cumplió satisfactoriamente con el
objetivo general de desarrollar una página web institucional que centraliza, organiza y difunde de
manera segura y confiable los avisos, vacantes de prácticas profesionales y oportunidades de servicio
social, con acceso exclusivo para coordinadores y jefes de departamento, facilitando a los estudiantes el
acceso oportuno a información oficial.
De tal manera que se alcanzaron los objetivos específicos planteados:
Se implementaron correctamente las funcionalidades de publicación, gestión y acceso seguro,
garantizando que solo personal autorizado pueda administrar la información institucional.
La arquitectura cliente-servidor, la interfaz intuitiva y el modelo de base de datos relacional permitieron
organizar la información por departamentos de manera clara y eficiente.
El uso de tecnologías front-end (HTML, CSS, JavaScript) y back-end (PHP) posibilitó la construcción
de un sistema funcional, con inicio de sesión seguro y módulos de administración que responden de
manera estable y confiable (MDN Web Docs, s.f.).
Los resultados de las encuestas de usabilidad, diseño, funcionalidad y seguridad evidencian una
percepción altamente positiva por parte de los usuarios, confirmando que el sistema constituye una
herramienta eficaz, confiable y útil para la comunidad estudiantil.
pág. 7928
En consecuencia, se recomienda incorporar tutoriales breves o guías interactivas que faciliten la
adaptación de nuevos usuarios y reduzcan la curva de aprendizaje, realizar ajustes periódicos en los
elementos gráficos y colores para mantener la coherencia institucional y mejorar la experiencia visual,
implementar pruebas continuas de rendimiento y auditorías de seguridad que garanticen la estabilidad
del sistema y la protección de datos, y considerar la integración de nuevas funciones como notificaciones
automáticas o aplicaciones móviles que amplíen el alcance del sistema sin comprometer su simplicidad.
Finalmente, dado que el sistema cumple con los objetivos planteados y ha demostrado aceptación
positiva entre los usuarios, se concluye que se encuentra listo para su implementación institucional,
consolidándose como una herramienta que contribuirá al fortalecimiento de la comunicación y la
organización académica (Nielsen, 2024).
REFERENCIAS BIBLIOGRÁFICAS
Adones Farfán, J. (2020). Mantenibilidad del Software. Consideraciones para su especificación y
validación. Ingeniare. Revista chilena de ingeniería. Obtenido de Ingeniare. Revista chilena de
ingeniería: https://www.scielo.cl/scielo.php?script=sci_arttext&pid=S0718-
33052020000400654
Briceño, E. V. (Marzo de 2021). Seguridad de la informacion. Obtenido de https://3ciencias.com/wp-
content/uploads/2021/03/LIBRO-SEGURIDAD-INFORMACIO%CC%81N.pdf
Digital Talent Agency. (18 de 07 de 2018). Metodologías de gestión de proyectos. Tema 1: Modelo
Waterfall o en cascada. Obtenido de
https://www.dtagency.tech/cursos/metodologias_gestion_proyectos/tema_1-
ModeloWaterfall.pdf
FORTINET. (2025). Obtenido de Tríada CIA: confidencialidad, integridad y disponibilidad:
https://www.fortinet.com/lat/resources/cyberglossary/cia-triad
ISO/IEC. (11 de 2023). ISO/IEC 25010:2023. Obtenido de https://www.iso.org/standard/78176.html
ISO/IEC 27001:2022. (octubre de 2022). Obtenido de https://www.iso.org/standard/27001
Kazman, R., Echeverria, S., & Ivers, J. (04 de 2022). Carnegie Mellon University. Obtenido de
Kilthub: https://kilthub.cmu.edu/articles/report/Extensibility/18863639?file=34714069
pág. 7929
MDN. (29 de 08 de 2026). MDN Web Docs. Obtenido de Introducción al lado del servidor:
https://developer.mozilla.org/es/docs/Learn_web_development/Extensions/Server-
side/First_steps/Introduction
MDN Web Docs. (s.f.). Estructurando la WEb con HTML. Obtenido de
https://developer.mozilla.org/es/docs/Learn_web_development/Core/Structuring_content
National Institute of Standards and Technology. (26 de febrero de 2024). The NIST Cybersecurity
Framework (CSF) 2.0.
Nielsen, J. (30 de 01 de 2024). 10 Heurísticas de usabilidad para el diseño de interfaces de usuario.
Obtenido de NN/G: https://www.nngroup.com/articles/ten-usability-heuristics/
NIST. (26 de 02 de 2024). National Institute of Standards and Technology. Obtenido de The NIST
Cybersecurity Framework, (CSF) 2.0:
https://nvlpubs.nist.gov/nistpubs/CSWP/NIST.CSWP.29.pdf
OWASP. (2021). Pérdida de Control de Acceso. Obtenido de OWASP Top 10:2021:
https://top10.owasp.org/2021/es/A01_2021-Broken_Access_Control/
OWASP. (2025). Password Storage Cheat Sheet. Obtenido de
https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html
OWASP Top 10:2021. (2021). A03:2021 – Inyección. Obtenido de
https://top10.owasp.org/2021/es/A03_2021-Injection/
PHP Documentation Group. (s.f.). Seguridad de las configuraciones INI de sesión. Obtenido de PHP
documentation: https://www.php.net/manual/es/session.security.ini.php
