Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.

UNITEC

Descripcin del Sistema En este proyecto decidimos trabajar con una pgina de compra de artculos por internet que facilite la compra de productos al usuario. Mediante la implementacin de los diferentes diagramas utilizados para la creacin de un Sistema, el usuario podr observar los requisitos necesita un sistema, en nuestro caso la pgina de ventas, para lograr un buen funcionamiento y as lograr que el usuario pueda visualizar toda la informacin que le proporcione el sistema. En nuestro caso

implementaremos diferentes diagramas que muestren las funciones que tiene

nuestra pgina de ventas para facilitar la bsqueda de los productos al consumidor y que este quede complacido por la sencillez y facilidad que brinda nuestra pgina.

Diagrama de Caso de Uso A travs del diagrama de caso de uso se puede observar cmo funciona cada opcin de nuestro sistema y como se maneja este sistema. Antes de mostrar los casos de

uso debemos mencionar quien es el actor que interacta con este sistema.

Cuadro #1 Actores Presentes en el Sistema Id del Actor Descripcin Usuario Este actor representa al usuario que ingresa a la pgina para

solicitar informacin acerca de algn producto de su inters.

Comentarios Este usuario realiza la compra de un producto por la pgina.

Luego de esto se procedi a crear el diagrama de Caso de Uso necesario para implementarlo en la pgina de ventas.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Grfico #1 Diagrama de Caso de Uso del Sistema de la Pgina de Ventas de Productos

Luego de haber realizado el diagrama de Caso de Uso correspondiente con nuestra

Pgina de Ventas de Productos, se procedi a realizar el anlisis y requerimientos

que correspondiente a cada actividad que pertenece al Caso de Uso.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Actividad #1 Caso de Uso Cargar Pgina como Cliente

Id Del Caso de Uso: CargaPagina Nombre del Caso de Uso: Cargar Pgina como Cliente Elaborado por: Daniela Moreno Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: Usuario que ingresa al Home de la Pagina de Ventas Precondiciones: Estar Registrado en la Pgina Postcondiciones: Inicio de Sesin como Usuario Curso Normal: El Usuario inici Sesin Correctamente Acciones del Actor 1. Ingresar sus datos en la Pgina. 2. Hacer Click en el botn del Logn. Acciones del Sistema 1- Verificar que se rellenaron los Campos del Inicio de Sesin. 2- Comprobar que los datos son Correctos. 3- Permitir el acceso de la cuenta del Usuario.

Curso Alternativo: Ingreso de Datos Errneos Acciones del Actor 1. Ingresar Nuevamente sus Datos en la Pgina. 2. Hacer Click en el botn del Logn. Acciones del Sistema 1- Verificar que se rellenaron los Campos del Inicio de Sesin. 2- Comprobar que los datos son Correctos. 3- Permitir el acceso de la cuenta del Usuario.

Excepciones: Problemas de Conexin a Internet Acciones del Actor 1. Ingresar sus datos en la Pgina. 2. Hacer Click en el botn del Logn. Acciones del Sistema 1- Mostrar una ventana indicando el problema de Conexin 2- Redirigir a la Pgina Principal.

Includes: Registrarse Requerimientos: El Usuario tiene que estar registrado para poder comprar en la Pgina. Comentarios: Esta pgina permite que el usuario logre ver los productos que ofrece la pgina para la compra, sino se est registrado no se permite la compra de los productos de la misma.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Actividad #2 Caso de Uso Productos y Compras de la Pgina

Id Del Caso de Uso: ProdCompra Nombre del Caso de Uso: Productos y Compras. Elaborado por: Samuel Gil Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: Usuario que ingresa a la seccin de productos para realizar una compra. Precondiciones: Haber iniciado sesin en la Pgina para realizar la compra. Postcondiciones: Mostrar la pgina con las secciones de los Productos. Curso Normal: Mostrar la Pgina de la Lista de Productos que se ofrecen. Acciones del Actor 1. Ingresar a la Seccin de los Productos de la Pgina. Acciones del Sistema 1- Mostrar un Men con la lista de productos que se encuentran en la pgina. 2- Permitir al Usuario Seleccionar un producto de la lista

Curso Alternativo: No Posee Excepciones: Pgina o Productos no disponibles. Acciones del Actor 1. Click en el botn actualizar la Pgina. Acciones del Sistema 1- Mostrar un Mensaje advirtiendo del funcionamiento de la pgina 2- Indicar al usuario que los productos no se encuentran disponibles.

