REPÚBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN

UNIVERSITARIA
UNIVERSIDAD POLITÉCNICA TERRITORIAL DEL NORTE DE MONAGAS
“LUDOVICO SILVA”
CARIPITO ESTADO MONAGAS

DESARROLLO DE UN SISTEMA WEB PARA EL CONTROL DE LAS

ACTIVIDADES DE LA COORDINACIÓN DE SERVICIO COMUNITARIO DE
LA U.P.T.N.M. “LUDOVICO SILVA”

Asesor Metodológico: Autor(es) o Autora(s):

Ing. Sobeida Rivas Ruth Cedeño
César Centeno
Asesor Técnico: Juan Aguilera
Ing. Msc. Daniel Millán

Caripito, junio de 2023

1
 Índice
Contenido…………………………………………………………………..Páginas
Introducción…………………………………………………………………… 3-4
Diagnóstico, Jerarquización de Necesidades y Selección del Problema…5
Descripción del Problema………………………………………………..…... 5-6
Modelo de Negocios…………………………………………………………….6
Objetivos del Proyecto………………………………………...…………….…6-7
Estudio de Factibilidad…………………………………….………....………..7-9
Adscripción de la investigación: Línea de investigación…………………….9
Impacto social del proyecto…………………………………………..……...9-10
Tipo de proyecto .…………………………………………..…………………..10
Organismos que apoyan al proyecto .……………………..…...……………10
Beneficiarios del Proyecto …………………………………..……………..…11
Alcance del proyecto …………………………………..……………………...11
Fundamentación legal ……………………………………………………….11-12
La institución ……………………………………………………………..……..13
Documentos de Especificación de Requisitos de Software (SRS) ….…..13-24
Planificación del Proyecto ……………………………………………….……..25
Descripción de la metodología …………..……………………………..…...26-27
Desarrollo, Ejecución e Implantación de la Metodología de Desarrollo…27-36
Diseño y Aplicación del Plan de Prueba …..………………….………....…37-45
Conclusiones y Recomendaciones ..………………………………………..46-47
Referencias Bibliográficas ..……………………………………………..……..47
Anexos (Manual de Usuario) ………………………………………..……...47-53

2
 Introducción

Actualmente, el mundo ha evolucionado y avanzado de manera

tecnológica, es sabido que la mayoría de los procesos se realizan por medio
del uso del Internet, ya sea compras, el manejo de la comunicación y como
se desarrolla el entorno social por medio de las redes, uno de las actividades
más realizadas vía Internet son las compras y el uso de páginas web como
medio para compartir información y realizar acciones como pedidos,
inscripciones, entre otros. Debido a esta evolución tecnológica, las
empresas, instituciones y organizaciones se han adaptado a esta nueva era
donde la tecnología está muy integrada a la sociedad, lo cual proporciona
mejores herramientas para el manejo y control de sus actividades.

Uno de los requisitos más importantes a la hora de optar por un título

de cualquier universidad es la realización de Servicio Comunitario, el cual
permite que los estudiantes conozcan a las comunidades y sepan cómo
desenvolverse en un entorno amplio donde se debe ser sociable y proactivo.
Si bien este es una de las obligaciones más importantes, la UPTNM
“Ludovico Silva” no cuenta con una página web que les permita a los
estudiantes adquirir más información acerca del Servicio Comunitario, su
función, sus objetivos, entre otros recursos ricos en conocimiento que el
Servicio Comunitario ofrece.

La creación de una página web sería de mucha utilidad para que la

institución tenga un crecimiento en recursos y tecnología interna, esto será
útil también para el estudiante que requiera la utilización de la página web.
Es de suma importancia mejorar los procesos y el manejo que el
establecimiento lleva con respecto al Servicio Comunitario, ya que esto
garantizará que se siga llevando sus actividades como cada año sin
interrupciones mejorando las acciones de la misma.

3
 Una página web se encargará de las actividades y el control de la
coordinación de Servicio Comunitario, suministrando información, la cual
tendrá una base de datos que permita almacenar y administrar los
estudiantes que pertenezcan al Servicio Comunitario de la universidad, la
cual también mostrará la información necesaria. De esta manera, se impulsa
y fomenta el desarrollo de herramientas tecnológicas que solucionen
problemáticas que afectan a las instituciones y las diferentes fundaciones,
todo esto para mejorar la calidad de los servicios ofrecidos por los
establecimientos educativos públicos.

El proyecto tendrá diferentes fases donde se desglosará diferentes

puntos para poder describir y conocer los problemas que la institución tenga
y saber de qué manera abordarlos. En la primera fase, se englobará el
diagnóstico de los problemas que la coordinación tenga y de qué manera se
seleccionó el mismo, también se extiende a sus objetivos, los beneficios que
éste tiene, su alcance y de qué manera se implementó su metodología de
desarrollo. Siguiendo esta estructura, vendría la segunda fase, en donde se
explicará el diseño y aplicación de las pruebas que se realizaron, junto con
sus conclusiones y recomendaciones, sin olvidar la bibliografía y los anexos
del manual de usuario.

4
1. Diagnóstico, Jerarquización de Necesidades y Selección del
Problema

Una de las actividades para conseguir un diagnóstico es por medio de

una entrevista, ésta se puede realizar de manera estructurada o no
estructurada, con dicha diligencia, se abordó a la universidad en la
coordinación de Servicio Comunitario, conversando con la jefa que maneja
esta área, se encontraron diversos factores problemáticos que tiene en el
aspecto tecnológico e informático, entre estos están el fallo de
mantenimiento a las computadoras y la falta de una página web informativa
de su coordinación.

Priorizando estos problemas, se tomó la decisión de realizar una

página web informativa para la coordinación, ya que ambas partes obtendrán
una gran ayuda mutua, permitiendo el crecimiento tecnológico de la
universidad y también el incremento en conocimiento para los estudiantes
que realizarán la página.

2. Descripción del Problema.

La universidad no posee una página web informativa que pueda

