6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama...

31
CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN CAPITULO V: DESARROLLO DEL APLICATIVO 5.1.- INTRODUCCIÓN.- 5.2.- CARACTERISTICAS.- 5.3.- METODOLOGIA.- Cruz Morales Sevilla 105

Transcript of 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama...

Page 1: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

CAPITULO V: DESARROLLO DEL

APLICATIVO

5.1.- INTRODUCCIÓN.-

5.2.- CARACTERISTICAS.-

5.3.- METODOLOGIA.-

5.4.- ARQUITECTURA.-

Cruz Morales Sevilla105

Page 2: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

5.1.- INTRODUCCIÓN.-

Una de las características más interesantes de Internet es la facilidad para publicar y

actualizar información. Sin embargo, esta facilidad es relativa, ya que se pueden

desarrollar sitios web estáticos con páginas HTML, que cada vez que se decida cambiar

la información de una página, lo que se tendrá que hacer es editar el fichero HTML,

modificando el contenido. Sin embargo este sistema es engorroso y poco práctico.

Además si el contenido depende del trabajo de varias personas el coste de realización y

publicación puede ser muy alto en tiempo, dinero y organización.

En cambio si se desea hacer un sitio web de actualidad, se necesita contar con páginas

dinámicas que sea fácil de actualizar, y para una actualización frecuente la mejor

solución es poder contar con un sitio dinámico con acceso a bases de datos.

Tras el estudio de las tecnologías PHP 5, ASP.NET y JSP, se puede observar que estas

son muy buenas alternativas para desarrollar sitios web dinámicos, y una principal

característica que las diferencia es el costo económico que implica cada una de ellas.

Según ciertas características de la Asociación General de Profesores de la UTN, la

mejor opción es desarrollar bajo tecnología de software libre, ya que dicha asociación

no cuenta con un presupuesto económico establecido para el proyecto, además el

aspecto tecnológico de la web de la Universidad Técnica del Norte actualmente esta

basado en PHP, MySQL y Apache bajo servidores LINUX, siendo así, la asociación

puede decidirse publicar su sitio web tanto en los servidores de la Universidad como en

un servidor pagado. En caso de contratar el servicio de hosting en una empresa

particular el costo a desembolsar es de alrededor de 190 dólares anuales.

La complejidad como los niveles de seguridad necesarios para dicho sitio web no son

sumamente grandes, siendo así PHP5 la mejor opción antes que JSP o ASP.NET. A más

de lo anterior la Universidad actualmente no cuenta con licencias de tecnología

Microsoft para decidirse a desarrollar bajo tecnología .NET.

Cruz Morales Sevilla106

Page 3: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Por lo anterior expuesto, desarrollar bajo tecnología de software libre es la mejor opción

para este proyecto, a continuación se menciona las tecnologías a utilizar:

PHP5 como una tecnología de servidor, MySQL como gestor de base de datos y Apache

como servidor web.

5.2.- CARACTERISTICAS.-

El tema planteado para el desarrollo del presente Aplicativo es:

“Diseño y creación de un sitio web dinámico de apoyo administrativo de la

Asociación General de Profesores de la UTN.”

Tras analizar y definir los requerimientos de la Asociación General de Profesores, se

concluye que el sitio web debe contar con 4 módulos fundamentales:

Módulo de Administración de todo el sitio web.

Módulo de Administración de determinadas secciones y/o subsecciones por

parte de un usuario del sitio web.

Módulo de Administración del usuario docente.

Módulo del Navegante del sitio web.

El aplicativo esta enfocado principalmente en posibilitar a la Asociación General de

Profesores controlar y dar a conocer los documentos e información pertinente a su

estamento y ciudadanía en general, en todo momento.

Las principales características del sitio web en el Módulo de Administración de

todo el sitio web, son:

Incluir, modificar y eliminar secciones, subsecciones que se crea pertinentes.

Incluir, presentar y actualizar permanentemente información que la dependencia

crea necesaria.

Publicar, modificar y eliminar documentos, con el fin de que sean descargados o

vistos en el navegador web.

Publicar, modificar y eliminar noticias como eventos que se crean necesarios.

Cruz Morales Sevilla107

Page 4: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Publicar, modificar y eliminar imágenes en formato digital.

