INGENIERIA

En esta seccin se presenta el diseo del sistema, en primer lugar se muestra el diseo funcional mediante diagramas de secuencia y de clases, y posteriormente el diseo relacionado con el contenido, la arquitectura y la interfaz del sistema.

Diagramas de secuencia A partir de la etapa de anlisis en la cual se determina todos los requerimientos que el sistema cumple, se disean los diagramas de secuencia, los cuales muestran la manera en la que las clases del sistema interactuaran tanto con el usuario como entre ellas para el cumplimiento de estos requerimientos. A continuacin se pueden observar los diagramas de secuencia que representan las funciones ms importantes del sistema. Figura 4.3 Diagrama de secuencia Login

Figura 4.4 Diagrama de secuencia consultar catalogo

Figura 4.5 Diagrama de secuencia gestionar promociones/paquetes

Figura 4.6 Diagrama de secuencia gestionar publicidad

Figura 4.7 Diagrama de secuencia hacer reservacin

4.2 Diagrama de clases Posterior al diseo diagramas de secuencia se procede al diseo del diagrama de clases Figura 4.7, en l se detallan las clases que se identificaron especificando sus atributos, mtodos y las relaciones existentes entre ellas.

Figura 4.8 Diagrama de Clases

Diseo del contenido El diseo del contenido es una actividad no tcnica que es llevada a cabo por redactores publicitarios, artistas, diseadores grficos y otros que generan el contenido de las WebApp. Etapa 1. Desarrollo de contenidos. El Encargado, y con base en su boceto, se enfrenta a la escritura del contenido de los paquetes, intentando alejarse de la lectoescritura lineal, ya que no es lo mismo disear una unidad para una hipermedia que se estudia en lnea, que escribir un una unidad para un

mdulo impreso. Las caractersticas de estos medios son distintas; la hipermedia permite enlazar de forma dinmica y multidimensional toda la informacin, texto, audio, video, fotografas, no tendra sentido disear un material con todas las posibilidades hipermediales, de manera lineal, cuando leer en pantalla es mucho ms lento que leer un material impreso. Por lo tanto el encargado debe aprovechar al mximo todas las potencialidades de escritura no lineal y multimedia sin producir en el cliente un desbordamiento cognitivo. Desbordamiento que se produce cuando el cliente debe esforzarse en recordar de dnde sali y para donde va, de una forma poco intuitiva. Dentro de la propuesta de diseo, tratamos de evitar ese desbordamiento cognitivo, se dise una gua en la que se le da al encargado algunas ideas para aprovechar las posibilidades de la hipermedia. En esta gua se catalogan los hiperenlaces como: de ampliacin del contenido, de glosario, de contextualizacin, de referencia a un elemento que ya ha sido mostrado, desde una imagen, a otro tipo de documentos. En esa gua se proponen tambin unas convenciones para cada uno de ellos, de tal manera que el diseador y el ingeniero sepan de que tipo es y cmo debe ser el tratamiento en la etapa montaje de objetos de aprendizaje.

Pgina de inicio Esta seccin contendr las posibles opciones de navegacin de la pgina o la WebApp en la cual el usuario de pueda desplazar. Adems tendr la descripcin de quien es la Travel Agency Yo viajo y su objetivo. Se establecen los siguientes Paquetes que se ofrecen en el Agency Travel Yo Viajo:

4.4 Diseo arquitectnico El diseo arquitectnico se centra en definir la estructura de toda la aplicacin, es decir, los mdulos que la conformarn as como la interaccin entre ellos. Estos mdulos se determinaron en base a las funcionalidades que brindar el sistema. Dando como resultado lo que se muestra en la figura 4.3, en l se puede observar los mdulos del sistema, conformados por el mdulo de la interfaz de usuario la cual interacta con los mdulos funcionales del sistema: Consultar Catalogo, Administrador, gestionar promociones/ paquetes, Gestionar publicidad, Hacer reservaciones, actualiza las fotos del banner y actualiza la parte de las referencias de la empresa. De igual manera los mdulos funcionales interactan con la base de datos.

Interfaz Grfica de Usuario

Aplicacin (mdulos)

Gestionar promociones/ paquetes

Gestionar publicidad

Hacer reservaciones

Consultar Catalogo

Base de Datos

Figura 4.9 Arquitectura del sistema

Diseo de la interfaz y de navegacin En este apartado se describen las diferentes interfaces de usuario del sistema, estas se disean en base a los procesos que el usuario deber realizar dentro de la aplicacin, de igual manera se presenta la manera en que estas interfaces interactan entre ellas, esto de acuerdo a la manera en que los usuarios pueden navegar dentro del sistema.