compartir información del servicio comunitario, esto genera dificultad para
suministrar la información necesaria con respecto al mismo ya que muchos
estudiantes no les llega la información completa y necesaria para poder
cumplir con el Servicio Comunitario, ya sea como no saber cuáles son los
requisitos necesarios para poder inscribirlo, o no puedan conseguir las
planillas precisas. Esto también trae como consecuencia que los Servicios
Comunitarios realizados con anterioridad en la institución se mantengan
archivados y guardados de manera física, lo cual genera un uso de espacio

5
que puede ser utilizado de mejor manera, y muchas veces debido a esto los
estudiantes no pueden optar por revisar alguno de estos servicios, ya sea
para poder guiarse de los mismos.

Una de las prioridades del establecimiento es contar con una página

web que sea informativa y permita que los estudiantes puedan conseguir
todo tipo de información necesaria para que realicen el Servicio Comunitario.
La idea del proyecto es ir realizándola y cumplir con las necesidades más
importantes que la institución tenga.

3. Modelo de Negocios.
Imagen Nro. 1: Modelo de negocios

4. Objetivos del Proyecto.

4.1. Objetivo general

 Desarrollar un sistema web para el control de las actividades de la

coordinación de Servicio Comunitario de la UPTMN “Ludovico Silva”.

4.2. Objetivos específicos

6
  Diagnosticar el departamento de la coordinación de servicio
comunitario de la UPTMN “Ludovico Silva” para la definición de sus
necesidades y requerimientos.
 Diseñar el sistema web junto con la base de datos, identificando los
programas y componentes para su realización.
 Implantar la propuesta en práctica de la información obtenida.
 Capacitar el uso del sistema web a las personas involucradas de
manera directa e indirecta en su utilización.

5. Estudio de Factibilidad.

El proyecto presentado se considera una propuesta viable ya que el

desarrollo del sistema web para la UPTMN “Ludovico Silva” genera una
mejora para la evolución tecnológica para la universidad, ampliando su
crecimiento interno y externo, además que no genera algún tipo de problema
en su desarrollo más allá de las personas capacitadas para ejecutar el
mismo.

5.1. Factibilidad Técnica: El proyecto a realizar es factible

técnicamente ya que los estudiantes que realizarán el sistema web cuentan
con los conocimientos debidos para su desarrollo, ejecución y correcto
funcionamiento, además de que tienen el apoyo del asesor técnico el cual es
un especialista en el área de desarrollo web.

Los estudiantes cuentan con el equipo adecuado para el desarrollo del

sistema web, en este caso estará utilizando una computadora con las
siguientes características: ROM 256gb, RAM 6gb, Procesador Pentium®
Dual-Core CPU, con un sistema operativo Windows 7 de 64bits.
Teniendo en cuenta que la coordinación también posee computadoras
con las siguientes características: ROM 256gb, RAM 4gb, Procesador

7
Pentium® Dual-Core CPU, con un sistema operativo Windows 7 de 32bits
para mantener el sistema, donde además tienen acceso a internet debido a
que es un sistema web y éste es lo primordial para ingresar en el mismo.

5.2. Factibilidad Económica: El proyecto que para la UPTMN

“Ludovico Silva” es también factible económicamente ya que no realizarán
ninguna inversión monetaria por obtener el sistema web que mejorará el
control de actividades la coordinación de Servicio Comunitario, que podrá
suministrar información importante y necesaria.

Si la universidad llegará a pagar por un sistema web como el que se

realizará, un programador promedio cobraría 3$ por hora:
Horas Precio Total
40 horas de 3$ por hora 120$
levantamiento.
160 horas de 3$ por hora 360$
desarrollo.

40 horas de prueba. 3$ por hora 120$

240 horas / 600$

5.3. Factibilidad Operativa: El proyecto a realizar es factible

operativamente ya que la UPTMN “Ludovico Silva” cuenta con el personal
que administrará el sistema web junto con su mantenimiento, dicho personal
será capacitado para conocer el sistema y su funcionamiento.

6. Adscripción de la investigación: Línea de investigación.

8
 Una línea de investigación es un eje temático mono o interdisciplinario
que permite tener un conjunto de objetivos y metodologías científico-técnicas
para la solución de uno o varios problemas identificados en las áreas a las
que corresponda, permitiendo generar un nuevo conocimiento.

La línea de investigación seleccionada es “Desarrollo de Software”,

siendo la sub-línea seleccionada programación, la cual permite tener
técnicas avanzadas de desarrollo orientadas a modelos colaborativos,
accediendo así a conocimientos para el diseño de aplicaciones y sistemas
web basado en tecnologías híper-medio de Internet, métrica y evaluación del
software desde el punto de vista de su facilidad de uso y de adaptación a las
necesidades del usuario.

7. Impacto social del proyecto.

7.2. Técnica: El proyecto impactará técnicamente ya que el sistema

web a desarrollar va a automatizar los procesos y actividades que la
coordinación de Servicio Comunitario tenga, suministrando también
información necesaria.

La realización de este proyecto se llevará a cabo utilizando los

programas necesarios para desarrollar un sistema web óptimo y fácil de
utilizar, que cumpla con los requerimientos, siendo uno de estos programas
“Visual Studio Code” y “Visual Studio Community”, los cuales permiten
manejar diversos lenguajes de programación como JavaScript y C#, que
permiten desarrollar entornos de sistemas web, ya sea por medio de los
lenguajes previamente mencionados junto con lenguajes informáticos como
CSS y HTML.

9
 7.3. Social: Desde el punto de vista social, esta propuesta impactará
directamente a los estudiantes que hacen vida en la institución UPTMN
“Ludovico Silva”, ya que tendrán un sistema web adecuado para obtener
información cuando lo ameriten acerca del área de Servicio Comunitario y
toda la información que ésta maneja.

8. Tipo de proyecto.

Este proyecto es de tipo regional, ya que se enfoca en desarrollar

estrategias y métodos para solucionar las necesidades de la UPTMN
“Ludovico Silva”, siendo que ésta tiene diversas sedes en varios municipios
del estado Monagas, estas sedes van a poder tener acceso al sistema web
una vez desarrollado.