Publicar, modificar y eliminar Links.

Crear, Actualizar y Eliminar cuentas de usuario.

Presentar de forma actualizada los reportes de: caja de ahorros, fondo de

cesantía, fondo de ayuda emergente y préstamos de sus miembros.

Crear y enviar boletines electrónicos con noticias y eventos preseleccionados, a

los mails de los docentes.

Realizar backups de la información que se encuentra almacenada en la base de

datos del sitio web.

Las principales características del sitio web en el Módulo de Administración de

determinadas secciones o subsecciones por parte de un usuario, son:

Manejar o administrar los diferentes contenidos o información publicada en las

secciones y/o subsecciones del portal web habilitas al usuario, es decir ingresar,

modificar o eliminar el texto, imágenes y animaciones que estén publicados.

Las principales características del sitio web en el Módulo de Administración del

Usuario Docentes, son:

Acceder al reporte de Caja de Ahorros:

Acceder al reporte de Fondo de Cesantía

Acceder al reporte de Caja de Ayuda Emergente:

Acceder al reporte de Préstamos:

Publicar Documentos:

Galería de Imágenes

Acceder a la publicación de Foros de discusión

Las principales características del sitio web en la parte del Navegante del sitio web

son:

Acceder a toda la información publicada en el portal.

Buscar información a través de un buscador del portal.

Cruz Morales Sevilla108

Page 5: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Enviar fotografías para su publicación en la sección de de galería.

Descargar documentos a través de la sección documentos.

Enviar comentarios, sugerencias o preguntas a través de un formulario al

administrador del portal web.

Acceder a los documentos, imágenes y foros de discusión, del usuario docente.

5.3.- METODOLOGIA.-

Con respecto al diseño y desarrollo de una aplicación web, específicamente en sitios

web dinámicos, es aconsejable seguir una metodología orienta a objetos, la misma que

influye en todo el proceso de desarrollo, afectando la división de tareas, y así facilitando

el trabajo. Los problemas involucrados, como por ejemplo el diseño del modelo de la

base de datos y la construcción de la interfaz de usuario, tienen requerimientos

diferentes que deben ser tratados por separados.

En el desarrollo de este aplicativo se ha escogido la metodología OOHDM (Método de

Diseño Hipermedia Orientado a Objetos), la cual es una metodología de diseño de

aplicaciones hipermedia, y en particular de aplicaciones web.

Esta metodología permite mantener separadas las distintas decisiones de diseño según

su naturaleza (conceptual, navegacional, de interfaz) y aplicar las tecnologías adecuadas

a cada una en el proceso de implementación, siendo cuyo objetivo disminuir la

complejidad y admitir la evolución y reusabilidad.

OOHDM propone el desarrollo de aplicaciones web a través de un proceso compuesto

por cuatro etapas: diseño conceptual, diseño navegacional, diseño de interfaces

abstractas e implementación.

5.3.1.- DISEÑO CONCEPTUAL.-

Durante esta actividad se construye un esquema conceptual representado por las

entidades de la aplicación, la base de datos, las relaciones y colaboraciones existentes

establecidas entre ellas.

Cruz Morales Sevilla109

Page 6: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

El desarrollo del aplicativo se inicia diseñando la capa conceptual, siendo el principal

objetivo de esta etapa capturar las entidades involucradas en la aplicación y describirlos

en detalle, haciendo uso de diagramas que permitan expresar con claridad el

comportamiento, la estructura y las relaciones entre dicha entidades.

La aplicación consta de entidades como: administradores, usuarios registrados,

docentes, reportes, documentos, noticias, eventos, foros, galerías, que se interrelacionan

para responder a la navegación del usuario por la aplicación y a sus actividades. Todas

las entidades mencionadas se construyen a partir de los requerimientos de la asociación

general de profesores y es mantenida en forma directa a través de una funcionalidad

incorporada de la aplicación que permita manipular cierta parte de la base de datos

desde un módulo de administración.

En la Figura 1 pueden observarse la Interfaz con la base de datos, dentro del Diseño

Conceptual.

Fuente: Autor

Figura 1: Interfaz con la base de datos, dentro del Diseño Conceptual

5.3.2.- DISEÑO NAVEGACIONAL.-