Includes: No Posee Extends: Mostrar Compras y Fecha de la Compra. Requerimientos Especiales: Mostrar la opcin de las compras realizadas anteriormente por el Usuario. Comentarios: El Usuario va a tener la opcin de poder visualizar la lista de productos que ha adquirido anteriormente de la pgina, as como tambin la fecha de la compra de esos productos.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Actividad #3 Caso de Uso Bsqueda de Productos

Id Del Caso de Uso: BusquedaProd Nombre del Caso de Uso: Bsqueda de Productos Elaborado por: Ruben Betancourt Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: El Usuario introduce el texto con el nombre del producto que desea buscar. Precondiciones: Estar logueado y buscar la opcin de bsqueda de productos. Postcondiciones: Hacer la bsqueda del producto deseado. Curso Normal: Bsqueda de un producto en la pgina. Acciones del Actor 1. Introducir el nombre del producto deseado en el buscador. 2. Hacer Click al botn de bsqueda. Acciones del Sistema 1- Buscar en la base de datos el nombre del producto deseado y la informacin del mismo. 2- Mostrar al usuario la pgina con la informacin del producto de su preferencia.

Curso Alternativo: Producto no encontrado Acciones del Actor 1. Introducir el texto especifico del producto que desea 2. Utilizar la bsqueda avanzada para buscar el producto 3. Hacer Click al botn de bsqueda. Excepciones: Pgina de bsqueda en mantenimiento Acciones del Actor 1. Actualizar la pgina con los productos disponibles. Acciones del Sistema 1- Mostrar un Mensaje indicando que la pgina de la bsqueda de productos est en mantenimiento. Acciones del Sistema 1- Buscar en la base de dato el producto con las caractersticas que indica el usuario. 2- Si no se encuentra el producto mostrar un mensaje al usuario indicndole que el producto no se encuentra.

Includes: Definir Categora Requerimientos Especiales: Desplazar un men con las categoras existentes de productos. Extends: Bsqueda Avanzada. Requerimientos Especiales: Muestra un men con opciones avanzadas para la bsqueda del producto.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Comentarios: Mediante la Bsqueda de Productos el usuario puede obtener un producto de su preferencia al elegir la opcin de bsqueda de la pgina y tambin definir la categora o tipo de producto que est buscando.

Actividad #4 Caso de Uso Compra de Producto

Id Del Caso de Uso: CompraProd. Nombre del Caso de Uso: Compra de Producto Elaborado por: Sacdiel Lopez Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: Permite realizar la compra del producto. Precondiciones: Ser usuario en la Pgina y tener asociada una cuenta bancaria a la cuenta Postcondiciones: Haber seleccionado el producto que se va a comprar. Curso Normal: El Usuario realiza la compra de un producto a travs de la pgina. Acciones del Actor 1. Seleccionar el Producto que desea Comprar 2- Hacer Click en el botn del carrito de compra para indicar que se va a realizar la compra Acciones del Sistema 1- Verificar los datos introducidos para el producto con los de la base de datos 4- Comprobar que los datos son Correctos.

5- Permitir el acceso de la cuenta del Usuario. Curso Alternativo: No Posee Excepciones: Producto Vendido o No Disponible Acciones del Actor 1. Tiene que volver a la pgina de inicio de compras. 2. Establecer la bsqueda del producto con otras caractersticas. Acciones del Sistema 1- Mostrar un Mensaje al usuario indicando que el producto no se encuentra disponible o ya est vendido. 2- Re direccionar al usuario a la pgina de inicio o a la pgina anterior.

Includes: Formas de Pago. Requerimientos: El usuario tiene la opcin de pagar a travs de la tarjeta de crdito o dbito. Extends: Informacin Detallada del Producto. Requerimientos: Esta opcin permite que el usuario conozca ms detalles acerca del producto que va a adquirir antes de la compra.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Comentarios: El Usuario puede elegir la forma de pago del producto a travs de las diferentes opciones que le muestra la pgina, adems de poder obtener informacin detallada del producto antes de adquirir el mismo.

Actividad #5 Caso de Uso Envo del Producto