9. Organismos que apoyan al proyecto.

La UPTMN “Ludovico Silva” se encarga de formar y egresar

profesionales como ingenieros y licenciados, es la principal institución que
apoya el proyecto por ser la casa de estudio donde los desarrolladores se
han formado. Además, que la UPTMN “Ludovico Silva” será el beneficiario
directo siendo la misma quien recibirá el sistema web para el control de sus
actividades y suministrar información en la coordinación de Servicio
Comunitario.

10. Beneficiarios del Proyecto.

10.1. Directos: Este proyecto beneficia de forma directa a la

coordinación de Servicio Comunitario de la universidad, ya que ayudará a
mejorar el manejo de su información y podrá tener más alcance los
estudiantes que la requieran de la misma.

10
 10.2. Indirectos: Este proyecto beneficia de manera indirecta a todos
los estudiantes que hacen vida en la universidad, ya que ellos necesitan de
forma constante información de la coordinación de servicio comunitario para
poder cumplir con su realización.

11. Alcance del proyecto.

El proyecto mejorará el sistema de actividades e información de la

coordinación de Servicio Comunitario de la institución, no sólo en su sede
principal, también en otras áreas donde se encuentran núcleos de la
institución, teniendo un gran alcance en cumplir con las necesidades que
tenga la coordinación, logrando beneficiarse de un sistema web donde se
pueda manejar y suministrar la información que cualquier estudiante
requiera.

12. Fundamentación legal.

LEY DE INFOGOBIERNO Artículo1. Esta ley tiene por objeto

establecer los principios, bases y lineamientos que rigen el uso de las
tecnologías de información en el Poder Público y el Poder Popular, para
mejorar la gestión pública y los servicios que se prestan a las personas;
impulsando la transparencia del sector público; la participación y el ejercicio
pleno del derecho de soberanía; así como, promover el desarrollo de las
tecnologías de información libres en el Estado; garantizar la independencia
tecnológica; la apropiación social del conocimiento; así como la seguridad y
defensa de la Nación.
Análisis: Este artículo respalda el proyecto ya que mejora el sector público de
la educación nacional, en este caso de la universidad, utilizando y
desarrollando la tecnología como herramienta principal de trabajo.

11
Artículo 3-1. Esta Ley tiene como fines facilitar el establecimiento de
relaciones entre el Poder Público y las personas a través de las tecnologías
de información.
Análisis: Uno de los fines del presente proyecto es establecer relaciones a
través de la tecnología como el uso de sistemas web y automatización de
procesos.
CONSTITUCIÓN DE LA REPÚBLICA BOLIVARIANA DE VENEZUELA
Artículo 102. La educación es un derecho humano y un deber social
fundamental, es democrática, gratuita y obligatoria. El Estado la asumirá
como función indeclinable y de máximo interés en todos sus niveles y
modalidades, y como instrumento del conocimiento científico, humanístico y
tecnológico al servicio de la sociedad. La educación es un servicio público y
está fundamentada en el respeto a todas las corrientes del pensamiento, con
la finalidad de desarrollar el potencial creativo de cada ser humano y el pleno
ejercicio de su personalidad en una sociedad democrática basada en la
valoración ética del trabajo y en la participación activa, consciente y solidaria
en los procesos de transformación social, consustanciados con los valores
de la identidad nacional y con una visión latinoamericana y universal. El
Estado, con la participación de las familias y la sociedad, promoverá el
proceso de educación ciudadana, de acuerdo con los principios contenidos
en esta Constitución y en la ley.
Análisis: El presente proyecto ayuda a desarrollar el conocimiento de cada
uno de sus autores por medio de la investigación sobre temas tecnológicos y
a descubrir sus potencialidades poniéndolos en práctica, siendo esto un
desarrollo personal y colectivo.

13. La institución.

El proyecto será realizado para la coordinación de Servicio

Comunitario de la UPTNM “Ludovico Silva”, la cual se encuentra en el

12
Id del Requerimiento: CU01
Nombre requerimiento: Login
Características: Permite validar las credenciales de acceso del usuario para
acceder a los apartados exclusivos para usuarios del sistema
Municipio Bolívar del Estado Monagas siendo su capital la población de
Precondición: El usuario debe estar previamente registrado en el sistema
Caripito. Fue creada con el fin de impulsar la transformación de la educación
FLUJO NORMAL
universitaria e impulsar su articulación institucional y territorial, garantizando
ACTOR SISTEMA
el derecho para todos de tener una educación universitaria de calidad.
1. Selecciona la opción “Iniciar sesión” 2. Muestra una pantalla con campos
vacíos para ser llenados con las
14. Documentos de Especificación de credenciales
Requisitos dedeacceso
Software (SRS).

3. Llena los campos con la información 4. Inicia la sesión del usuario

14.1. Requisitos
correspondiente y seleccionaespecíficos
el botón
“Iniciar sesión” CU02
FLUJO ALTERNATIVO 1
Si el usuario no está registrado
ACTOR SISTEMA

3. Hace click en el botón “Registrarse” 4. Muestra una pantalla con campos

vacíos para ser llenados con la
información de registro
5. Llena el campo con la información 6. Muestra un mensaje indicando que el
correspondiente y selecciona el botón registro ha sido exitoso
“Registrarse”
FLUJO ALTERNATIVO 2
Si lleno algún campo con credenciales incorrectas
ACTOR SISTEMA
4. Muestra un mensaje indicado que ha
ingresado datos incorrectos
3. Llena el campo con la información 5. Inicia la sesión del usuario
correspondiente y hace click en el botón
“Iniciar sesión”
FLUJO ALTERNATIVO 3
Si se deja algún campo vacío
ACTOR SISTEMA
4. Muestra un mensaje indicado que hay
un campo vacío
3. Llena el campo con la información 5. El sistema inicia la sesión / indica que el
correspondiente y selecciona el botón13registro ha sido exitoso
“Iniciar sesión” o “Registrarse” según sea
el caso
Id del Requerimiento:
Nombre requerimiento: Recursos descargables
Características: Permite seleccionar cualquiera de los recursos disponibles
para su descarga
Precondición: El usuario debe haber iniciado sesión previamente
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción 2. Muestra un menú desplegable con los
“Recursos descargables” diferentes recursos disponibles
3. Hace click en el recurso deseado 4. Redirecciona al recurso permitiendo la
descarga del mismo
Tabla Nro. 1: Requerimiento funcional Login