La navegación es una parte importante y es considerada un paso crítico en el diseño de

aplicaciones web, ya que de esta depende las iteraciones del usuario con la aplicación.

Un modelo navegacional es construido como una vista sobre un diseño conceptual,

admitiendo la construcción de modelos diferentes de acuerdo con los diferentes perfiles

Cruz Morales Sevilla110

Page 7: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

de usuarios. Cada modelo navegacional provee una vista subjetiva del diseño

conceptual.

El diseño de navegación es expresado en dos esquemas: el esquema de clases

navegacionales y el esquema de contextos navegacionales. Un conjunto de tipos

predefinidos de clases navegacionales son: nodos, enlaces y estructuras de acceso. La

semántica de los nodos y los enlaces son las tradicionales de las aplicaciones

hipermedia, y las estructuras de acceso, tales como índices o recorridos guiados,

representan los posibles caminos de acceso a los nodos.

Los contextos navegacionales organizan el espacio navegacional en conjuntos

convenientes que pueden ser recorridos en un orden particular y que deberían ser

definidos como caminos para ayudar al usuario a lograr una tarea deseada.

Para cumplir con lo anterior, la aplicación esta basada en una característica básica de los

templates, es decir las diferentes paginas según su módulo esta compuestas por paginas

que contienen una pagina de cabecera, en la cual se presente un menú navegacional

organizado de tal forma que permita al usuario una fácil familiarización con la

aplicación y sus tareas dentro de ella.

Actualmente la aplicación cuenta con la siguiente estructura navegacional para el

navegante del sitio web y el usuario docente:

HOME

A.G.P

o Misión y Visión

o Directiva

o Estatuto

o Reglamentos

o Resoluciones C.D

o Resoluciones H.C.U.

Documentos

Noticias

Eventos

Cruz Morales Sevilla111

Page 8: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Docentes

Galería

Usuarios

o Caja de Ahorros

o Fondo de Cesantía

o Caja de Ayuda Emergente:

o Préstamos

o Publicar Documentos

o Galería de Imágenes

o Foros de discusión

Links

Contáctanos

E-Mail

La anterior estructura puede ser modificada, es decir agrandada a través de la inserción

de secciones o subsecciones dentro de otras, o reducida a través de la supresión de

secciones o subsecciones, a demás puede ser alterada su orden de presentación; todo

esto desde el módulo de administración de todo el sitio web.

5.3.3.- DISEÑO DE INTERFAZ ABSTRACTA.-

En OOHDM se utiliza el diseño de interfaz abstracta para describir la interfaz del

usuario de la aplicación. Una vez que las estructuras navegacionales son definidas, se

procede a especificar los diferentes aspectos de interfaz. Esto significa definir la forma

en la cual los objetos navegacionales pueden aparecer, cómo los objetos de interfaz

activarán la navegación y el resto de la funcionalidad de la aplicación, qué partes de la

interfaz son pertinentes y cuándo es necesario realizarlas.

La aplicación esta basada en este concepto, ya que permite habilitar o deshabilitar

funciones dependiendo del perfil del usuario, en el caso del usuario que permite

administrar ciertas secciones o subsecciones, será habilitado ciertas funciones en su

menú; otro aspecto por ejemplo es la funcionalidad del menú del administrador total del

sitio web es totalmente diferente al del navegante del sitio web o a los otros usuarios.

Cruz Morales Sevilla112

Page 9: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Estas diferentes interfaces son implementadas dependiendo de las funcionalidades de

los diferentes usuarios, y ciertas funciones son controladas de cierta forma desde el

administrador total del sitio web.

Cabe mencionar que el uso de los principios de templates que permite usar PHP facilita

enormemente el mantenimiento de interfaces en las diferentes aplicaciones web, ya que

con el solo hecho de modificar un archivo se puede cambiar la apariencia de todo o

parte del sitio web

Finalmente es importante señalar que el modelo de interfaz como el comportamiento de

la interfaz, especifica la asociación o el administrador del sitio web, pero la apariencia

de las propiedades de las interfaces son hechas en la fase de implementación.

5.3.4.- IMPLEMENTACIÓN.-

En esta etapa se debe definir los ítems de información inicial que son parte de la

aplicación, como también identificar su organización de acuerdo con el perfil del

