DEPARTAMENTO DE SISTEMAS Y COMPUTACIÓ N

INGENIERÍA EN SISTEMAS COMPUTACIONALES

INGENIERÍA WEB
Profesor: Lic. Víctor Manuel Abundis Espinosa, MCA

Proyecto Fase 3
Modelado del Aná lisis IWeb

“SISTEMA DE VENTAS”

INTEGRANTES DEL EQUIPO

EDUARDO NUÑEZ FERREL 10380837

PABLO ROLDAN AGUILAR 11690128

Cd. Valles, S.L.P. Octubre del 2015.

IT DE CD. VALLES PROYECTO FINAL

CONTENIDO

1 Información general.............................................................................................................................. 1

1.1 Condiciones que favorecen el análisis de modelos.....................................................................................1

1.2 Requisitos de tareas de análisis de aplicación web.....................................................................................2
1.2.1 Formulación.......................................................................................................................................2
1.2.2 La recopilación de requisitos..............................................................................................................2

2 Desarrollo Fase 3: Modelado de Análisis de IWeb..................................................................................3

2.1 Modelo de contenido..................................................................................................................................3

2.1.1 Jerarquía de Usuarios........................................................................................................................3
2.1.2 Diagrama de Casos de Uso (general y específicos)............................................................................3
2.1.3 Diagramas de Relación de Entidades o Arboles................................................................................3
2.1.4 Diagrama de Clases...........................................................................................................................4
2.2 Modelo de Interacción.................................................................................................................................4
2.2.1 Casos de Uso......................................................................................................................................4
2.2.2 Diagramas de Actividad.....................................................................................................................4
2.2.3 Diagramas de Secuencia....................................................................................................................4
2.2.4 Diagramas de estado.........................................................................................................................4
2.2.5 Prototipo de interfaz de usuario........................................................................................................4
2.3 Modelo Funcional........................................................................................................................................5
2.3.1 Comportamiento de los usuarios.......................................................................................................5
2.3.2 Operaciones Contenidas en las clases...............................................................................................5
2.3.3 Diagramas de actividad utilizado para modelar...............................................................................5
2.4 Modelo de Configuración............................................................................................................................5
2.4.1 Lista de atributos del servidor............................................................................................................5
2.4.2 Diagramas de despliegue..................................................................................................................5
2.5 Análisis Navegacional (Análisis relación – navegación)...............................................................................5
2.5.1 Análisis de los participantes...............................................................................................................6
2.5.2 Análisis de los elementos...................................................................................................................6
2.5.3 Análisis de relaciones.........................................................................................................................6
2.5.4 Análisis de navegación.......................................................................................................................6
2.5.5 Análisis de evaluación........................................................................................................................6

INGENIERIA WEB Pá gina

Pá gina
IT DE CD. VALLES PROYECTO IWEB FASE 3

2.6 Revisión y Corrección de errores.................................................................................................................6

INGENIERIA WEB Pá gina ii

IT DE CD. VALLES PROYECTO FINAL

1 Información general

El Análisis de aplicaciones web se centra en tres áreas:

 la información o contenido que se presenta

 las funciones del usuario final a ejecutar
 los comportamientos de aplicación web que se presenta en respuesta a acciones del
usuario.

Los ingenieros de red, especialistas en contenido, y las partes interesadas desarrollan el

modelo de análisis. Los análisis de modelos permiten que el equipo de ingeniería Web para
crear una representación concreta de los requisitos de aplicación web.

El Modelado de Análisis de una aplicación web se centra en cuatro aspectos fundamentales del
problema:

 contenidos
 interacción
 función
 configuración

El producto del trabajo de análisis de modelos IWeb es un conjunto de diagramas UML y un

texto descriptivo que describe los resultados de los cuatro análisis realizados. Los Productos
de trabajo de análisis son revisados para la corrección, integridad y consistencia.

1.1 Condiciones que favorecen el análisis de modelos

 Grandes o complejos WebAppa ser contruídos
 Gran número de interesados
 Un gran número de ingenieros Web y otros colaboradores
 Las metas y los objetivos de aplicación web afectará a la línea de negocios inferior
 Éxito aplicación web tendrá gran influencia en el éxito de la empresa

INGENIERIA WEB Pá gina 1

IT DE CD. VALLES PROYECTO IWEB FASE 3

1.2 Requisitos de tareas de análisis de aplicación web