Tabla Nro. 2: Requerimiento funcional Recursos descargables

Id del Requerimiento: CU03

Nombre requerimiento: Gestión de usuarios
Características: Sección dedicada a la administración de la información de los
usuarios registrados en el sistema
Precondición: El usuario debe haber iniciado sesión previamente con
credenciales de administrador
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción 2. Muestra un menú desplegable con las
“Gestión” diferentes opciones disponibles
3. Hace click en el botón “Gestionar 4. Muestra una pantalla que permite
usuarios” visualizar a todos los usuarios registrados
en el sistema
5. Selecciona al usuario deseado 6. Muestra los campos de información del
usuario, y a su vez opciones de

14
 administración como “Eliminar”,
“Modificar”
Tabla Nro. 3: Requerimiento funcional Gestión de usuarios

Id del Requerimiento: CU04

Nombre requerimiento: Modificar usuarios
Características: Permite modificar la información de los usuarios registrados

Precondición: El usuario debe haber iniciado sesión previamente con credenciales

de administrador
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción “Gestión” 2. Muestra un menú desplegable con las
diferentes opciones disponibles
3. Hace click en el botón “Gestionar usuarios” 4. Muestra una pantalla con todos los usuarios
registrados en el sistema
5. Selecciona al usuario deseado y hace click en 5. Muestra los campos con la información del
el botón “Modificar” usuario y habilita su modificación
6. Realiza los cambios deseados y hace click en 7. Se guardan los cambios
el botón “Guardar”

Tabla Nro. 4: Requerimiento funcional Modificar usuarios

Id del Requerimiento: CU05

Nombre requerimiento: Buscar usuarios
Características: Permite buscar a los usuarios registrados en el sistema, con
el fin de verificar su existencia, o realizar alguna otra acción
en el usuario
Precondición: El usuario debe haber iniciado sesión previamente con

15
 credenciales de administrador
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción 2. Muestra un menú desplegable con las
“Gestión” diferentes opciones disponibles
3. Hace click en el botón “Gestionar 4. Muestra una pantalla con todos los
usuarios” usuarios registrados en el sistema
5. Hace click en el campo de búsqueda de 6. Muestra las coincidencias encontradas
usuarios y escribe la CI del usuario con los datos proporcionados
deseado
Tabla Nro. 5: Requerimiento funcional Buscar usuarios

Id del Requerimiento: CU06

Nombre requerimiento: Gestión del servicio comunitario
Características: Sección dedicada a la administración de los datos del
servicio comunitario de los usuarios registrados en el sistema
Precondición: El usuario debe haber iniciado sesión previamente con
credenciales de administrador
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción 2. Muestra un menú desplegable con las
“Gestión” diferentes opciones disponibles
3. Hace click en el botón “Gestionar servicio 4. Muestra una pantalla que permite
comunitario” visualizar a todos los usuarios registrados
en el sistema
5. Selecciona al usuario deseado 6. Muestra los campos de información del

16
 usuario, y a su vez opciones de
administración como “Eliminar”,
“Modificar”, “Agregar”
Tabla Nro. 06: Requerimiento funcional Gestión del servicio comunitario

Id del Requerimiento: CU07

Nombre requerimiento: Modificar información del servicio comunitario
Características: Permite modificar la información del servicio comunitario de
los usuarios
Precondición: El usuario debe haber iniciado sesión previamente con
credenciales de administrador
FLUJO NORMAL
ACTOR SISTEMA
1. Posiciona el cursor sobre la opción 2. Muestra un menú desplegable con las
“Gestión” diferentes opciones disponibles
3. Hace click en el botón “Gestionar servicio 4. Muestra una pantalla que permite
comunitario” visualizar a todos los usuarios registrados
en el sistema
5. Selecciona al usuario deseado y hace 6. Muestra los campos con la información
click en el botón “Modificar” del usuario y habilita su modificación
7. Realiza los cambios deseados y hace 8. Se guardan los cambios
click en el botón “Guardar”
Tabla Nro. 07: Requerimiento funcional Modificar información del servicio comunitario

14.2. Requisitos comunes de los interfaces

El sistema manejará una Base de Datos donde se almacenará los

datos del Administrador y los estudiantes de la universidad, estos son los que
podrán tener acceso de entrada y salida al sistema web, dejando claro que el
Administrador tendrá disponible otras funciones que el estudiante no, siendo
estos usuarios diferentes del sistema.

17
 14.3. Interfaces de usuario

El estudiante tendrá acceso a toda la información que el sistema web

provea, al igual que a las planillas para descargarlas y solicitarlas, pero,
primero éste debe iniciar sesión en el sistema y llenar un formulario con los
datos necesario para realizar todos y cada uno de los procesos que necesite.
En el sistema, se mostrará diferentes menús cada uno especificando donde
llenar el formulario, descargar y solicitar las planillas, etc.

14.4. Interfaces de hardware

Para poder ingresar al sistema web, se debe tener ya sea un teléfono

u ordenador con acceso a Internet, luego se debe iniciar sesión ya sea el
Administrador del sistema o el estudiante.

14.5. Interfaces de software

El sistema web fue realizado con un software mayormente dedicado al

desarrollo web llamando “Visual Studio Code”, el cual maneja los diversos
lenguajes de etiquetas y programación utilizados para la creación del
sistema.

14.6. Interfaces de comunicación

El sistema web debe tener acceso a la Base de Datos que maneje

donde esta almacenará los datos del Administrador y los estudiantes, junto
los formularios y donde estos serán enviados.

14.7. Requisitos funcionales

18
 • El Administrador debe iniciar sesión colocando su nombre de usuario