usuario y su tarea, además de decidir qué interfaz debería ver y cómo debe comportarse.

Es así que la aplicación cuenta con una base de ítems o subsecciones dentro de otra base

de secciones, a las cuales el administrador total puede añadir, modificar o reducir.

En esta fase, es donde se debe implementar el diseño, es aquí donde se debe tomar en

cuenta el entorno particular en el cual se va fijar y correr la aplicación. En este caso la

aplicación va a correr bajo una plataforma de software libre, como lo es PHP, MySQL

como gestor de base de datos y Apache como servidor web. Dicha aplicación puede

correr bajo servidores LINUX o Windows.

Para el desarrollo y la implementación de forma local del mismo se utilizó lo siguiente:

Apache 2 como servidor web

PHP 5 como tecnología de servidor

JavaScript como tecnología de cliente

MySQL 5 como servidor base de datos

PhpMyAdmin como gestor de base de datos

Cruz Morales Sevilla113

Page 10: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Dreamweaver Macromedia como herramienta de diseño y desarrollo de la

aplicación.

Una alternativa es instalar y configurar Apache 2, PHP 5, MySQL 5 y PhpMyAdmin de

forma individual, pero una mejor alternativa es instalar con una simple configuración el

software XAMPP, el cual se encarga de instalar y configurar todas las herramientas

anteriores de forma fácil y sencilla.

Terminada la instalación de XAMPP, es necesario configurar el archivo php.ini que esta

ubicado por lo general en la siguiente dirección local: C:\Archivos de programa\

xampp\apache\bin

Después de haber instalado y configurado los componentes APACHE, MySQL, PHP se

procede a copiar los archivos de la aplicación al directorio de publicación del servidor

web, en este caso en la carpeta htdocs ubicada en la siguiente dirección local: C:\

Archivos de programa\xampp\htdocs

Una vez desarrollado y realizado las pruebas de la aplicación web de forma local, y

aprobado el funcionamiento y cumplimiento de los requerimiento de la Asociación

General de Profesores, procedimos a la publicación de la aplicación en el Internet, para

esto se contrato el servicio de hosting a una empresa particular, el mismo que se

encuentra ubicado en Houston – Texas de los Estados Unidos.

La subida de los archivos de la aplicación al servidor web contratado se lo realiza vía

FTP, con el usuario y password entregados para dicho servicio, en este caso se utilizo lo

siguiente:

Host: ftp.agputn.com

Usuario: xxxxxxxx

Password: xxxxxxx

La administración del hosting contratado se lo realiza a través de su propio panel de

control, al cual se ingresa con el usuario y password entregados para dicho servicio, en

la siguiente URL: http://www.agputn.com/admin, en este panel se puede crear las

cuentas de correo, subdominios, bases de datos, ingresar al administrador de la base de

Cruz Morales Sevilla114

Page 11: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

datos, entre otras cosas. Una vez creada la base de datos, se procede a subir el script de

toda la base de datos de la aplicación en el administrador de base de datos del hosting

“PHPMyAdmin”, para esta tarea es necesario ingresar con el usuario y password de la

base de datos creados anteriormente en el panel de control.

Finalmente después de haber subido los archivos al servidor web y creado la base de

datos del sitio web, abrimos un navegador web, en cual en la parte del URL escribimos

lo siguiente:

En forma local: http://localhost/

En Internet: http://www.agputn.com

En esta venta del navegador aparecerá la interfaz de la aplicación web, y aquí ya se

puede observar el correcto funcionamiento de este módulo.

Para ingresar y observar el correcto funcionamiento de los módulos de Administración

de la aplicación es necesario ingresar en el URL del navegador web lo siguiente:

En forma local: http://localhost/adm.php

En Internet: http://www.agputn.com/adm.php

En la interfaz que aparecerá es necesario ingresar el login y password para poder

ingresar a dichos módulos.

Para ingresar y observar el correcto funcionamiento del módulo del Usuario Docente,

debe hacérselo a través del menú del sitio web, en la sección usuarios, aquí se le

solicitará el correcto ingreso del login y password para poder acceder a dicho módulo.

5.4.- ARQUITECTURA.-

Cruz Morales Sevilla115

Page 12: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Como se observa en el gráfico anterior el servidor es el encargado de manejar todos los