1.2.1 Formulación
 Identificar las metas y objetivos para la aplicación web
 Definir las categorías de usuarios y crear la jerarquía de usuario

1.2.2 La recopilación de requisitos

 La comunicación entre el equipo WebEy las partes interesadas intensifica
 Contenido y requisitos funcionales se enumeran
 Los escenarios de interacción (casos de uso) son desarrollados

INGENIERIA WEB Pá gina 2

IT DE CD. VALLES PROYECTO IWEB FASE 3

2 Desarrollo Fase 3: Modelado de Análisis de IWeb

El Modelo de Análisis de Aplicación web (WebApp) incluye:

 Los elementos estructurales - identificar las clases y los objetos de contenido

necesarios para crear una aplicación web que satisfaga las necesidades de los
interesados
 Los elementos dinámicos - describe cómo los elementos estructurales interactúan entre
sí y cómo interactúan con los usuarios finales

2.1 Modelo de contenido

INGENIERIA WEB Pá gina 3

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.1.1 Jerarquía de Usuarios

INGENIERIA WEB Pá gina 4

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.1.2 Diagrama de Casos de Uso

INGENIERIA WEB Pá gina 5

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.1.3 Diagramas de Relación de Entidades o Arboles

2.2 Modelo de Interacción

Para este Modelo de Interacción se desarrollan:

 Casos de uso - el elemento dominante de los modelos de interacción aplicación web

 Los diagramas de secuencia - proporcionar una representación de la forma en que las
acciones del usuario colaborar con las clases de análisis
 Diagramas de Estado - indica la información requerida para mover a los usuarios entre
los estados y representa la información del comportamiento, también pueden
representar las posibles vías de navegación
 prototipo de interfaz de usuario - diseño de la presentación de contenidos, los
mecanismos de interacción, y la estética general de la interfaz de usuario

INGENIERIA WEB Pá gina 6

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.2.1 Diagramas de Actividad

Usuario

Administrador

Solicitud de Pedido

Sugerir pedido de carne

Costo del
pedido

Llenar formulario de
pedido

Dirección de entrega

INGENIERIA WEB Pá gina 7

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.2.2 Diagramas de Secuencia

INGENIERIA WEB Pá gina 8

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.2.3 Prototipo de interfaz de usuario (Pag. 133 “las 7 Cs”)

Context
Customization Community
Content

Connection
Commerce

2.3 Modelo Funcional

Describir en forma general que les permitirá la aplicación a los usuarios en su rol:

Administrador Monitorea la página, así como la actualiza cada cierto

tiempo que se requiera, notifica de los pedidos realizados.

Así como revisar los registros y realizar las ediciones que la

página requiera.
Usuario (cliente) Tiene opción de registro, y así poder realizar su pedido
desde la página, puede ver el inventario de la carnicería en
el cual podrá escoger lo que guste.

INGENIERIA WEB Pá gina 9

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.4 Modelo de Configuración

2.4.1 Lista de atributos del servidor

Servidor PE T320 + Switch PC 2824 + Almacenamiento PV RD 1000, marca Dell con
Procesador Intel Xeon.

Memoria RAM de 8 gb

Disco duro de 1 tb

Hospedaje web Dedicado / VPS

http://www.hostingmexico10.com/hosting-mexico-net-opiniones/

Con $460.00 pesos anuales.

INGENIERIA WEB Pá gina 10

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.5 Análisis Navegacional (Análisis relación – navegación)

En este análisis se desarrollan dos aspectos:

2.5.1 Análisis de los participantes

1.1.1 En este punto
Análisis de los encontramos como
participantes participantes a usuarios
antes del registro y

2.5.2 Análisis de los elementos

Es más rápido para el usuario la

navegación, así y un color amigable
Análisis de elementos
para el usuario.

Al administrador se le facilita el
inventario de la localización de la
carnicería.

INGENIERIA WEB Pá gina 11

IT DE CD. VALLES PROYECTO IWEB FASE 3

2.5.3 Análisis de navegación

Realizar un tipo mapa del sitio con opciones y sub-opciones tipo árbol. (Ver ejemplo en
imagen en la Pag. 159)

Por ejemplo el menú inventario lleva a las sub opciones ALTA, BAJA, MODIFICAR. Es
decir cada opción principal con sus sub-opciones secundarias Pero hacerlo en un diagrama
jerárquico.

INGENIERIA WEB Pá gina 12