y contraseña (especificando que es un “administrador” en una opción que
tendrá el sistema web al momento de ingresar en el mismo), donde el
sistema mandará la información a la Base de Datos para comprobarla y
permitirle el acceso al sistema.

• Al igual que el administrador, el estudiante deberá colocar su nombre

de usuario y contraseña, y se realizará el mismo proceso para comprobar su
información, pero, primero el estudiante debe registrarse en el sistema.

• Los estudiantes podrán llenar formularios para, por ejemplo, solicitar

la planilla de inscripción. Los datos que se llenarán en el formulario serán
enviados al correo de la coordinación de Servicio Comunitario, allí ellos se
encargarán de verificar si el estudiante cumple o no los requisitos para
realizar el Servicio Comunitario.

• Los estudiantes podrán descargar las planillas que necesiten para

realizar el Servicio Comunitario, como las planillas de trabajo, entre otras.

• El administrador podrá tener acceso a modificar las planillas que se

encuentren en el sistema, ya sea por si alguna de las mismas es
modificadas, cambiadas o hace falta añadir otra.

14.8. Requisitos de rendimiento

El sistema web estará en línea disponible para que cualquier persona
que necesite información acerca del Servicio Comunitario pueda acceder a
éste, por esta misma razón, se espera la página sea lo suficientemente
óptima para el usuario.

19
 La mayoría de los usuarios serán estudiantes de la UPTNM “Ludovico
Silva”, por eso se estima que un 75% de los mismos lo utilicen y estén
simultáneamente conectados.
Al tener tantas conexiones, el sistema deberá responder a las
transacciones que se ejecutan en menos de 1 segundo, claro está que
alguna de las mismas dependerá de la conexión a internet que los usuarios
tengan.

14.9. Seguridad

El sistema manejará para cada usuario una contraseña única que

solamente éste la conocerá, además que para ingresar al sistema deberán
utilizar su cédula de identidad, esto proporcionará seguridad para proteger
sus datos y que nadie tenga acceso a los mismos.

14.10. Fiabilidad

Se espera que el sistema web tenga la capacidad de funcionar sin

fallos durante un par de años, esto irá de la mano con el mantenimiento que
se hará y al igual que teniendo de manera segura los datos de los usuarios
nuevos que se vayan registrando y los que ya tengan tiempo en la misma,
además de cumplir con todas las especificaciones que se han mencionado
previamente.

14.11. Disponibilidad

El sistema web tendrá un 99% de disponibilidad para que el usuario lo

pueda usar de manera óptima y sin fallos el tiempo que desee, ahora bien, el

20
otro 1% serán días donde al sistema se le deberá hacer mantenimiento,
copias de seguridad, limpieza, etc.

14.12. Mantenibilidad

El mantenimiento del sistema web debe hacerse de manera frecuente,

para mantener un uso óptimo, siendo el mismo realizado por los
desarrolladores del sistema o por el administrador que lo maneje, llevando un
control de algún fallo que tenga el sistema, teniendo en cuenta que debe
realizarse al menos cada año. El tipo de mantenimiento que el sistema
tendrá será con depuraciones en el backend, actualización de planillas,
copias de seguridad, limpieza al sistema, etc.

14.13. Portabilidad

Al ser un sistema web, este permanecerá en línea lo cual permitirá

que se pueda usar (sin necesidad de instalación ni descarga) desde
cualquier dispositivo, plataforma, navegador, sistema operativo, etc. Lo único
necesario para acceder al sistema es que el equipo que se utilice para
ingresar tenga acceso a Internet

21
 15. Planificación del Proyecto.

15.1. Cronograma de actividades semestre I - II

Actividades Semanas – Semestre I Responsables

Fase I 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Fase II

Ruth Cedeño
Fase III
César Centeno

Juan Aguilera

Actividades Semanas – Semestre II

Fase IV 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Fase V

Cronograma de actividades.

22
16. Descripción de la metodología.

El modelo OOHDM u “Object Oriented Hypermedia Design

Methodology”, para diseño de aplicaciones hipermedia y para la Web, fue
diseñado por D. Schwabe, G. Rossi, y S. D. J. Barbosa y es una extensión
de HDM con orientación a objetos. Ha sido usada para diseñar diferentes
tipos de aplicaciones hipermedia como galerías interactivas, presentaciones
multimedia y, sobre todo, numerosos sitios web.

Al igual que RMM, este método se inspira en el modelo HDM, pero lo

que le caracteriza claramente del primero es el proceso de concepción
orientado a objetos. OOHDM propone el desarrollo de aplicaciones
hipermedia mediante un proceso de 5 fases:

1. Obtención de Requerimientos:

La herramienta en la cual se fundamenta esta fase son los

diagramas de casos de usos, los cuales son diseñados por escenarios
con la finalidad de obtener de manera clara los requerimientos y
acciones del sistema.

2. Diseño Conceptual:

Se construye un modelo orientado a objetos que represente el

dominio de la aplicación usando las técnicas propias de la orientación
a objetos. La finalidad principal durante esta fase es capturar el
dominio semántico de la aplicación teniendo en cuenta el papel de los
usuarios y las tareas que desarrollan.

23
 3. Diseño Navegacional:

La estructura de navegación de una aplicación hipermedia está

definida por un esquema de clases de navegación específica, que
refleja una posible vista elegida. En OOHDM hay una serie de clases
especiales predefinidas, que se conocen como clases navegacionales:
Nodos, Enlaces, Estructuras de acceso, Los menús, Los índices, Las
guías de ruta.

4. Diseño de Interfaz Abstracta:

Esto consiste en definir qué objetos de interfaz va a percibir el

usuario, el camino en el cuál aparecerán los diferentes objetos de
navegación, qué objetos de interfaz actuarán en la navegación, la
forma de sincronización de los objetos multimedia y la interfaz de
transformaciones. Los modelos de los ADVs no son más que
representaciones formales que se usan para mostrar todo esto.

5. Implementación:

Una vez cumplidas las 4 fases anteriores solo queda llevar los
objetos a un lenguaje concreto de programación.

17. Desarrollo, Ejecución e Implantación de la Metodología de