accesos a la base de datos, ejecución y generación de las páginas dinámicas, y

validación de sesiones, para después presentarle al usuario, a través de un navegador

web.

5.4.1.- DIAGRAMA DE SECUENCIA.-

Los diagramas que se presentan a continuación muestran la interacción entre el usuario

y los diferentes módulos de la aplicación. Los restantes diagramas se encuentran en la

sección de anexos.

Diagrama de secuencia del módulo de Administración Total del sitio web.

El administrador accede a la interfaz de administración total del sitio web mediante un

login y un password, estos son verificados en la base de datos, si son correctos se

Cruz Morales Sevilla116

Page 13: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

presenta la interfaz que permitirá realizar todas las tareas de administración, caso

contrario visualizara un mensaje de error.

Diagrama de secuencia del módulo de Administración de determinadas secciones o

subsecciones por parte de un usuario.

El administrador accede a la interfaz de administración de secciones y subsecciones

mediante un login y un password, estos son verificados en la base de datos, si son

correctos se presenta la interfaz que permitirá realizar todas las tareas de administración

para dicho administrador, caso contrario visualizara un mensaje de error.

Diagrama de secuencia del módulo de Administración del Usuario Docente.

Cruz Morales Sevilla117

Page 14: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

El Docente accede a la interfaz del Usuario Docente mediante un login y un password,

estos son verificados en la base de datos, si son correctos se presenta la interfaz que

permitirá realizar todas operaciones permitidas para este módulo, caso contrario

visualizara un mensaje de error.

Diagrama de secuencia del módulo del Navegante del sitio web.

Cruz Morales Sevilla118

Page 15: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

El usuario o navegante accede vía web a través de un navegador web a su interfaz, y

esta presenta un menú de secciones y subsecciones con acceso a la información tanto en

texto e imágenes.

5.4.2.- CASOS DE USOS.-

A continuación se describen los principales casos de usos en los diferentes módulos que

componen la aplicación, los restantes se encuentran en la sección de anexos. Estos

casos son una técnica para capturar información de cómo un sistema o aplicación

trabaja, o de cómo se desea que trabaje. No pertenece estrictamente al enfoque

orientado a objeto, es una técnica para la captura de requisitos.

Cruz Morales Sevilla119

Page 16: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Cada escenario describe una secuencia de eventos y cada secuencia se inicia por un

perfil de usuario que realiza una actividad. A las entidades que inician las secuencias se

las conoce como actores.

Caso de Uso del Módulo del Administrador de todo el sitio web:

Actores:

El Administrador de todo el sitio web.

Aplicación web

Base de Datos

Descripción:

El Administrador de todo el sitio web ingresa a la aplicación web en la cual puede

ingresar, modificar y eliminar las diferentes opciones de los paquetes que contiene la

aplicación.

Cruz Morales Sevilla120

Page 17: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Caso de Uso del Módulo de Administración de determinadas secciones o

subsecciones por parte de un usuario.

Actores:

El Administrador de secciones y subsecciones.

Aplicación web

Base de Datos

Descripción:

El Administrador de secciones y subsecciones ingresa a la aplicación web en la cual

puede ingresar, modificar y eliminar las diferentes opciones de los paquetes que

contiene la aplicación para dicho usuario.

Caso de Uso del Módulo de Administración del Usuario Docente.

Cruz Morales Sevilla121

Page 18: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Actores:

El Usuario Docente.

Aplicación web

Base de Datos

Descripción:

El Usuario Docente ingresa a la aplicación web en la cual puede ver sus reportes personales, e ingresar, modificar y eliminar las diferentes opciones de los paquetes que contiene la aplicación

Caso de Uso del Módulo del Navegante del sitio web.

Actores:

El Navegante del sitio web.

Cruz Morales Sevilla122

Page 19: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

Aplicación web

Base de Datos

Descripción:

El Navegante del sitio web ingresa a la aplicación web en la cual puede ingresar al

paquete de acceso a la información que contiene la aplicación.

5.4.3. MODELO DE DATOS.-

El modelo de la base de datos MySQL utilizado en la aplicación, es un modelo entidad

– relación que se presenta a continuación:

FK_REFERENCE_7

FK_REFERENCE_8t_menu