Id Del Caso de Uso: EnvioProd Nombre del Caso de Uso: Envi del producto Elaborado por: Ruben Betancourt. Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: Envo del producto al usuario una vez que este ya finaliza la compra. Precondiciones: Haber adquirido el producto por la pgina. Postcondiciones: Haber finalizado la compra del producto y establecer la direccin de envo. Curso Normal: El Envo del producto se realizado correctamente. Acciones del Actor 1. El usuario establece una direccin de envo del producto. 2. Indica en la pgina a que direccin se enva el producto. Curso Alternativo: No Posee Excepciones: No Posee Includes: No Posee. Extends: Entrega personal del producto Requerimientos: El Usuario tiene la opcin de dirigirse al sitio en donde se est vendiendo el producto y notificar a travs de la pgina que el mismo usuario va a retirar el producto. Comentarios: El Usuario puede elegir la forma de envo del producto, bien sea dando una direccin de envo a la pgina para que se efecte o a travs de la entrega personal. Acciones del Sistema 1- Realiza la bsqueda del producto comprado y finaliza la adquisicin del producto por parte de otro usuario 2- Notifica al Usuario cuanto tiempo de espera tendr para recibir el producto.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Actividad #6 Caso de Uso Cerrar Sesin de la Pgina

Id Del Caso de Uso: CierreSesion. Nombre del Caso de Uso: Cerrar Sesin de la Pgina. Elaborado por: Samuel Gil. Fecha Elaborado: 06/12/2011 Actor: Usuario Descripcin: Se procede al cierre de sesin de la pgina. Precondiciones: Haber utilizado la pgina para la compra del producto o para bsqueda de algn producto. Postcondiciones: Haber finalizado con la bsqueda o compra de un producto. Curso Normal: Cierre de Sesin del Usuario Correcta Acciones del Actor 1. El Usuario se ubica en la opcin de salir de la pgina. 2. Cierra su sesin en la pgina y se re direcciona a la pgina de inicio. Acciones del Sistema 1- Verifica que usuario est cerrando sesin. 2- Una vez verificado inactiva la cuenta del usuario en la base de datos de la pgina y cierra la sesin.

Curso Alternativo: No Posee Excepciones: Problemas para Cerrar Sesin. Acciones del Actor 1. El Usuario se ubica en la opcin de salir de la pgina. 2. Cerrar las opciones de compras abiertas. 3. Cierra su sesin en la pgina y se re direcciona a la pgina de inicio. Acciones del Sistema 1- Mostrar un mensaje al usuario indicando que tiene opciones de compra de productos incompletas. 2- No cerrar la sesin del usuario hasta que finalice las compras pendientes. 3- Una vez concluida las compras pendientes inactiva la cuenta del usuario en la base de datos de la pgina y cierra la sesin.

Includes: No Posee. Extends: No Posee. Comentarios: El Usuario cierra la sesin de la pgina una vez que este finaliza con las compras o concluye el uso de la pgina.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

Seguidamente se elabor el Diagrama de Clases en conjunto con el Diagrama de Estado, que es el que enlaza los casos de uso que muestran relaciones o atributos semejantes. El Diagrama de Clase se encarga de mostrar los atributos y las

relaciones que forman un sistema, mientras que el Diagrama de Estado muestra los estado en los que se encuentran los objetos y las transiciones que circulan entre esos estados.

Diagrama #2 Diagrama de Clases

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

10

Luego de Haber implementado el Diagrama de Clase y Estado en conjunto, correspondiente al Sistema de Ventas, se procede a realizar el diagrama de colaboracin referente a los casos de uso que posee el sistema.

Diagrama #3 Diagrama de Colaboracin

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

11

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

12

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

13

Ya una vez finalizado con los diagramas de composicin, se pasa a efectuar el

diagrama de Secuencia que es el diagrama que muestra como interacta cada clase del sistema y muestra la operacin que est realizando esa clase y en cuanto tiempo se efecta dicha clase.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

14

Diagrama # 4 Diagrama de Secuencia

Luego de Haber mostrado el diagrama de secuencia correspondiente con la Pgina

de Ventas de Productos, se pasa ahora a mostrar los diagramas de actividad. Este

Diagrama como su nombre lo indica, se encarga de mostrar las actividades de cada caso de uso que conforma el proyecto, y como se efecta dicha actividad.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

15

Diagrama #5 Diagramas de Actividad

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

16

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

17

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

18

Ya concluido con el diagrama de actividad, se pasa a mostrar el diagrama de componentes. Este trata mayormente acerca de cmo est constituido el Sistema fsicamente, es decir, que partes componen el sistema de la pgina, como la Base de

Datos, la programacin basada en jsp, entre otros.

Betancourt, R.; Gil, S.; Lpez, S.; Moreno, D.;

UNITEC

19

Diagrama #6 Diagrama de Componentes