Tesis
Tesis
Tesis
ÁREA DE INGENIERÍA
CARRERA INGENIERÍA DE SISTEMAS
Mérida
Marzo, 2014
1
ÍNDICE
Pág.
LISTA DE CUADROS…………………………………………………….............. 5
LISTA DE FIGURAS……………………………………………………………….. 6
RESUMEN………………………………………………………………………….. 8
INTRODUCCIÓN…………………………………………………………………… 9
CAPÍTULO I EL PROBLEMA.……………………………………………………. 11
II.1. ANTECEDENTES…………………………………………………................. 20
II.2.1. SISTEMA……………………………………………………………............. 22
Internet……………….…………………………………………………………….... 27
Sitio web………………………...…………………………………………………... 28
2
World Wide Web……………………………………………………………………. 28
Intranet………………………………………………………………....................... 29
XHTML………………………………………………………………………………. 34
JavaScript…………………………………………………………………………… 36
Ajax…………………………………………………………………………………... 36
Base de Datos……………………………………………………………………… 40
Identificación de la Empresa……………………………………………………… 44
Estructura y Funciones……………………………………………….................... 45
3
Visión de la Universidad Bolivariana de Venezuela…………………………… 49
Fase 2: Análisis…………………………………………………………………….. 54
ANEXOS…………………………………………………………………………….. 123
4
LISTA DE CUADROS
Cuadro Pág.
5
LISTA DE FIGURAS
Figura Pág.
1. Jerarquía de Usuarios……………………………………………… 64
2. Casos de Uso de Alto Nivel. Actores: Administrador,
Coordinador, Personal Operativo, Estudiante…………………… 68
3. Diagrama de Caso de Uso Ingresar al Sistema…………………. 70
4. Diagrama de Caso de Uso Salir del Sistema Web……………… 71
5. Diagrama de Caso de Uso Registrar Estudiante, Facilitadores,
Programa de Formación, Notas, Usuarios……………………….. 72
6. Diagrama de Caso de Uso Generar Reporte……………………. 80
7. Diagrama de Secuencia del Caso de Uso Ingresar al Sistema... 82
8. Diagrama de Secuencia del Caso de Uso Registrar Estudiante, 82
Facilitadores, Programa de Formación, Notas, Usuarios……….
9. Diagrama de Secuencia del Caso de Uso Agregar Estudiante... 83
10. Diagrama de Secuencia del Caso de Uso Modificar Estudiante. 84
11. Diagrama de Secuencia del Caso de Uso Eliminar Estudiante... 84
12. Diagrama de Secuencia del Caso de Uso Agregar Usuario…… 85
13. Diagrama de Secuencia del Caso de Uso Modificar Usuario….. 85
14. Diagrama de Secuencia del Caso de Uso Eliminar Usuario…… 86
15. Diagrama de Secuencia del Caso de Uso Consultar Usuario…. 86
16. Diagrama de Actividad del Caso de Uso Ingresar al Sistema 87
Web……………………………………………………………………
17. Diagrama de Actividad del Caso de Uso Salir del Sistema 88
Web……………………………………………………………………
18. Diagrama de Actividad del Caso de Uso Registrar Usuario…… 89
19. Diagrama de Actividad del Caso de Uso Actualizar Usuario….. 90
20. Diagrama de Actividad del Caso de Uso Registrar Estudiante,
Facilitadores, Programa de Formación, Notas, Usuarios………. 91
6
21. Arquitectura para el sistema Web, en la Intranet de la
Coordinación de la Misión Sucre………………………………….. 93
22. Estructura Jerárquica………………………………………………. 95
23. Arquitectura general del sistema de Registro y Control 96
Estudiantil…………………………………………………………….
24. Diagrama de navegación…………………………………………... 97
25. Diseño de la Interfaz del Sistema…………………………………. 98
26. Diseño de la Interfaz de acceso al Sistema……………………... 100
27. Diseño general para registrar estudiante………………………… 100
28. Diseño general de consulta………………………………………... 101
29. Diseño de Interfaz de Reporte del Alumno………………………. 102
30. Diagrama de clase………………………………………………….. 104
31. Modelo Entidad Relación Extendido……………………………… 105
32. Pantalla Principal……………………………………………………. 109
33. Inicio de Sesion……………………………………………….…….. 111
34. Registro de Estudiante……………………………………………... 112
7
UNIVERSIDAD NACIONAL ABIERTA
AREA DE INGENIERIA
CARRERA INGENIERIA DE SISTEMAS
CENTRO LOCAL MERIDA
RESUMEN
8
INTRODUCCIÓN
9
Capítulo II. Bases Teóricas: Incluye algunos antecedentes del trabajo por
desarrollar y los elementos teóricos que sustentan su desarrollo, haciendo énfasis
en los sistemas en general, los sistemas de información, la tecnología Web y
aspectos específicos relacionados con la construcción de productos de software.
10
CAPÍTULO I
EL PROBLEMA
En tal sentido, en el año 2003 fue creada para el sector de la educación superior,
un programa denominado Misión Sucre, que tiene por misión promover y ayudar
en el cumplimiento del mandato constitucional orientado a brindar educación
gratuita y de calidad a los bachilleres venezolanos, facilitando su inserción tanto
en los programas de educación superior como en el resto de programas socio-
productivos emprendidos por las instituciones del Estado, siendo su objetivo
principal la incorporación de todos los bachilleres de la República a la formación
técnica y profesional en diversos programas de estudio. Tales programas son:
Enfermería, Estudios Jurídicos, Actividad Física y Salud, Sistemas e Informática,
Artes Plásticas, Tecnología de la Producción Agroalimentaria, Geología y Minas,
Medicina Integral Comunitaria, Formación de Educadores, Hidrocarburos Gas,
Hidrocarburos Petróleo, Hidrocarburo en Refinación y Petroquímica, Mecánica,
Química, Turismo, Comunicación Social, Estudios Jurídicos, Gestión Ambiental,
Gestión Social para el Desarrollo Local, Electricidad, Electrónica, Construcción
Civil.
11
Este programa del Ministerio de Educación Superior fue creado mediante Decreto
Presidencial Número 2601, de fecha 8 de septiembre del 2003; apuntando a la
municipalización de la educación superior, orientándola hacia las regiones y las
localidades, tomando como punto de referencia la cultura específica de las
poblaciones con sus necesidades, problemas, acervos, exigencias y
potencialidades.
12
en Gestión Social, 12 T.S.U en Administración, 5 T.S.U en Construcción Civil, 4
estudiantes en Ingeniería de Sistema, 5 estudiantes en Gestión Ambiental, 2
estudiantes en Comunicación Social.
13
función de atención al público, también la constante solicitud de información por
parte de la Coordinación Estadal, con la que a veces se cumple a medias o
simplemente no se cumple, por no tener la información digitalizada y herramientas
para generarla en corto tiempo.
En este mismo sentido, manifiestan tener una serie de debilidades con el sistema
manual, indicando la inoperancia del mismo por el creciente flujo de información
que deben manejar, no permitiendo una gestión efectiva. Asimismo, se adolece de
la inexistencia de protocolos de seguridad de acceso a la información confidencial.
Además, hay ausencia de políticas de resguardo de documentos en dicha
coordinación, procediendo a realizarlo manualmente, lo que origina el retardo en
los procesos de registro.
Por otro lado, dada la importancia que tiene el proceso de registro y control
estudiantil, la Coordinación requiere un diseño que tenga una arquitectura
tecnológica e informativa que comprenda los siguientes aspectos:
14
Aspectos técnicos:
Un procesador INTEL Core 2 Duo E7200, un disco duro de 160 GB, memoria
RAM de 1GB DDRII, y una tarjeta principal INTEL G31.
15
personales, entre otros); dificulta evaluar y controlar todo lo inherente al registro y
control estudiantil.
Por otra parte, y a grandes rasgos, los objetivos y las metas actuales de la
Coordinación de la Misión Sucre del Municipio Sucre se centran en proveer un
servicio de calidad, por lo que demanda mejora en los procesos y nuevas
herramientas basadas en tecnología informática.
16
procesamiento y posterior recuperación a través de diversas vistas y
representaciones de la información.
El personal que está a cargo del proceso de registro y control estudiantil, organiza
los expedientes tomando en cuenta criterios como:
Esto hace que la ejecución de las actividades del proceso de registro y control
estudiantil actual genere, en términos concretos:
Pérdida de tiempo.
Dificultad para mantener organizados los archivos físicos.
Confusiones en los datos de los estudiantes.
Pérdida o extravío de documentos, por la constante manipulación de los
mismos.
17
I.3. OBJETIVOS DEL PROYECTO
2. Establecer con precisión las metas globales del Sistema para el Registro y
Control Estudiantil, así como los requisitos de contenido, interacción,
funcionales y de usabilidad, que se esperan en el sistema a desarrollar.
18
7. Documentar el desarrollo del sistema propuesto y su correcta utilización, para
asegurar el seguimiento, control y mantenimiento al ejecutarse el proyecto de
implantación.
19
CAPÍTULO II
MARCO TEÓRICO
II.1. ANTECEDENTES
21
la base de datos del sistema de información de Control de Estudios, como
población, se consideró la totalidad de las actas del proyecto de carrera de
cada sede, ya que la oferta académica en el IUTIRLA no es simultánea en
todas las sedes y, consecuentemente, tampoco los cierres de lapso. Para la
obtención de la muestra se empleó un muestreo estratificado como técnica
de muestreo aleatorio simple y, dentro de cada estrato, un cálculo muestral,
el cual se realizó generando números seudoaleatorios a través de un
proceso de simulación. Para el análisis y diseño propuesto, se utilizó como
herramienta el Proceso Unificado Racional (RUP) y el Lenguaje de Modelo
Unificado (UML). Como resultados se obtuvo la construcción del sistema
propuesto y las tasas porcentuales, para el lapso académico de la muestra
seleccionada.
II.2.1. SISTEMAS
Senn (2002) (p.11), define como sistema a “un conjunto de componentes que
interactúan entre sí para lograr un objetivo común”. Un sistema puede ser físico o
concreto (una computadora, un televisor, un humano) o puede ser abstracto o
conceptual (un software).
Cada sistema existe dentro de otro más grande; por lo tanto, un sistema puede
estar formado por subsistemas y partes, y a la vez puede ser parte de un
supersistema.
Según Whitten, Bentley y Barlow (2004) (p. 265), el término sistema, en forma
general, se refiere a un conjunto de elementos, entidades, componentes u objetos
localizados en un cierto ambiente y que están compuestos por ciertos atributos
que interactúan y están relacionados entre sí con la finalidad de lograr un objetivo
o fin determinado.
22
II.2.2. SISTEMA DE INFORMACIÓN
23
Los sistemas de información pueden visualizarse como sistemas que implican la
interrelación de distintos componentes o partes, entre las que se tiene:
24
unidades típicas de salida son las pantallas, impresoras, graficadores, cintas
magnéticas, voz, etcétera.
25
En el desarrollo y construcción de estos sistemas se aplica un enfoque genérico
que se suaviza con estrategias, tácticas y métodos especializados (Pressman,
2006) (p.525). El proceso de ingeniería Web comienza con una formulación del
problema que pasa a resolverse con las WebApps. Se planifica el proyecto y se
analizan los requisitos de la WebApp; entonces se lleva a cabo el diseño de
interfaces arquitectónico y del navegador. El sistema se implementa utilizando
lenguajes y herramientas asociados con la Web; finalmente comienzan las
pruebas y la aplicación de criterios de calidad.
Una WebApp puede residir en Internet (abierta para todos) o de forma alternativa,
puede estar ubicar en una Intranet (en la red de una organización); o en una
extranet (comunicación entre varias redes). Los sistemas basados en Web hacen
un uso intensivo de las redes, controladas por el contenido y están en continua
evolución.
26
Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de
negocio.
Internet
En efecto, Internet es una red de redes porque está hecha a base de unir muchas
redes locales de computadoras. Por la red Internet circulan constantemente
cantidades increíbles de información. Por este motivo se le llama también la
autopista de la información, es decir, personas que "navegan" por Internet en todo
el mundo. Se dice "navegar" porque es normal el ver información que proviene de
muchas partes distintas del mundo en una sola sesión.
Una de las ventajas de Internet es que posibilita la conexión con todo tipo de
computadoras, desde las personales hasta las más grandes que ocupan
habitaciones enteras. Incluso podemos ver conectados a la Red cámaras de
vídeo, robots y máquinas de refrescos.
27
El Internet viene a ser una red de comunicaciones de cobertura mundial, que da
toda posibilidad de poder intercambiar e informar a través de un ordenador que
este situado en cualquier parte del mundo.
Sitio web
Todos los sitios web públicamente accesibles constituyen una gigantesca "World
Wide Web" de información.
Intranet
Según Christian Crumlish (1996) una intranet es una red de ordenadores privados
que utiliza tecnología Internet para compartir dentro de una organización parte de
sus sistemas de información y sistemas operacionales. El término intranet se
utiliza en oposición a internet, una red entre organizaciones, haciendo referencia
por contra a una red comprendida en el ámbito de una organización (p. 38).
Las Intranets utilizan tecnologías de Internet para enlazar los recursos informativos
de una organización, desde documentos de texto a documentos multimedia, desde
bases de datos a sistemas de gestión de documentos. Las Intranets pueden incluir
sistemas de seguridad para la red, tablones de anuncios y motores de búsqueda.
El software libre (en inglés free software), es la denominación del software que
respeta la libertad de los usuarios sobre su producto adquirido y, por tanto, una
vez obtenido puede ser usado, copiado, estudiado, cambiado y redistribuido
libremente.
29
El software libre suele estar disponible gratuitamente, o al precio de costo de la
distribución a través de otros medios; sin embargo no es obligatorio que sea así,
por lo tanto no hay que asociar software libre a "software gratuito" (denominado
usualmente freeware), ya que, conservando su carácter de libre, puede ser
distribuido comercialmente ("software comercial"). Análogamente, el "software
gratis" o "gratuito" incluye en ocasiones el código fuente; no obstante, este tipo de
software no es libre en el mismo sentido que el software libre, a menos que se
garanticen los derechos de modificación y redistribución de dichas versiones
modificadas del programa.
30
II.2.5. LENGUAJE DE PROGRAMACIÓN DE ALTO NIVEL
Según Alcalde (1993) (p.131), los lenguajes de alto nivel, también denominados
lenguajes evolucionados, son lenguajes de programación que se caracterizan por
expresar los algoritmos de una manera adecuada a la capacidad cognitiva
humana, en lugar de la capacidad ejecutora de las máquinas.
31
procedimentales, declarativos (lógicos y funcionales); concurrentes y orientados a
objeto (Joyanes, 1996) (p. 34).
Ventajas:
Inconvenientes:
Un documento en HTML puede ser creado y editado con cualquier editor de textos
básico. Sus etiquetas son pequeños fragmentos de texto encerrados entre ángulos
como <etiqueta>. Existen diferentes tipos de etiquetas; por ejemplo, algunas
controlan la presentación del texto del documento; otras, la forma en que se
incluirán imágenes o los hiperenlaces a otros documentos.
33
<HEAD></HEAD> Dentro de éstas etiquetas se define el encabezado del
documento HTML. Esta cabecera suele contener información sobre el
documento que no se muestra directamente al usuario. Estas se encuentran
ubicadas dentro de las etiquetas <HTML></HTML>.
<BODY> Esta etiqueta define el contenido principal o cuerpo del documento.
Corresponde a la parte del documento HTML que se muestra en el
navegador; dentro de esta etiqueta pueden definirse propiedades comunes a
toda la página, como color de fondo y márgenes. Dentro del cuerpo <BODY>
se pueden encontrar numerosas etiquetas, las cuales en conjunto definen la
estructura del documento.
Ejemplo de algunas de las etiquetas que se pueden ubicar dentro del cuerpo del
documento HTML:
XHTML
34
(http://www.php.net/) (2008) (sp). PHP es un acrónimo recursivo que significa
"PHP Hypertext Pre-processor"; se trata de un lenguaje interpretado usado para la
creación de aplicaciones para servidores, o creación de contenido dinámico para
sitios web. Últimamente también para la creación de otro tipo de programas
incluyendo aplicaciones con interfaz gráfica usando librerías especialmente
construidas desarrollar aplicaciones.
Es un lenguaje multiplataforma.
Capacidad de conexión con la mayoría de los manejadores de base de datos
que se utilizan en la actualidad; destaca su conectividad con el manejador
MySQL.
Leer y manipular datos desde diversas fuentes, incluyendo datos que pueden
ingresar los usuarios desde formularios HTML.
Capacidad de expandir su potencial utilizando la enorme cantidad de
módulos (llamados ext's o extensiones).
Amplia documentación en su página oficial, entre la cual se destaca que
todas las funciones del sistema están explicadas y ejemplificadas en un
único archivo de ayuda.
Permite las técnicas de Programación Orientada a Objetos.
Biblioteca nativa de funciones sumamente amplia e incluida
No requiere definición de tipos de variables ni manejo detallado del bajo
nivel.
35
En síntesis, por ser un lenguaje multiplataforma, PHP puede funcionar en
cualquier plataforma (Windows, Linux, Unix, Solaris, entre otros); ofrece soporte a
los más importantes manejadores de bases de datos (SQL Server, Oracle,
MySQL, Postgre SQL, Informix, entre otros) y soporta la mayoría de los servidores
web de hoy en día incluyendo Apache, Microsoft Internet Information Server,
Personal Web Server, OmniHTTPd y muchos otros
JavaScript
Ajax
37
UML permite la modificación de todos sus miembros mediante estereotipos y
restricciones. Un estereotipo nos permite indicar especificaciones del lenguaje al
que se refiere el diagrama de UML. Una restricción identifica un comportamiento
forzado de una clase o relación, es decir mediante la restricción estamos forzando
el comportamiento que debe tener el objeto al que se le aplica.
Se dispone de dos tipos diferentes de diagramas los que dan una vista estática del
sistema y los que dan una visión dinámica. Los diagramas estáticos son:
38
Diagrama de componentes: Muestran la organización de los componentes
del sistema. Un componente se corresponde con una o varias clases,
interfaces o colaboraciones.
39
II.2.8. BASE DE DATOS
Base de Datos
Henry F. Korth (2006) (p. 19), define una base de datos como una serie de datos
organizados y relacionados entre sí, y un conjunto de programas que permitan a
los usuarios acceder y modificar esos datos.
Las bases de datos pueden ser de cualquier tamaño y tener muy diversos grados
de complejidad, dependiendo del modelo de datos que la defina. En el caso de las
bases de datos computarizadas, se pueden crear y mantener mediante un
40
conjunto de programas de aplicación escritos en lenguajes de programación para
el manejo de los datos; o bien, mediante sistemas gestores de base de datos,
facilitando a los usuarios la gestión (creación, actualización y mantenimiento) de la
misma.
41
de la versión libre, es en el soporte técnico que se ofrece, y la posibilidad de
integrar este gestor en un software propietario, ya que de otra manera, se
vulneraría la licencia GPL.
Características principales:
42
El servidor soporta mensajes de error en distintas lenguas
Ventajas
Velocidad al realizar las operaciones, lo que le hace uno de los gestores con
mejor rendimiento.
Bajo costo en requerimientos para la elaboración de bases de datos, ya que
debido a su bajo consumo puede ser ejecutado en una máquina con escasos
recursos sin ningún problema.
Facilidad de configuración e instalación.
Soporta gran variedad de Sistemas Operativos
Baja probabilidad de corromper datos, incluso si los errores no se producen
en el propio gestor, sino en el sistema en el que está.
Conectividad y seguridad
Desventajas
Soporte de transacciones,
Estabilidad,
Escalabilidad y
43
Soporte multiplataforma.
Identificación de la Empresa
44
Estructura y Funciones:
45
abriría "la posibilidad de participar en el diseño de políticas públicas, poder
comunicarse directamente con las autoridades, generar reclamos y fiscalizar la
labor pública" (Araya, 2005) (sp).
47
distribuidos entre distintos usuarios. (Gaceta oficial Nº 38.095,
28/12/2004, p. 2).
48
b. La generación, sistematización y socialización de conocimientos en campos
científicos, tecnológicos, sociales y humanísticos y del arte.
c. La proyección vinculada al desarrollo socioeconómico, ambiental, cultural y
educativo de las comunidades de su entorno, de la región y del país.
d. La revitalización, en perspectiva histórica, del pensamiento integracionista
latinoamericano, como eje fundamental de las vías de cooperación nacional
e internacional en los ámbitos de formación y de generación de
conocimientos y su socialización.
49
CAPITULO III
MARCO METODOLÓGICO
50
partirán con la identificación de los requisitos, hasta el desarrollo y puesta en
marcha (a nivel de pruebas) de la aplicación, en un ambiente controlado.
Para tal propósito se seguirán los lineamientos establecidos por el autor Pressman
(2010) (p. 317) que establece que el diseño de una Webapp consiste en seis fases
principales que son orientadas por la información obtenida durante el modelado de
los requisitos.
Antes de presentar las fases extraídas del modelo propuesto por Pressman, se
exponen algunos elementos importantes relacionados con su modelo de desarrollo
para sistemas Web:
51
Fase 1: Formulación del problema e identificación de requisitos
Fase 2: Análisis:
o Análisis del Contenido.
o Análisis de la Interacción.
o Análisis Funcional.
o Análisis de Navegación.
o Análisis de la Configuración.
Fase 3: Ingeniería de Diseño:
o Diseño del Contenido.
o Diseño Arquitectónico.
o Diseño de la Navegación.
o Diseño de la Interfaz de Usuario.
o Diseño de los Componentes.
Fase 4: Generación de Páginas y Formulario.
Fase 5: Puesta a Prueba del Sistema.
Fase 6: Evaluación del Usuario.
Esta fase pretende señalar y establecer las prioridades sobre aquellas tecnologías
y aplicaciones que producirán un beneficio máximo a la Coordinación de la Misión
Sucre del Municipio Sucre del Estado Mérida.
52
Se emplea como técnica la entrevista abierta al personal que allí labora,
enfocando de manera especial aquella información que es requerida y relevante
para el proyecto a partir de preguntas como:
Luego, con las respuestas a las preguntas formuladas se establecen las metas
según las dos categorías siguientes:
53
Fase 2: Análisis
54
c. Análisis Funcional: Se define las operaciones que se aplicarán al contenido
del sistema web y se describirán detalladamente todas las funciones y
operaciones o funcionalidades del sistema por desarrollar.
Con esta fase se busca describir los procedimientos a seguir para el logro de los
objetivos y metas planteadas a partir de los requerimientos e información obtenida
en las fase anteriores, entonces se pudo finalmente diseñarse e integrarse el
nuevo sistema.
55
para la presentación de las mismas. Se diseña el conjunto de procedimientos
que permitirán describir todos los aspectos del sistema; proporcionándose
una completa idea de lo que éste es.
56
d. Diseño de la Interfaz de Usuario: La interfaz de usuario de una WebApp es
la “primera impresión”. Esto implica que se diseña el conjunto de
especificaciones de la interfaz del sistema con sus usuarios, se incluyen las
entradas, las salidas, las pantallas y las transiciones entre pantallas. En este
diseño se efectuarán las siguientes actividades:
57
Fase 5: Puesta a Prueba del Sistema.
58
CUADRO SINÓPTICO
FASES DE LA METODOLOGIA
FASES ACTIVIDAD HERRAMIENTAS PRODUCTOS
1.- Formulación del problema e Realización de entrevista al personal de la Coordinación de la Entrevistas. Determinación de las necesidades y
identificación de requisitos. Misión Sucre. Observación directa. requisitos de los usuarios.
Herramientas de Ofimática Establecimiento de las metas.
2.- Análisis. Análisis del Contenido: Identificar el espectro completo de Información Recopilada Conceptualización de la
contenido. Casos de Usos. funcionalidad del sistema y
Análisis de la Interacción: Describir la interacción de los Diagrama de Secuencias. estructura del mismo.
usuarios con el sistema. Diagrama de Actividad. (Documento de análisis).
Análisis Funcional: Definir las funciones y operaciones del UML.(PacestarUML)
sistema. Herramientas de Ofimática.
Análisis de Navegación: Definir la estrategia de navegación del
sistema.
Modelo de Configuración: Describir la infraestructura donde
residirá el sistema.
3.- Ingeniería de Diseño. Diseño de Contenido: Describir todos los aspectos del sistema. Especificaciones de Diseño completo de las partes que
componen el sistema web.
Diseño Arquitectónico: Definir las relaciones entre cada uno de interfaces.
los elementos estructurales del programa. Diagrama de arquitectura. (Documento de diseño).
Diagrama de clases.
Diseño de la Navegación: Definir las rutas de navegación del
UML. (PacestarUML).
sistema.
Herramientas de Ofimática
Diseño de la Interfaz de Usuario: Diseñar las pantallas y las
transiciones entre ellas.
Diseño de los Componentes: Transformar la información de los
modelos de requerimientos y arquitectónico a una representación
de diseño.
4.- Generación de Páginas y Formulario. Elaborar páginas y formularios web. Para programación y Sistema programado y documentado.
8
Manejador de bases de datos:
MySQL.
5.- Puesta a Prueba del Sistema. Instalar el sistema. Usuarios funcionales para Validación de los requerimientos del
sistema por parte de los usuarios.
Realizar pruebas de funcionalidad de validaciones. pruebas.
6.- Evaluación del Usuario. Evaluación del sistema Aceptación del sistema.
9
CAPITULO IV
DESARROLLO DE LA SOLUCIÓN
Esta fase se inició con la revisión de los procesos del sistema actual, realizando la
recopilación de información y datos a través del instrumento básico “entrevistas
abiertas” a los usuarios que participan en el proceso y la observación directa en
sitio.
62
futuro, en la propia Web. El uso de un plataforma Web es un requisito por
parte de las autoridades de la Coordinación de la Misión Sucre, Aldea
CRAM.
63
c) Personal Operativo: Será el tipo de usuario encargado de transcribir y
procesar datos, garantizando el normal desarrollo de las actividades del
proceso de registro y control estudiantil; además, será el responsable de
suministrar la información, reportes, listados y consultas que demande el
entorno.
Usuario
Sistema Web
64
Por otra parte, del análisis de la información levantada y de las observaciones en
sitio, así como de las respuestas a preguntas específicas formuladas en la
Coordinación de la Misión Sucre, Aldea CRAM, se establecieron las metas según
las dos categorías siguientes:
Metas Informativas:
Metas Aplicables:
Con relación al perfil del usuario, se destacó que los potenciales usuarios para el
nuevo sistema web han desarrollan destrezas en el manejo del computador, razón
por la cual se han apropiado del conocimiento necesario para abordar el manejo
de un sistema como el propuesto.
65
En cualquier caso, poseen el conocimiento para el manejo de herramientas
computacionales, tienen experticias en los procesos básicos de la coordinación y
herramientas como el software propuesto basado en tecnología web.
Requisitos funcionales
Requisitos no funcionales
RNF3: Proporcionar una interfaz gráfica sencilla, con base a opciones tipo
menús, ventanas, botones y listas desplegables.
67
RNF5: Implementar mensajes para advertir errores cometidos al registrar
datos y ayuda en línea.
RFN9: El sistema debe ser desarrollado con herramientas bajo licencia GNU
o software libre.
Sistema
Ingresar al Sistema
Administrador Coordinador
Consultar
Generar Reporte
68
IV.2. Fase 2: Análisis.
A partir de los actores y los casos de usos, se describió en forma detallada cada
uno de los casos de uso, elaborándose sus respectivos diagramas para ilustrar
cómo se relacionan con los actores y con otros casos de uso, modelando de esta
manera el comportamiento del sistema, siguiendo los criterios UML.
Los diagramas resultantes de los casos de usos (con sus respectivos subcasos o
subsistemas) y las descripciones respectivas se muestran a continuación:
«extend»
Validar Usuario Identificar usuario
Administrador
Coordinador
Personal Operativo
Estudiante
70
Elementos de contenido y atributos principales:
<ninguno> <ninguno>
Administrador
Coordinador
Personal Operativo
Estudiante
Fig. Nº 4. Diagrama de Caso de Uso Salir del Sistema Web. Fuente: Propia
Modificar
«extend»
Agregar
Eliminar
Actualizar «extend»
Registrar Facilitador
Estudiante Usuario
Agregar
Registrar «extend» Modificar
Registrar Programas de
Formación Actualizar Eliminar
«extend»
Administrador,
Coordinador
Registrar Agregar
Notas «extend» Modificar
Actualizar
«extend»
Eliminar
72
ID C.U. 04 Caso de Uso Agregar Estudiantes
Requisitos RF2, RNF3
Actor(es) Administrador, Coordinador.
Objetivo Permite mantener la información personal de los estudiantes
que cursan los diferentes programas de formación.
Precondición El usuario tiene privilegios, con autorización para el registro
de estudiantes (actualización de la base de datos).
Acción del Actor Respuesta del Sistema
Ejecuta 1. El actor selecciona la opción Agregar Estudiantes.
funcionalidad 2. El sistema muestra un formulario para agregar
Agregar Estudiantes. estudiantes.
Ingresa los datos 3. El sistema válida que el número de cédula no esté ya
requeridos. registrado y muestra en pantalla un formulario.
a. Si el número de cédula ingresado ya existe en
la base de datos el sistema muestra un
mensaje de error y no muestra el formulario
para el registro de los datos.
4. El actor ingresa los datos del estudiante y selecciona
la opción grabar.
Confirma el ingreso 5. El sistema inserta registro en la base de datos.
del registro a la BD a. Si transacción es exitosa, muestra mensaje.
haciendo clic en b. Si transacción no es exitosa, muestra mensaje
botón aceptar. explicativo.
6. Regresa a la pantalla de agregar Estudiantes.
Postcondición Al ejecutarse la operación, el sistema debe indicar que la
transacción fue exitosa.
La base de datos estará en estado consistente.
Comentarios En cualquier momento el actor puede seleccionar “Cancelar
y salir del formulario sin realizar ningún cambio (la
cancelación deberá confirmarse).
Elementos de contenido y atributos principales:
Estudiantes Cedula, Nombre, Apellido, Edad, Dirección, Teléfono,
Correo, Estado Civil, Profesión, Discapacidad, Programa,
Trimestre, Trayecto, Posee Beca, Etnia, Egresado de Rivas,
Aldea, Estado, Municipio, Nota, Materia.
73
ID C.U. 05 Caso de Uso Actualizar Estudiantes.
Requisitos RF2, RNF3
Actor(es) Administrador, Coordinador.
Objetivo Actualizar la información personal de los estudiantes que
cursan los diferentes programas de formación, mediante las
operaciones de modificar y eliminar.
Precondición El usuario tiene privilegios, como Administrador,
Coordinador.
<<extend>> Modificar, Eliminar
Acción del Actor Respuesta del Sistema
Ejecuta 1. El actor selecciona la opción Actualizar Estudiantes.
funcionalidad 2. El sistema muestra un formulario para actualizar
Actualizar estudiantes. Implica dos funciones Modificar, Eliminar.
Estudiantes
Selecciona botón 3. Si selección es Modificar, el sistema muestra
según funcionalidad formulario para buscar estudiante.
a ejecutar. a. Presenta datos del estudiante para
modificación.
b. Si existe error, muestra error y permite ingreso
de dato corregido o permite salir de la
funcionalidad.
c. Si no existe error, actualizar datos.
c.1. Envía mensaje da transacción exitosa.
c.2. Regresa al formulario Actualizar
Estudiante.
4. Si selección es Eliminar, el sistema muestra formulario
para buscar estudiante.
a. Presenta datos del estudiante con opción
Eliminar.
b. Si confirma eliminar, ejecuta
b.1. Eliminación de estudiante.
b.2. Envía mensaje de transacción exitosa.
b.3. Regresa al formulario Actualizar
Estudiante.
Postcondición Al ejecutarse la operación, el sistema debe indicar que la
transacción fue exitosa.
La base de datos estará en estado consistente.
Comentarios En cualquier momento el actor puede seleccionar “Cancelar
y salir del formulario sin realizar ningún cambio (la
cancelación deberá confirmarse).
74
Elementos de contenido y atributos principales:
Estudiantes Cedula, Nombre, Apellido, Edad, Dirección, Teléfono,
Correo, Estado Civil, Profesión, Discapacidad, Programa,
Trimestre, Trayecto, Posee Beca, Etnia, Egresado de Rivas,
Aldea, Estado, Municipio.
75
ID C.U. 07 Caso de Uso Eliminar Estudiantes
Requisitos RF2
Actor(es) Administrador, Coordinador.
Objetivo Permite eliminar estudiantes registrados en la base de datos.
Precondición El estudiante ya debe estar registrado.
Acción del Actor Respuesta del Sistema
Ejecuta 1. El actor selecciona la opción Eliminar Estudiantes.
funcionalidad 2. El sistema borra al estudiante de la base de datos.
Modificar
Estudiantes
Postcondición Al ejecutarse la operación, el sistema debe indicar que la
transacción fue exitosa.
La base de datos queda actualizada.
Comentarios En cualquier momento el actor puede seleccionar “Cancelar
y salir del caso de uso sin realizar ningún cambio (la
cancelación deberá confirmarse).
Elementos de contenido y atributos principales:
76
para el registro de los datos.
4. El actor ingresa los datos del Usuario y selecciona la
opción grabar.
Confirma el ingreso 5. El sistema inserta registro en la base de datos.
del registro a la BD a. Si transacción es exitosa, muestra mensaje.
haciendo clic en b. Si transacción no es exitosa, muestra mensaje
botón aceptar. explicativo.
6. Regresa a la pantalla de agregar Usuario.
Postcondición Al ejecutarse la operación, el sistema debe indicar que la
transacción fue exitosa.
La base de datos estará en estado consistente.
Comentarios En cualquier momento el actor puede seleccionar “Cancelar
y salir del formulario sin realizar ningún cambio (la
cancelación deberá confirmarse).
Elementos de contenido y atributos principales:
Usuario Código, Nombre, Apellido, Contraseña, Usuario, Nivel.
77
c.1.Envía mensaje da transacción exitosa.
c.2.Regresa al formulario Actualizar Usuario
5. Si selección es Eliminar, el sistema muestra
formulario para buscar estudiante.
a. Presenta datos del estudiante con opción
Eliminar.
b. Si confirma eliminar, ejecuta
b.1. Eliminación de estudiante.
b.2. Envía mensaje de transacción exitosa.
b.3. Regresa al formulario Actualizar
Estudiante.
Postcondición Al ejecutarse la operación, el sistema debe indicar que la
transacción fue exitosa.
La base de datos estará en estado consistente.
Comentarios En cualquier momento el actor puede seleccionar “Cancelar
y salir del formulario sin realizar ningún cambio (la
cancelación deberá confirmarse).
Elementos de contenido y atributos principales:
Usuario Código, Nombre, Apellido, Contraseña, Usuario, Nivel.
Cuadro Nº 10: Estructura de Casos de Usos del Subsistema de Usuario. Fuente: Propia.
78
Elementos de contenido y atributos principales:
Usuario Código, Nombre, Apellido, Contraseña, Usuario, Nivel.
Cuadro Nº 11: Estructura de Casos de Usos del Subsistema de Usuario. Fuente: Propia.
Cuadro Nº 12: Estructura de Casos de Usos del Subsistema de Usuario. Fuente: Propia.
79
Ingresa parámetros 3. El sistema valida parámetros.
a. Si parámetros válidos, ejecuta la generación del
reporte.
b. Si parámetros no válidos, solicita corrección de
valores.
Selecciona una 4. El sistema envía el reporte a la salida seleccionada
salida para el (pantalla, impresora).
Reporte. 5. Regresa al formulario Generar Reporte.
Postcondición <ninguna>
Comentarios <ninguno>
Elementos de contenido y atributos principales:
Lista de estudiantes Cedula, Nombre, Apellido, Edad, Dirección, Teléfono,
Correo, Estado Civil, Profesión, Discapacidad, Programa,
Trimestre, Trayecto, Posee Beca, Etnia, Egresado de Rivas,
Aldea, Estado, Municipio, Nota, Materia.
El caso de uso 12 es un ejemplo para una salida, tipo reporte del sistema. Se
contemplan otros reportes como: Reporte de Facilitadores, Reportes de Notas,
Reportes de Programas de Formación, Reportes de Usuarios.
Administrador,
Coordinador,
Personal Operativo,
Estudiantes Reporte
Reporte Notas
Usuarios
80
ID C.U. 13 Caso de Uso Consultar.
Requisitos RF5, RF6.
Actor(es) Todos.
Objetivo Consultar información de facilitadores, estudiantes,
programa de formación, notas, usuarios.
Precondición El usuario tiene privilegios, para consultar información.
Acción del Actor Respuesta del Sistema
Ejecuta 1. El sistema presenta formulario de Consulta.
funcionalidad
Consultar.
Ingresa parámetros 1. El sistema valida parámetros (Cédula).
a. Si parámetros válidos, ejecuta la consulta.
2. Si parámetros no válidos, solicita corrección de
valores.
Selecciona una 3. El sistema envía consulta a la salida seleccionada
salida para la (pantalla).
Consulta. 4. Regresa al formulario Consulta.
Postcondición <ninguna>
Comentarios <ninguno>
Elementos de contenido y atributos principales:
ninguno <ninguno>
b. Análisis de la interacción.
81
Administrador Base de
Sistema
Coordinador Datos (B.D)
Personal Operativo
Estudiante
Seleccionar opción
Buscar usuario
Autorizar entrada al sistema
Mostrar menu de opciones
Fig. Nº 7. Diagrama de Secuencia del Caso de Uso Ingresar al Sistema. Fuente: Propia
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Personal Operativo
Seleccionar opción
Buscar datos
Enviar datos
Mostrar datos
Fig. Nº 8. Diagrama de Secuencia del Caso de Uso Consultar Usuario. Fuente: Propia
82
Diagrama de Secuencia del Caso de Uso Registrar
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Ejecuta funcionalidad
(Facilitadores, Estudiante,Notas,
Programas de Formación, Usuarios).
Ingresa datos de
Facilitadores, Estudiantes, Notas,
Programas de Formación, Usuarios
Valida datos
Mensaje de error en datos
Actualiza registro de
Facilitadores, Estudiantes, Notas,
Confirma actualización Programas de Formación, Usuarios
Salir
Fig. Nº 9. Diagrama de Secuencia del Caso de Uso Registrar Estudiante, Facilitadores, Programa
de Formación, Notas, Usuarios. Fuente: Propia
83
Diagrama de Secuencia del Caso de Uso Subsistema Registrar Estudiante:
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Validar datos
Mostrar formulario Solicitar datos completos
Grabar datos
Fig. Nº 10. Diagrama de Secuencia del Caso de Uso Agregar Estudiante. Fuente: Propia
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Modificar datos
Enviar datos modificados
Grabar datos
Fig. Nº 11. Diagrama de Secuencia del Caso de Uso Modificar Estudiante. Fuente: Propia
84
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Buscar cédula
Mostrar formulario con los datos Enviar datos del estudiante
Seleccionar eliminar
Confirmar eliminación
Eliminar datos
Fig. Nº 12. Diagrama de Secuencia del Caso de Uso Eliminar Estudiante. Fuente: Propia
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Mostrar formulario
Validar datos
Grabar datos
Fig. Nº 13. Diagrama de Secuencia del Caso de Uso Agregar Usuario. Fuente: Propia
85
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Modificar datos
Enviar datos modificados
Grabar datos
Fig. Nº 14. Diagrama de Secuencia del Caso de Uso Modificar Usuario. Fuente: Propia
Base de
Sistema
Datos (B.D)
Administrador
Coordinador
Seleccionar opción
Seleccionar eliminar
Confirmar eliminación
Eliminar datos
Fig. Nº 15. Diagrama de Secuencia del Caso de Uso Eliminar Usuario. Fuente: Propia
86
c. Análisis funcional.
Ingresar al
Sistema Web
Ingresar Usuario y
Contraseña (U/C)
[Si]
[U/C válidos]
[No]
Desplegar Formulario
Principal del Sistema
Fig. Nº 16. Diagrama de Actividad del Caso de Uso Ingresar al Sistema Web. Fuente: Propia
87
ID C.U. 02 Caso de Uso Registrar Usuario
Seleccionar función
"Registrar Usuario"
Presentar Formulario
para Registrar Usuario
[Salir]
[Registrar]
Ingresar datos
del usuario
[No válidos]
[Válidos]
Confirmar
Actualización
[No actualizar]
[Si]
Actualizar B.D
Fig. Nº 17. Diagrama de Actividad del Caso de Uso Registrar Usuario. Fuente: Propia
88
ID C.U. 03 Caso de Uso Actualizar Usuario
Seleccionar función
"actualizar usuarios"
Presentar opciones:
Reg / Mod / Elim / Salir
[Salir]
[Registrar]
[Modificar o Eliminar]
Validar tipos
de datos
Validar
datos modificados
Validar consistencia
de base de datos
[Corregir]
[Verificar]
[Datos válidos]
Confimar acción
[No actualizar]
[Si]
Actualizar base
de datos
Fig. Nº 18. Diagrama de Actividad del Caso de Uso Actualizar Usuario. Fuente: Propia
89
ID C.U. 04 Caso de Uso Registrar
Salir
[Registrar]
[Corregir]
Confirmar
Actualización
[No actualizar]
[Si]
Fig. Nº 19. Diagrama de Actividad del Caso de Uso Registrar Estudiante, Facilitadores, Programa
de Formación, Notas, Usuarios. Fuente: Propia
90
ID C.U. 05 Caso de Uso Salir del Sistema Web
Salir del
Sistema Web
Solicitar confirmación
de la acción
[Si] Cerrar
Formularios
[No]
Cerrar Conexión
con la B.D.
Fig. Nº 20. Diagrama de Actividad del Caso de Uso Salir del Sistema Web. Fuente: Propia
d. Análisis de navegación.
91
Información útil que se actualice periódica y automáticamente.
Acceso directo a los contenidos más demandados por los usuarios.
Búsqueda de documentos mediante un menú que permita buscar
contenidos relacionados con algún tema en concreto.
3. Se diseñaron páginas de contenido dentro del sistema para cada uno de los
usuarios tipo del sistema Web, estas deben contener:
Canales de información de trámites, servicios y eventos específicos para
cada usuario tipo.
Información útil que se actualice periódica y automáticamente.
e. Análisis de configuración.
92
Para crear la base de datos del sistema se crea el código a través del shell y se
ejecuta las rutinas SQL necesarias, invocando al gestor de base de datos MySql
ingresando como súper usuario. Por otro lado, se puede utilizar también cualquier
administrador para base de datos y realizar las mismas operaciones de creación y
mantenimiento de la base de datos de manera gráfica.
Todas las herramientas software para el desarrollo del sistema son de naturaleza
gratuita de Licencia Pública General (GPL) y se pueden obtener fácilmente en
Internet.
Los navegadores para los que se programa y que son utilizados en las pruebas de
navegación son: Mozilla FireFox versión 20.0.3 y Internet Explorer 9.
Servidor Servidor de
Web aplicaciones
Cliente
Gestor de bases
de datos
Documentos
HTML + PHP Base de datos
Fig. Nº 21. Arquitectura para el sistema Web, en la Intranet de la Coordinación de la Misión Sucre
Fuente: Propia
93
Con relación a la utilización de PHP, necesita básicamente dos cosas:
1.- Un servidor Web que va a atender las peticiones de los clientes y devolverá
las páginas solicitadas.
2.- El paquete PHP, es decir, el modulo que se encargará de interpretar y
ejecutar las paginas PHP que son solicitadas al servidor.
94
3. Un indicador de posición, que nos informará de nuestra posición dentro del
sistema Web según el camino de navegación que hayamos seguido y,
además, nos facilitará enlaces a las páginas superiores según la jerarquía de
navegación. Por lo tanto nos indica donde estamos en ese momento y el
enlace para volver a la página principal del sistema Web.
b. Diseño arquitectónico:
El diseño de la arquitectura del sistema Web está compuesto por módulos que son
unidades de programas, en lo que se especifican componentes, módulos,
relaciones entre módulos y la interfaz, apoyándose en las herramientas de
modelado que permitan la fácil construcción del sistema Web. Para el diseño de la
arquitectura del sistema Web, se eligió la estructura jerárquica, por ser la idónea
para un sistema Web como el planteado.
95
puesto que en ella se aloja la base de datos, en la cual se almacena la información
asociada con los estudiantes y el proceso de registro.
Interfaz de Registro y
Control Estudiantil
Módulo de Registro y
Control Estudiantil
Base de Datos
Fig. Nº 23. Arquitectura general del sistema de Registro y Control Estudiantil. Fuente: Propia
c. Diseño de navegación
Con relación a los roles identificados, tal como se señaló antes, cada uno ésta
asociado a diferentes niveles de acceso que especifican qué contenido y qué
funcionalidades pueden visitar.
96
Inicio del SW Acceso Salir
Usuario
Reportes
Página
Principal
Agregar Actualizar Consultar
Programa de
Modificar Eliminar Formación
Agregar Actualizar
Estudiantes
Facilitadores
Notas
Modificar Eliminar
Agregar Actualizar
Agregar Actualizar
Agregar Actualizar
Modificar Eliminar
Modificar Eliminar
Modificar Eliminar
En las figuras Nº 26, 27, 28 la interfaz está compuesta por los siguientes
elementos:
Opciones del menú: muestra las diferentes opciones del menú disponible
en el sistema. Los elementos presentes en el menú dependerán del usuario que
se encuentre interactúan con la aplicación.
99
Fig. Nº 26. Diseño de la Interfaz de acceso al Sistema. Fuente: Propia
100
Fig. Nº 28. Diseño general de consulta. Fuente: Propia
101
Fig. Nº 29. Diseño de Interfaz de Reporte del Alumno. Fuente: Propia
102
El objetivo en esta fase es elaborar un modelo lógico que represente las
entidades, relaciones y atributos, para ello se contemplarán los siguientes
aspectos para elaborar el Modelo Relacional:
La base de datos del sistema está compuesta por diecisiete tablas las cuales son
las siguientes.
1. Aldea
2. Coordinador
3. Entidad_federal
4. Estudiante
5. Facilitador
6. Lapso
7. Materia
8. Municipio
9. Pensum
10. Programa
11. Plantel
12. Sección
13. Trayecto
14. Usuario
103
Coordinador Facilitador
-cedula -cedula
-nombre -nombre
-apellido -apellido
-cargo -edad
1
-titulo -sexo
-telefono -fecha_nac
m
-cod_aldea -lugar_nac
-nacionalidad
+Insertar() -telefono
+Guardar() -direccion
+Consultar() -correo
+Buscar() -cod_materia
1 -cod_aldea
+Modificar() 1
+Eliminar()
+Insertar()
+Guardar()
Aldea +Consultar()
Plantel -cod_aldea +Buscar()
-nombre_aldea +Modificar()
-cod_plantel +Eliminar()
-cod_aldea 1 +Insertar()
-nombre_plantel +Guardar() 1
m +Consultar()
+Insertar() +Buscar()
+Guardar() +Modificar()
+Consultar() +Eliminar()
+Buscar() m m
+Modificar()
1 Materia
+Eliminar()
-cod_materia
-nombre_materia
+Insertar()
Municipio +Guardar()
+Consultar()
-cod_municipio
+Buscar()
-nombre_municipio
+Modificar()
-cod_aldea
+Eliminar()
-cod_estado
1
m
+Insertar() m
+Guardar() Estudiante
+Consultar() -cedula
+Buscar() -nombre
1
+Modificar() -apellido
+Eliminar() -edad Pensum
-sexo Programa
-cod_pensum
m -fecha_nac
-cod_programa -nombre_pensum
-lugar_nac
-nombre_programa -cod_programa
-nacionalidad
-cod_materia
-telefono 1 1 +Insertar() 1 1
1 -direccion
+Guardar() +Insertar()
Estado -correo
+Consultar() +Guardar()
-cod_programa
-cod_estado +Buscar() +Consultar()
-cod_aldea
-nombre_estado +Modificar() +Buscar()
+Eliminar() +Modificar()
+Insertar() +Eliminar()
+Insertar() +Guardar()
+Guardar() +Consultar() 1
+Consultar() +Buscar()
+Buscar() +Modificar()
+Modificar() +Eliminar()
+Eliminar()
Usuario
-cod_usuario
m -nombre
Lapso Sección
Trayecto -apellido
-cod_lapso -cod_seccion -contraseña
-trayecto_trimestre_año -nombre_seccion -cod_trayecto -tipo
-fecha_culminacion -tipo_seccion -nombre_trayecto
-fecha_inicio -cod_trayecto +Insertar()
1 m m 1 +Insertar()
+Guardar()
+Insertar() +Insertar() +Guardar() +Consultar()
+Guardar() +Guardar() +Consultar() +Buscar()
+Consultar() +Consultar() +Buscar() +Modificar()
+Buscar() +Buscar() +Modificar() +Eliminar()
+Modificar() +Modificar() +Eliminar()
+Eliminar() +Eliminar()
104
La implementación del modelo de data debe realizarse en el manejador MySQL,
de tipo relacional. Con este propósito se construye un modelo entidad relación
extendido, tal como se muestra a continuación:
1 m
COORDINADOR FACILITADOR
1
1 1
m
PLANTEL ALDEA
1
1
m
MATERIA
MUNICIPIO
1 m
m
ESTUDIANTE
1 1
ESTADO
1 1
1 1
LAPSO PROGRAMA PENSUM
1 1
m
m
m 1
SECCION TRAYECTO USUARIO
105
caso “usuario” hereda los atributos de otra entidad dependiendo del tipo de
usuario, para llevar a cabo este proceso es necesario contar con un SGBD que
soporte dicha propiedad.
Tabla Descripción
Usuario Registra los diferentes tipos de usuarios, esta tabla
hereda atributos de las tablas Estudiante,
Coordinador, Facilitador y Administrador.
Estado Almacena los códigos y nombres de estados de
Venezuela.
Municipio Almacena los códigos y nombres de municipios de los
Estados.
Aldea Almacena los códigos y nombres de aldea donde se
imparten los diferentes programas.
Programa Almacena los códigos y el nombre del programa o
“carrera” ofrecido por la universidad.
Pensum Almacena los códigos y el nombre de los pensum
“mallas curriculares” de cada programa así como la
relación con un programa, un malla representa al
106
pensum de un programa pero puede tener modalidad
diurna o nocturna.
Sección Almacena los códigos y el nombre del turno de la
malla curricular, está puede ser una malla diurna o
nocturna.
Materia Almacena los códigos y el nombre de cada unidad
curricular “materia” así como el tipo de unidad
curricular, las horas y turno. Cada unidad curricular
posee un código único que la identifica.
Lapso Almacena el año.
Trayecto Almacena los códigos del trayecto.
Estudiante Almacena todos los datos personales de los
estudiantes. Cada estudiante posee un código único
que lo identifica ejemplo la cédula.
Facilitador Almacena todos los datos personales de los
facilitadores. Cada facilitador posee un código único
que lo identifica ejemplo la cédula.
Plantel Almacena los códigos y nombres de los diferentes
planteles donde se imparten los diferentes programas.
Coordinador Almacena todos los datos personales de los
coordinadores. Cada coordinador posee un código
único que lo identifica ejemplo la cédula.
107
Caso tabla: Aldea
CREATE TABLE IF NOT EXISTS `aldea` (
`cod_aldea` varchar(12) character set utf8 collate utf8_spanish_ci NOT NULL,
`nom_instituto` varchar(50) character set utf8 collate utf8_spanish_ci NOT NULL,
`mun_instituto` varchar(40) character set utf8 collate utf8_spanish_ci NOT NULL,
`ent_federal` varchar(20) character set utf8 collate utf8_spanish_ci NOT NULL,
`dir_instituto` varchar(50) character set utf8 collate utf8_spanish_ci NOT NULL,
`tel_instituto` varchar(12) character set utf8 collate utf8_spanish_ci NOT NULL,
`mai_instituto` varchar(50) character set utf8 collate utf8_spanish_ci NOT NULL,
PRIMARY KEY (`cod_aldea`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
La actividad realizada en esta etapa fue la generación del código fuente, es decir,
la programación de los componentes del sistema.
108
interfaces de usuario se utilizó el HTML usando la herramienta Macromedia
Dreamweaver MX. El manejador de base de datos utilizado fue el MySQL.
<html><head>
<title>Mision Sucre</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="estilos/style.css" type="text/css">
<!--<link rel="stylesheet" href="estilos/estilo.css" type="text/css">-->
<script type="text/javascript" src="java/funcionesAjax.js"></script>
<!--[START-LX0]--><!--<script type='text/javascript' src='quickmenu.js'></script>--
><!--[END-LX0]-->
</head>
<body onLoad="BodyOnLoad(),oficVirt(),Menus()" onUnload="BodyUnLoad()"
bgcolor="#FFFFFF" text="#000000">
<a name=" "></a>
<div id="cabecera">
</div>
...
</body></html>
<?
include("../../conexion/conexion.php");
$consulta3=mysql_query("SELECT * FROM aldea");
$con3=mysql_fetch_assoc($consulta3);
$nom_instituto=$con3['nom_instituto'];
$consulta3= mysql_query("SELECT * FROM aldea");
?>
<html>
<head>
<link rel="stylesheet" href="../../estilos/style.css" type="text/css">
<title> Sistema de Control de Estudio </title>
<style type="text/css">
</style>
</head>
<body id="fondo">
<div id="contenedor">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr class="BgHead">
<td valign="bottom">
<div id="Header">
<a href="index.html">
<img src="../../imagenes/logo.gif" alt="ALDEA CRAM" class="logo" border="0">
</a>
</body>
</html>
110
Fig. Nº 33. Inicio de Sesion. Fuente: Propia
<?php
session_start();
$_SESSION['usuario'];
//aqui
if ($_SESSION['usuario']==NULL)
{
?>
<script>
window.location = "../micuentaestudiante/login/login.php";
alert('Debe iniciar sesi\u00F3n en el sistema');
</script>
<?
}
session_register('cedula');
$ced=$_SESSION['cedula'];
session_register('ano');
111
$ano=$_SESSION['ano'];
include("../conexion/conexion.php");
$consulta = mysql_query("SELECT * FROM entidad_federal ");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?
include("../sesion/inactividad.php");
?>
<script language="JavaScript" src="../validacion/validar.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
</div>
</body>
</html>
112
IV.5. Fase 5: Puesta a prueba del sistema.
Se comprobó al menos una vez cada una de las instrucciones de los módulos. En
este sentido, se verificó que en el Modulo de Registro, se presenta para cada
estudiante registrado, su información personal correctamente; además se realizó
completo el registro de un estudiante en un trayecto y trimestre determinado.
Además se verificó que los diferentes listados y los reportes, se imprimen con la
información correspondiente.
113
IV.6. Fase 6: Evaluación de los usuarios.
Control de errores y
realimentación
Navegación Fácil
Facilidad de uso en
general
Cuadro Nº 16: Criterios para la Evaluación del sistema
114
CAPITULO V
ANÁLISIS DE RESULTADOS
115
Se efectuaron pruebas exhaustivas para asegurar el perfecto funcionamiento
del proyecto, primero en el ambiente de desarrollo y luego en el servidor de
Intranet.
116
CAPITULO VI
CONCLUSIONES Y RECOMENDACIONES
CONCLUSIONES
117
que el sistema pueda adaptarse a los nuevos requerimientos que puedan ir
surgiendo con el tiempo o integrarse con otras aplicaciones informáticas en otros
departamentos, con lo cual se optimizarán los beneficios del trabajo en ambiente
web.
Por otra parte, la utilización del sistema web permitirá optimizar el uso de la
infraestructura tecnológica presente en la Coordinación Misión Sucre del Municipio
Sucre del Estado Mérida, ya que se podrá acceder al sistema desde cualquier
equipo conectado a su Red de Área Local, con lo cual queda demostrada una de
las ventajas de los ambientes web.
118
RECOMENDACIONES
119
REFERENCIAS BIBLIOGRÁFICAS
120
Arismendi (IUTIRLA) de Puerto Ordaz, Estado Bolivar. Trabajo de
Grado, Universidad Nacional Abierta. Venezuela.
Pressman, R. (2006). Ingeniería de Software. Un enfoque Práctico. México:
Sexta Edición, McGraw-Hill.
Pressman, R. (2010). Ingeniería de Software. Un enfoque Práctico. México:
Séptima Edición, McGraw-Hill.
Senn, J. (1992). Análisis y Diseño de Sistemas de Información. México:
McGraw-Hill.
Universidad Nacional Abierta. (1994). Análisis y Diseño de Sistemas. UNA.
Caracas.
Universidad Nacional Abierta. (1983). Introducción a la Ingeniería de
Sistemas. UNA. Caracas.
Universidad Nacional Abierta, (1981). Procesamiento de Datos I y II.
Caracas.
Universidad Pedagógica Experimental Libertador (2013). Manual de Trabajos
de Grado de Especialización, Maestría y Tesis Doctorales. Caracas
Vargas A., Alimar L. (2008) Sistema de información Web para el registro y
control administrativo del área de educación continua de extensión
universitaria para el Centro Local Yaracuy, Universidad Nacional
Abierta. Trabajo de Grado, Universidad Nacional Abierta. Venezuela
Whitten, J., Bentley, L. y Barlow, V. (2004). Análisis y diseño de sistemas de
Información. Madrid: Editorial McGraw-Hill / Irwin. Tercera Edición.
Sitios Web:
(http://www.corpoandes.gov.ve/corpoandes/perfiles/merida/sucre/)
(http://www.corpoandes.gov.ve/corpoandes/perfiles/merida/sucre)
(http://tesis.ula.ve/pregrado/tde_busca/arquivo.php?codArquivo=1274)
(http://www.venezuelabolivariana.com/modules/mastop_publish/?tac=Universi
dad_Bolivariana)
(http://es.wikipedia.org/wiki/Universidad_Bolivariana_de_Venezuela)
(www.etriek.net/pdf/Fides.pdf)
(http://www.masadelante.com/faqs/intranet)
121
(http://es.wikipedia.org/wiki/Intranet)
(http://es.wikipedia.org/wiki/World_Wide_Web)
(http://es.wikipedia.org/wiki/Software_libre)
(http://es.wikipedia.org/wiki/PHP)
(http://es.wikipedia.org/wiki/Oracle)
(http://www.programacion.com/articulo/introduccion_a_uml_181)
(http://sites.google.com/site/hguaymas/servicios3)
(http://www.calidaddelsoftware.com)
(http://www.phpmyadmin.net)
(http://www.libre.org/)
122
ANEXOS
123
Anexo A Manual de Usuario
A.1. Introducción
El presente manual (ayuda) es un documento que contiene las especificaciones
funcionales, técnicas y procedimientos para realizar la implantación y ejecución del
sistema de información web para el registro y control estudiantil de la Coordinación
Misión Sucre.
La interfaz utilizada en este proyecto sigue una estructura generalizada bajo el
concepto de ventanas, las cuales facilitan la interacción del usuario con el sistema.
A.2. Objetivos.
Este manual muestra una descripción del sistema diseñado, para brindar apoyo a
los usuarios al momento, de procesar las solicitudes de notas, información
personal de los estudiantes, facilitadores, coordinadores y hacer modificaciones y
actualizaciones al sistema.
A.3. Beneficios
Provee una herramienta flexible y eficaz que permite que el proceso de
registrar al estudiante se haga de forma rápida y segura.
Interfaz de usuario amigable.
Disminuir el tiempo requerido por los estudiantes y facilitadores para
procesar sus solicitudes.
Automatizar y aumentar la velocidad de los procesos manuales que se
llevan a cabo en la Coordinación de la Misión Sucre.
124
Sistema Web para el Registro y Control Estudiantil de la Misión Sucre,
Aldea Centro Regional de Apoyo al Maestro (CRAM), Municipio Sucre del
Estado Mérida.
125
Figura. A.1 Pantalla principal del Sistema
Luego que el usuario pulsa el botón Ingresar al sistema muestra la ventana de
inicio de sesión.
Encabezado
126
A.7. Inicio de Sesión.
Usuario Descripción
127
A.8. Ventana para el usuario Coordinador.
La figura A.3. muestra la ventana y menú de opciones para el usuario
Coordinador.
Debe seleccionar el
Trayecto – Trimestre – Año
Menú
Botón de acción
Menú
128
Observaciones Alumnos; para los demás Menú se realizan las mismas
operaciones.
Una vez
insertados todos
los datos le
damos clik en
guardar
Damos clik en
Aceptar para
registrar la
contraseña
129
Introduzca la
contraseña para
confirmar
Seleccione el Tipo
Damos click en de Usuario
Guardar
Mensaje
exitoso
130
Figura A.9 Pantalla de Constancia de Estudios.
131
Pasos para Instalar el Programa WampServer 2.0
132
3. Luego nos muestra la siguiente pantalla que debemos seleccionar la aceptación
de condiciones del programa y hacemos Click en Next.
133
.
134
8. Completa la instalación le damos click en Finish.
135
136