id_menuid_usuarioid_padrenombreurlurl_adminventanaubicacioncabeceraestadonombre_tabla

int(5) unsignedint(5) unsignedint(5) unsignedvarchar(50)varchar(100)varchar(100)varchar(10)doublevarchar(255)int(1)varchar(50)

<pk><fk>

t_menu_usuarios

id_usuarionombreusuariopassword

int(5) unsignedvarchar(20)varchar(75)varchar(75)

<pk>

t_paginas

id_paginaid_menutitulodetalleimagen1imagen2imagen_ubicacionestado

int(5) unsignedint(5) unsignedvarchar(255)longtextvarchar(255)varchar(255)varchar(30)int(1) unsigned

<pk><fk>

t_tablas

id_tablanombre_tabla

int(5) unsignedvarchar(100)

<pk>

Cruz Morales Sevilla123

Page 20: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

FK_REFERENCE_1

FK_REFERENCE_2

FK_REFERENCE_3

FK_REFERENCE_4

FK_REFERENCE_9

FK_REFERENCE_10

t_mensajes

id_mensajeid_docentetitulomensajerespuestasautorautor_emailfecha

int(5) unsignedint(5)varchar(75)textint(3)varchar(50)varchar(50)date

<pk><fk>

t_respuestas

id_respuestaid_mensajemensajeautorautor_emailfecha

int(5) unsignedint(5)textvarchar(50)varchar(50)date

<pk><fk>

ts_caja_ahorros_2006

idcedulanombresenerofebreromarzoabri lmayojuniojulioagostoseptiembreoctubrenoviembrediciembretotalanio

int(5) unsignedvarchar(11)varchar(75)floatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatint(11)

<pk>

ts_docente

id_docentecedulanombresusuariopasswordemail1email2estadofecha_creacion

int(5) unsignedint(11)varchar(75)varchar(11)varchar(11)varchar(50)varchar(50)int(1) unsigneddate

<pk>

ts_documentos

id_documentoid_docenteid_facultadtitulodescripcionarchivofechaestado

int(5) unsignedint(5) unsignedint(5) unsignedvarchar(255)blobvarchar(255)dateint(1) unsigned

<pk><fk1><fk2>

ts_facultad

id_facultadnombre_facultadfechaestado

int(5) unsignedchar(50)dateint(1) unsigned

<pk>

ts_fondo_ayuda_emergente_2006

idcedulanombresvalor_ayudanumero_comprobantenumero_chequebancofecha

int(5) unsignedvarchar(11)varchar(75)floatint(11)int(11)varchar(50)varchar(10)

<pk>

ts_fondo_cesantia_individual_2006

idcedulanombresenerofebreromarzoabri lmayojuniojulioagostoseptiembreoctubrenoviembrediciembretotalanio

int(5) unsignedvarchar(11)varchar(75)floatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatint(11)

<pk>

ts_fondo_cesantia_patronal_2006

idcedulanombresenerofebreromarzoabri lmayojuniojulioagostoseptiembreoctubrenoviembrediciembretotalanio

int(5) unsignedvarchar(11)varchar(75)floatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatfloatint(11)

<pk>

ts_prestamos_2006

idnumero_prestamonombresvalor_prestamohabervalor_interesnumero_cuotasnumero_cuotas_pagadasfecha_prestamovalor_inicialcedula

int(5) unsignedvarchar(11)varchar(75)floatfloatfloatint(11)int(11)varchar(10)floatvarchar(11)

<pk>

ts_galeria_aprobadas

idid_docenteautortitulodescripcionimagen_normalimagen_pequeniafecha

int(5) unsignedint(5) unsignedvarchar(50)varchar(75)varchar(255)varchar(255)varchar(255)datetime

<pk,ak1><fk>

<ak2>

ts_galeria_pendientes

idid_docenteautortitulodescripcionimagen_normalimagen_pequeniafecha

int(5) unsignedint(5) unsignedvarchar(50)varchar(75)varchar(255)varchar(255)varchar(255)datetime

<pk,ak1><fk>

<ak2>

Cruz Morales Sevilla124

Page 21: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

t_administradores

id_administradorusuariopasswordfecha_ingreso

int(5) unsignedvarchar(75)varchar(75)date