Desarrollo

Fase I

Se hizo uso de técnicas de investigación tales como la entrevista no

estructurada, en pro de recopilar información que permitió comprender como

24
funcionaba la coordinación, la forma en la que se manejaban varios de sus
procesos frecuentes, las necesidades de la coordinadora y las carencias del
departamento de Servicio Comunitario. Con toda la información se elaboró
un diagrama de modelo de negocios, que facilitó al equipo comprender como
operaba la coordinación actualmente. Esto dio pie a la realización, de un
diagrama de casos de uso, con el propósito de tener una visión clara y de
fácil comprensión del funcionamiento de la coordinación una vez implantado
el sistema, así como también la elaboración de las respectivas
especificaciones de casos de uso, de cómo se llevarán a cabo los procesos,
las respuestas del sistema en base a las acciones del sistema, a su vez, nos
permitió obtener los requerimientos del mismo.

Diagrama Casos de Uso.

25
 Fase II

En esta fase, el foco es realizar un modelo orientado a objetos para

representar el dominio del sitio, por lo que se realizó un diagrama Entidad-
Relación (modelo de clases relacionadas), el cual permitió entender cómo se
relacionaban las distintas clases entre ellas, facilitando la construcción de la
base de datos. A su vez, hizo posible capturar el dominio semántico del
sistema, teniendo en cuenta a todos los usuarios y las tareas que estos
desarrollan dentro del sistema.

Diagrama Entidad-Relación de la Base de Datos.

Fase III

Teniendo en cuenta mantener la fácil usabilidad del sistema web, se

diseñó un modelo navegacional fácil de entender y cómodo de utilizar en pro

26
de inducir de manera simple a los nuevos usuarios en el uso del sistema, y
así mismo, tanto para los usuarios recurrentes como para los nuevos, una
experiencia sin distracciones ni apartados confusos, brindando la capacidad
de una navegación rápida y directa en base a las necesidades del usuario.
Para lograr esto, se utilizó la navegación de tipo jerárquica, ya que sus
características coinciden con la experiencia que se quiere proveer en el sitio,
haciendo énfasis en la pantalla principal, característica por la amplia
información acerca del Servicio Comunitario que posee. Todo este proceso
nos dio como resultado un diagrama navegacional simple pero efectivo, que
destaca el flujo y las opciones esenciales que puede realizar el usuario en
cada uno de los apartados de la web.

27
 Diagrama Navegacional.

Fase IV

Al diseñar el Front-End, uno de los primeros temas abordados fue

captar la atención de los nuevos usuarios, para ello, la pantalla principal se
diseñó con la intención de ser el punto central, del cual todos los demás
apartados del sitio pudieran ser accedidos, un menú de navegación al centro
con animaciones sutiles, que permitiera al usuario acceder al apartado
deseado sin demasiados clicks, junto con un carrusel de imágenes que
captara la atención de los usuarios, y mostrar algunas labores realizadas en
los servicios comunitarios. Para mantener el sitio lo más profesional y simple
posible, el apartado multimedia está restringido a las imágenes del servicio
en el carrusel, más las que acompañan y apoyan a cada una de las
respectivas informaciones del mismo servicio. Se utilizó una paleta de
colores moderna, llamativa y representativa000 del Servicio Comunitario,
distinta a las de los otros portales web de la universidad en pro de ofrecer
una imagen distintiva. Lo cual dio como resultado un portal web no solo
funcional, sino con una imagen propia distintiva y reconocible de cara a los
usuarios.

Fase V

Finalmente, luego de la documentación, basados en el cronograma de

actividades, llegó el momento de trasladar toda la información y
documentación a código, para esto, se utilizó el conjunto de tecnologías web
HTML5 para la maquetación, CSS para los estilos y colores del sistema,
junto con JavaScript para darle funcionalidad al Front-End. Ahora bien, la
Base de Datos es de tipo SQL proveniente de Microsoft, esto para almacenar
y manejar los datos de los usuarios del sistema web, facilitando el uso de la
misma en el Back-End debido a que éste fue desarrollado con C#, lenguaje

28
también de Microsoft, teniendo compatibilidad, y dándole todas las diferentes
funciones que necesita el Front-End.

Gracias a la documentación, se adquirió un completo conocimiento del

dominio del sitio, y con una idea general de como luciría el sitio y sus
respectivas interfaces. Empezando por la construcción preliminar del Front-
End, el cual se modificó en base al feedback recibido, fue posible la rápida
construcción de un diseño simple y moderno, junto con una Base de Datos
que permitiera la administración de la información que se maneja en el sitio.
En las etapas finales de construcción, se inició el desarrollo del plan de
pruebas, esto con la finalidad de asegurar el correcto funcionamiento de
cada una de las funcionalidades que ofrece el sistema, y asegurar la calidad
del producto a ser entregado.

17.1. Pantallas básicas

Pantalla principal

29
 Pantalla principal (Estudiantes)

Pantalla principal (Administrador)

30
 Pantalla de Inicio de Sesión

Formulario de registro de usuario

Pantalla principal (Sección 1)

31
 Pantalla principal (Sección 2)

Pantalla principal (Sección 3)

32
 Pantalla principal (Sección 4)

Pantalla principal (Sección 5)

33
 18. Diseño y Aplicación del Plan de Prueba

El diseño y aplicación de un plan de pruebas para un sistema web es

un proceso esencial para garantizar su calidad, confiabilidad y rendimiento
óptimo. El objetivo principal de este plan es identificar y corregir cualquier
defecto, vulnerabilidad o funcionamiento incorrecto antes de que el sistema
sea lanzado al público. El diseño del plan de pruebas implica la creación de
casos de prueba detallados que abarquen todas las áreas funcionales del
sistema web. Estos casos de prueba describen los pasos a seguir, los datos
de entrada y los resultados esperados para validar el correcto
funcionamiento de cada componente y su interacción con el sistema en
general.

Propósito de la Evaluación

Una vez diseñados los casos de prueba, se procede a su ejecución.