<pk>t_contactanos

id_contactanosemailestado

int(5) unsignedvarchar(50)int(1) unsigned

<pk>

t_documentos

id_documentotitulodescripcionarchivofechaestado

int(5) unsignedvarchar(255)blobvarchar(255)dateint(1) unsigned

<pk>

t_galeria_aprobadas

idautortitulodescripcionimagen_normalimagen_pequeniafecha

int(5) unsignedvarchar(50)varchar(75)archar(255)varchar(255)varchar(255)datetime

<pk,ak1>

<ak2>

t_links

id_linkdescripcionvinculoestado

int(5) unsignedvarchar(100)varchar(50)int(1) unsigned

<pk>

t_noticias

id_noticiatituloresumendetalleimagen1imagen2imagen_ubicacionfechaestado_homeestado

int(5) unsignedvarchar(255)bloblongtextvarchar(255)varchar(255)varchar(30)dateint(1) unsignedint(1) unsigned

<pk>t_eventos

id_eventotituloresumendetalleimagen1imagen2imagen_ubicacionfecha_ingresoestado_homeestado

int(5) unsignedvarchar(255)bloblongtextvarchar(255)varchar(255)varchar(30)dateint(1) unsignedint(1) unsigned

<pk>

t_galeria_pendientes

idautortitulodescripcionimagen_normalimagen_pequeniafecha

int(5) unsignedvarchar(50)varchar(75)archar(255)varchar(255)varchar(255)datetime

<pk,ak1>

<ak2>

Las tablas que contiene la base de datos del sitio se describen a continuación:

Nombre de la Tabla Descripción

t_administradores Contiene los nombres y password de los

administradores para la administración total del

sitio web.

t_contactanos Contiene los mails a los cuales llegara la

información enviada a través del formulario web

de la sección contáctanos.

t_documentos Contiene el titulo, descripción y localización de

los documentos publicados por la administración

total del sitio web.

t_eventos Contiene la información y localización de las

Cruz Morales Sevilla125

Page 22: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

imágenes de los eventos publicados por la

administración total del sitio web.

t_links Contiene la descripción y la URL de los links

publicados por la administración total del sitio

web.

t_mensajes Contiene los temas de discusión planteados en

los foros por parte del usuario docente.

t_respuestas Contiene las respuestas a los temas de discusión

planteados en los foros por parte del usuario

docente.

t_menu Contiene las secciones, subsecciones, URLs de

visualización y administración, usuario que

administra dicha sección o subsección, como

también el nombre de la tabla de la BDD en la

que se realizará la búsqueda de información.

t_menu_usuarios Contiene los nombres y password de los usuarios

para la administración de secciones o

subsecciones

t_noticias Contiene la información y localización de las

imágenes de las noticias publicadas por la

administración total del sitio web.

t_paginas Contiene la información y localización de

imágenes publicadas en las diferentes secciones y

subsecciones creadas a partir una pagina base en

la administración total del sitio web.

t_tablas Contiene el nombre de las tablas de la base de

datos activadas para realizar la búsqueda de

información.

galeria_aprobadas Contiene el titulo, la descripción y la localización

de las imágenes publicadas por la administración

total del sitio web.

galeria_pendientes Contiene el titulo, la descripción y la localización

de las imágenes enviadas para su publicación por

Cruz Morales Sevilla126

Page 23: 6repositorio.utn.edu.ec › bitstream › 123456789 › 583 › 5 … · Web view5.4.1.- Diagrama de Secuencia.- Los diagramas que se presentan a continuación muestran la interacción

CAPITULO V – DESARROLLO DEL APLICATIVO EISIC – FICA – UTN

la administración total del sitio web.

ts_docente Contiene los nombres, passwords, cedula y

emails de los docentes registrados en la

asociación general de profesores.

ts_documentos Contiene el titulo, descripción y localización de

los documentos publicados por el usuario

docente.

ts_facultad Contiene el nombre de las facultades de la

universidad.

ts_galeria_aprobadas Contiene el titulo, la descripción y la localización

de las imágenes publicadas por el usuario

docente.

ts_galeria_pendientes Contiene el titulo, la descripción y la localización

de las imágenes enviadas para su publicación por

el usuario docente.

Cruz Morales Sevilla127