Esto implica implementar las pruebas siguiendo los escenarios y criterios
definidos previamente. Durante esta fase, se registran los resultados
obtenidos y se documentan los errores o problemas encontrados.

El proceso de prueba se repite en múltiples ciclos, con la finalidad de

asegurar que todas las áreas críticas del sistema web han sido validadas y
que se han corregido los errores detectados en iteraciones anteriores.

Cada ciclo de pruebas se enfoca en aspectos específicos, como la

funcionalidad, la usabilidad, la seguridad y el rendimiento. Una vez finalizado
el proceso de pruebas y corregidos todos los errores identificados, se realiza
una evaluación final del sistema web. Esta evaluación busca asegurar que el
sistema cumple con los estándares de calidad y los requisitos establecidos

34
previamente. Si el sistema pasa exitosamente esta evaluación, se considera
listo para su implementación y puesta en producción.

Motivadores de la Prueba

 Los botones harán las acciones de manera correcta, teniendo una

respuesta esperada.

 La página guardará la información proporcionada en la Base de Datos

correspondiente a la misma.

 Toda la información, textos o párrafos que contenga la página tendrán

una ortografía correcta y verificada.

 El sistema web tendrá una conexión con el servidor y con una Base de
Datos, donde se tendrá una respuesta exitosa.

Objetos a ser Evaluados

Los objetos a ser evaluados en el presente plan de pruebas se

detallan a continuación.

Tabla #1 - Objetos a ser evaluados

Tipo de Prueba Definiciones

El sistema web tendrá una interfaz de

usuario con diferentes elementos y
Interfaz de usuario. funcionalidades con los requisitos
previamente acordados.

El sistema tendrá un rendimiento

Rendimiento. adecuado con un tiempo de respuesta
rápido.

35
 La página web tendrá un tipo de
Seguridad.
seguridad donde se manejarán
usuarios por su cédula de identidad y
clave única, la cuál será encriptada por
el sistema.

La Base de Datos es segura y sólo se

puede tener acceso mediante
Integridad de la Base de datos.
consultas que le sistema hará, o en
todo caso el desarrollador.

Fuente: Los Autores

Herramienta de pruebas

Tabla #2 - Hardware

Recurso Cantidad Descripción

Computadora 1 Computadora de Escritorio.

Servidor web 1 Live Localhost

Fuente: Los Autores

Tabla #3 - Configuración de Pruebas de Ambiente

Nombre de Implementación de la
Descripción
Configuración configuración Física
Sistema Operativo

Software de Windows, Linux o El sistema Web podrá ser

Sistema MacOS utilizado en cualquier Sistema

Operativo.

Navegador Microsoft

36
 Edge.
Cualquier tipo de navegador con
Navegador Google
Software de acceso a internet.
Chrome.
Aplicación.
Navegador Mozilla
Firefox.

Fuente: Los Autores

Tabla #4 - Prueba de Integridad de la Base de datos y de los

Datos

Nivel de Prueba: Integridad de la base de datos y de los datos.

ID Caso de Uso: CU01 Tipo de Prueba: Iniciar sesión
Ambiente de Prueba: Ejecución Real.
ID/Nombre Escenario: Iniciar Autor del Caso de Prueba:
Sesión. Desarrollador, Ruth Cedeño.
Nombre del Probador:
ID/Nombre Caso de Prueba: P001
Desarrollador, Ruth Cedeño.
Fecha de
Fecha de
Versión del Caso de Prueba: 1.0 Ejecución:
Creación:
22-05-23
22-05-23
Condición(es) para que se ejecute el Caso de Prueba:
El usuario, ya sea administrador o estudiante, deberá ingresar con su cédula
de identidad y clave única, previamente registrado en el sistema.

37
1. Encender el servidor 2. Base de datos cargada.
[Link] por medio del link a la [Link] clic en iniciar sesión
página principal
5. El usuario debe estar registrado 6. Se hace la prueba con datos
en el sistema. válidos y no válidos.
Resultado Resultado
Condición(es) Valor(es)
Esperado Obtenido
Acceder con el
 usuario: 29549974 Sesión
nombre de usuario y Sesión Iniciada.
 Contraseña: clave Iniciada
contraseña.
Acceder con el Mensaje de Muestra un
 usuario: 29123123
nombre de usuario y Error, mensaje de
 Contraseña: clave
contraseña. “Usuario no error.
existente”
Criterios de Aprobación del Caso de Prueba: Integridad de la base de
datos y de los datos.
Decisión de Aprobación del Caso de Prueba:
Aprobó: __X__ Fallo:
Fecha de Aprobación dl Caso de Prueba: 27-05-23

Fuente: Los Autores

38
 Figura #1 - Plan de pruebas - Ingreso a la página principal

Fuente: Los Autores

Figura #2 - Plan de pruebas - Ingreso a la página de Inicio de Sesión

Fuente: Los Autores

39
Figura #3 - Plan de pruebas – Resultado de la sesión iniciada como
Administrador

Fuente: Los Autores

Figura #4 - Plan de pruebas – Resultado de la sesión errónea

Fuente: Los Autores

40
 Tabla #5 - Prueba de funcionalidad del sistema (Accesos-
Usuarios)

Nivel de Prueba: funcionalidad del sistema.

ID Caso de Uso: CU01 Tipo de Prueba: Usuarios

Ambiente de Prueba: Ejecución Real.
Autor del Caso de Prueba:
ID/Nombre Escenario: Usuarios
Desarrollador, Ruth Cedeño
ID/Nombre Caso de Prueba: P002 Nombre del Probador:
Desarrollador, Ruth Cedeño
Fecha de
Fecha de
Versión del Caso de Prueba: 1.0 Ejecución:
Creación:
22-05-23
22-05-23
Condición(es) para que se ejecute el Caso de Prueba:
1. Encender el servidor 2. Base de datos cargada.

3. Hacer clic en Iniciar Sesión,

seguidamente llenar los campos con
los datos pedidos.
Criterios de Aprobación del Caso de Prueba: funcionalidad del sistema.
Decisión de Aprobación del Caso de Prueba:
Aprobó: _X_ Fallo:
Fecha de Aprobación del Caso de Prueba: 27-05-23

Fuente: Los Autores

41
Figura #5 - Plan de pruebas – Resultado al iniciar sesión como estudiante

Fuente: Los Autores

42
 19. Conclusiones y Recomendaciones

Conclusiones:
La creación de un sitio web para la coordinación de Servicio
Comunitario de la U.P.T.N.M “Ludovico Silva” es una tarea fundamental para
promover y difundir su labor en la comunidad. A través de este medio, se
puede llegar a un público más amplio, además de simplificar varios procesos
de la coordinación, mejorando así la eficiencia y efectividad del
departamento.

Este portal será una herramienta muy útil para fomentar la

participación y compromiso de los estudiantes universitarios. Al contar con un
portal en línea donde se puedan consultar las distintas informaciones y
recursos disponibles respecto al servicio comunitario, así como el estado
actual del servicio del estudiante, se puede generar una mayor conciencia
social entre los mismos y motivarlos a involucrarse en acciones que
contribuyan a la comunidad.

En definitiva, la creación de un sitio web para la coordinación de

Servicio Comunitario de la universidad no solo facilita la gestión y
coordinación de actividades, sino que también beneficia a la comunidad en
general al fomentar la participación ciudadana y el compromiso social. Por lo
tanto, es una inversión que vale la pena realizar para fortalecer y dar
visibilidad a esta importante labor en la institución educativa.

Recomendaciones

 Utilizar el Manual de Usuario como guía cuando se tenga alguna duda

sobre el uso y funcionamiento del Sistema Web.

43
  Mantener orden y limpieza en la computadora de la coordinación
encargada de ingresar en el sitio.
 Guardar las credenciales de acceso en un lugar seguro y privado en
caso de olvido.
 Tener instalado un antivirus en el ordenador que incluya protección
contra “Keyloggers”.

20. Referencias Bibliográficas

 [Link]
%c3%b3n_metodologia_OOHDM_desarrollo_sistema_web_SIREG
.pdf
 [Link]
 [Link]
%C3%ADa-object-oriented-hypermedia-design-
methodolo.y6e44e7z
 [Link]
[Link]
 [Link]
 [Link]
 [Link]
[Link]
 [Link]
UNA-L%C3%8DNEA-DE-INVESTIGACI%C3%93N/[Link]
 Documentos y guías de la profesora Sobeida Rivas.

21. Anexos

Manual de Usuario:

44
Sección I: Registro de cuenta e Inicio de Sesión.

Podrás entrar a la página por medio de este link

“[Link] deberás encontrarte con la pantalla
principal de la página, la cual se verá de la siguiente manera:

Imagen 1 Pantalla principal.

En la barra de menú, verás una opción para iniciar sesión, al darle

click, te dirigirá a una página donde podrás acceder al sistema:

Imagen 2 Inicio de Sesión.

45
 En caso de que no tengas una cuenta dentro del sistema, deberás
registrarte primero, podrás hacerlo dando click en el botón “Crear cuenta”:

Imagen 3 Registrarse.

Luego de que te registres, podrás iniciar sesión y ver las opciones

disponibles, dependerá de cuales opciones tendrás disponibles en caso de
ser un Estudiante o un Administrador.

Recordando que sólo los Estudiantes se registran en el Sistema

Web, el Administrador tiene ya acceso directo.

Sección II: Funcionalidades Administrador

Cómo administrador, no tendrás que registrarte por tu cuenta, ya que

el desarrollador habrá ingresado en la Base de Datos, valga la redundancia,
tus datos, por lo que podrás iniciar sesión directamente. Como Administrador
tendrás diferentes funciones disponibles para manejar la página, sus datos y
los usuarios que tenga, básicamente administrar el sistema web.

Al acceder al sistema como Administrador, la pantalla tendrá que

verse con más opciones en el menú, de la siguiente manera:

46
 Imagen 4 Pantalla de Administrador.

Podrás ver diversas funcionalidades como: Gestión, Descargar

recursos y Cerrar sesión.

En cuanto entres a la ventana de Gestión, verás la siguiente pantalla:

Imagen 5 Pantalla del Panel Principal de Gestión

Esta ventana te permite ver a todos los usuarios registrados hasta

el momento, con una barra de búsqueda (que todas las ventanas de gestión
tienen) para encontrar de forma más rápida y eficiente a un usuario, ya sea
por su Nombre o Apellido.

47
 La segunda opción del menú de Gestión, llamada “Gestión de
Usuarios”, te permitirá actualizar o modificar algún del Usuario,
seleccionando a dicho Usuario y dándole click en el botón en forma de lápiz:

Imagen 6 Pantalla de Gestión de Usuario

Imagen 7 Pantalla de Edición de datos

La tercera opción del menú de Gestión, llamada “Gestión de Servicio

Comunitario”, te permitirá ver los Servicios que estén activos, además de
tener un botón dónde podrás calificar la finalización del mismo, colocando su
fecha de finalización y especificando si fue aprobado o reprobado:

48
 Imagen 8 Pantalla de Gestión de Servicio Comunitario

Imagen 9 Pantalla de Calificación de Servicio Comunitario

La cuarta y última opción del menú de Gestión, llamada “Servicios no

activos”, te permitirá ver los Servicios que ya fueron evaluados y calificados:

49
 Imagen 10 Pantalla de Servicios no activos

Por último, podrás cerrar la ventana de gestión en caso de que ya

hayas finalizado tus actividades, donde el sistema te llevará de nuevo a la
pantalla principal, donde luego podrás cerrar sesión.

Sección III: Funcionalidades Estudiantes

Cómo estudiantes tendrás funcionalidades limitadas, donde por ahora

podrás iniciar sesión, previamente tendrás que haberte registrado en el
sistema, como se explica en la Sección I. Luego de que ya estés registrado
y hayas iniciado sesión, podrás descargar los recursos que te sean
necesarios para la realización de tu Servicio Comunitario:

50
 Imagen 11 Pantalla principal de Estudiantes

51