ANLISIS DE APLICACIONES WEB

ASIGNATURA: TALLER DE SOFTWARE

DOCENTE: SANTIAGO MORALES ELIZABETH

No. De CONTROL: 15920362

Grupo: 5AT
Carrera: Ingeniera en Tecnologas de la
Informacin y Comunicacin

SEMESTRE 2017-2
CONTENIDO
INTRODUCCIN .................................................................................................................................. 3
3.1 REQUISITOS PARA EL ANLISIS DE LAS WEBAPPS ...................................................................... 3
EL ANLISIS DE REQUISITOS PARA LAS WEBAPPS ......................................................................... 3
LA GERARQUIA DE USUARIO .......................................................................................................... 4
DESARROLLO DE CASOS DE USO ................................................................................................... 4
AFINACIN DEL MODELO DE CASO DE USO ............................................................................... 5
3.2. EL MODELADO DE ANLISIS PARA WEBAPPS ............................................................................ 5
ACTIVIDADES PARA LA CREACIN DE UN MODELO DE ANLISIS COMPLETO ......................... 6
3.3. MODELO DE CONTENIDO ........................................................................................................... 6
OBJETOS DE CONTENIDO ............................................................................................................... 7
RELACIONES Y JERARQUA DE CONTENIDO- CLASES DE ANLISIS ........................................... 7
3.4. MODELO DE INTERACCIN ........................................................................................................ 8
3.5. Modelo funcional ....................................................................................................................... 8
3.6. Modelo de configuracin ....................................................................................................... 10
3.7. Anlisis relacin-navegacin ................................................................................................. 10
ENFOQUE ARN .............................................................................................................................. 10
ANLISIS DE NAVEGACIN ......................................................................................................... 10
CONCLUSIN ................................................................................................................................... 11
BIBLIOGRAFA ................................................................................................................................... 12

2
 INTRODUCCIN

En la actualidad se desarrollan grandes aplicaciones webs con distintas tecnologas,

buscando ofrecer la mayor facilidad y entendimiento a los usuarios finales quienes
acceden a las WebApp desde cualquier parte del mundo. Para lograr esto se llevan
a cabo distintos procesos mediante los cuales se establecen ciertos requisitos u
objetivos de los cuales se analizarn para obtener un nivel abstracto, identificando
los actores involucrados y determinar la manera en que funcionar la aplicacin
web.

3.1 REQUISITOS PARA EL ANLISIS DE LAS WEBAPPS

EL ANLISIS DE REQUISITOS PARA LAS WEBAPPS ABARCA TRES GRANDES TAREAS:

1. Formulacin: Representa una secuencia de acciones de ingeniera web que
comienza con la identificacin de las necesidades del negocio, se mueve
hacia una descripcin de los objetivos de la WebApp, define grandes
caractersticas y funciones y realiza la recopilacin de requisitos que conducen
al desarrollo de un modelo de anlisis. La formulacin permite que los clientes
y el equipo de ingeniera web establezcan un conjunto comn de metas y
objetivos para la construccin de la WebApp. Identifica el mbito del esfuerzo
de desarrollo y proporciona un medio para determinar un resultado exitoso. L
a formulacin se enfoca sobre las necesidades y objetivos del negocio y en la
informacin relacionada.
2. Recopilacin de requisitos:
OBJETIVOS
Identificar requisitos de contenido.
Identificar requisitos funcionales.
Definir escenarios de interaccin para diferentes clases de usuarios.
PASOS DE RECOPILACIN DE REQUISITOS: PARA CUMPLIR OBJETIVOS
1. Pedir a los clientes que definan las categoras de usuario y describan
cada categora.
2. Comunicarse con los clientes para definir los requisitos bsicos de la
WebApp.

3
 3. Analizar la informacin recopilada y utilizar la informacin para realizar
un seguimiento con los clientes.
4. Definir casos de uso que describan escenarios de interaccin para casa
clase de usuario.
Conforme se recopila la informacin se categoriza en clase de usuario y tipo
de transaccin y luego se valora segn su relevancia.
3. Modelado de anlisis: Se analizan los detalles tcticos y se abordan los
requisitos especficos de la WebbApp. Finalmente, estos requisitos se modelan
con la utilizacin de casos de uso y notacin UML.
LA GERARQUIA DE USUARIO
Las categoras de usuarios finales que interactan con la WebApp se identifican
como parte de las tareas de formulacin y de recopilacin de requisitos. Las
categoras de usuarios son limitadas y no necesitan una representacin UML. Si crece
el nmero de categoras de usuario se desarrolla una jerarqua de usuarios.
EJEMPLO DE JERARQUA: Los usuarios o
actores indican la funcionabilidad que
ofrecer la WebApp; adems sealan a
necesidad de que se desarrollen casos de
uso para cada usuario final.
*Cliente nuevo: Usuario que quiere
personalizar y luego comprar componentes
de HogarSeguro y debe interactuar con la
WebApp de funcionalidad de comercio
electrnico.
*Cliente existente: Un usuario que ya posee
componentes de HogarSeguro y usa la
WebApp para:
1) Comprar componentes adicionales.
2) Adquirir informacin de soporte tcnico.
3) Contactar con el soporte al cliente.

DESARROLLO DE CASOS DE USO

Los casos de uso se desarrollan para cada categora de usuario descrita en la
jerarqua de usuario. En el contexto de la ingeniera Web, el caso de uso es informal;
un prrafo narrativo que describe una interaccin especifica entre un usuario y la
WebApp.

4
 VALO: Representa un
caso de uso que describe
una iteracin especifica
entre el cliente nuevo y la
WebApp.
FUNCIONALIDAD DE
WEBAPP: Se anotan
dentro de recuadros con
lneas punteadas,
conocidos como
paquetes en UML y
representan
funcionalidad especifica:
PERSONALIZACIN Y
COMERCIO
ELECTRNICO.

AFINACIN DEL MODELO DE CASO DE USO

Los casos de uso se organizan en paquetes funcionales, y cada paquete se valora,
durante la valoracin pueden surgir nuevos casos de uso de los paquetes definidos o
incluso reubicarse los existentes:
Comprensible: todos los clientes entienden el propsito de paquete.
Cohesivo: el paquete aborda funciones relacionadas cercanamente una con
otra.
Libremente acoplados: las funciones o clases dentro del paquete colaboran
una con otra, pero la colaboracin exterior del paquete se mantiene en un
mnimo.
Jerrquicamente superficial: las jerarquas dentro de los casos de uso deben
de reducirse siempre que sea posible.

3.2. EL MODELADO DE ANLISIS PARA WEBAPPS

Un equipo de ingeniera web debe emprender el modelado de anlisis cuando se

cumplen la mayora o todas las condiciones siguientes:
La WebApp que se construir es grande o compleja.
El nmero de clientes es grande.
El nmero de ingenieros web y otros colaboradores es grande.
Las metas y los objetivos (determinados durante la formulacin) para la
WebApp afectarn la lnea de referencia del negocio.
El xito de la WebApp tendr una fuerte conexin con el de negocio.

5
Se basa en la informacin que contienen los casos de uso desarrollados para la
aplicacin. Las descripciones de los casos de uso se analizan gramticamente para
identificar potenciales clases de anlisis y las operaciones y atributos asociados con
cada clase.
Se identifica el contenido que presentara la WebApp y se extraen las funciones que
se desarrollaran a partir de las descripciones de caso de uso. Los requisitos especficos
de la implementacin se deben desarrollar de modo que el ambiente y la
infraestructura que apoyan la WebApps puedan construirse.

ACTIVIDADES PARA LA CREACIN DE UN MODELO DE ANLISIS COMPLETO

Anlisis de contenido: Identifica todo el espectro del contenido que ofrecer

la WebApp. El contenido incluye texto, graficas e imgenes, as como datos
de video y audio.
Anlisis de interaccin: Describe como interacta el usuario con la WebApp.
Anlisis de funciones: Define las operaciones que se aplicarn al contenido de
la WebApp y describe otras funciones de procesamiento, independientes del
contenido, pero necesarias para el usuario final.
Anlisis de configuracin: Describe el ambiente y la infraestructura en la que
reside la WebApp.

La informacin recopilada durante las tareas de estos cuatro anlisis se debe revisar,
modificar cuando se requiera y luego organizarse en un modelo que pueda pasarse
a los diseadores de WebApp.

El modelo contiene elementos estructurales y dinmicos:

Estructurales: Identifican las clases de anlisis y los objetos de contenido que se
requieren para crear una WebApp que satisfaga las necesidades de los
clientes.
Dinmicos: Describen como interactan los elementos estructurales entre ellos
y con los usuarios finales.

3.3. MODELO DE CONTENIDO

Contiene elementos estructurales que proporcionan una importante visin de los

requisitos de contenido para una WebApp, por ejemplo; texto, imgenes, graficas,
fotografas, imgenes de video, audio. Que se presentan como parte de la WebApp.

6
El modelo de contenido incluye todas las clases de anlisis; entidades visibles para el
usuario que se crean o manipulan conforme este interactuaba con la WebApp. Se
incluyen atributos que la describen, operaciones que afectan el comportamiento
requerido de la clase y colaboraciones que permiten la comunicacin de la clase
con otras clases. Los objetos de contenido se extraen del anlisis gramatical de casos
de uso.
OBJETOS DE CONTENIDO
Un objeto de contenido puede ser una descripcin textual de un producto, un
artculo que describa un evento noticioso, una fotografa de accin tomada en un
cotejo deportivo, una representacin animada de un logotipo. De alguna manera se
interpreta el caso de uso del cual se extrajo dicha informacin. Con frecuencia dichos
contenidos son desarrollados por terceros e integrados a la WebApp.
RELACIONES Y JERARQUA DE CONTENIDO- CLASES DE ANLISIS
Se trata de una lista de objetos de contenido, asociada con una breve descripcin
de cada objeto. Es suficiente para definir los requisitos para el contenido que debe
disearse e implementarse. Se utilizan diagramas de relacin de entidades o arboles
de datos. CLASE FACTURADEMATERIALES: Enlista
los componentes seleccionados

FDM: Detalla una

CLASE COMPONENTEDEPRODUCTO: lista de
Componentes que se pueden componentes
comprar de manera general. seleccionada.

7
 3.4. MODELO DE INTERACCIN

Es compuesto por cuatro elementos, en algunas ocasiones no es necesario llevar a

cabo los cuatro elementos:
1. Casos de uso: 1 dimensin. Describe las principales interacciones entre los
actores y el sistema. Proporcionan una visin unidimensional de la
interaccin.
2. Diagramas de secuencia: 2 Dimensin. Ofrece una representacin
abreviada de la forma en la cual las acciones del usuario colaboran con
las clases de anlisis, estas extradas de las descripciones de caso de uso.
Se garantiza un seguimiento entre las clases durante las interacciones con
el sistema. Tiene mayor dinmica que los casos de uso.
3. Diagramas de estado: 3 Dimensin. Ofrece una representacin del
comportamiento dinmico de la WebApp conforme suceda una
interaccin, puede representarse en diferentes grados de abstraccin.
4. Prototipo de interfaz de usuario: Es una actividad de diseo se compone
por la interfaz del usuario, el contenido, los mecanismos de interaccin que
implementa y la esttica global de las conexiones usuario-WebApp. El
prototipo debe implementar los principales vnculos de navegacin
representar la plantilla de pantalla global de cmo ser construida.

3.5. MODELO FUNCIONAL

1. Funcionalidad observable para el usuario: Comprende cualquier funcin

de procesamiento que ste inicia directamente. Tiene una abstraccin alta,
por ejemplo, en una transaccin de retiro el usuario solo visualiza el resultado
mas no las operaciones llevadas a cabo dentro de las clases.
2. las operaciones dentro de las clases de anlisis: son de un grado menor de
abstraccin, describe el procesamiento que realizaran las operaciones de la
clase de anlisis, llevan un manejo de atributos y colaboraciones entre
distintas clases.

8
MODELO FUNCIONAL

9
 3.6. MODELO DE CONFIGURACIN

Para una aplicacin web se deben especificar el hardware del servidor y el ambiente
del sistema operativo. Adems, se deben de considerar aspectos de
interoperabilidad en el lado del servidor. Se deben identificar las interfaces
apropiadas, los protocolos de comunicacin.
El software del lado del cliente proporciona la infraestructura que permite el acceso
a la WebApp desde la ubicacin del usuario. Este software se utiliza para entregar el
contenido y funcionalidad de la WebApp que se descarga del servidor. Al existir
distintos softwares para navegacin la aplicacin web deber ser probada y
configurada en cada uno.
En una WebApp compleja se aprovecha el diagrama de despliegue pues considera
las distintas partes que conformaran la aplicacin web, por ejemplo, una WebApp
compleja puede distribuirse en distintos servidores hacindose notar en el diagrama
mencionado.

3.7. ANLISIS RELACIN-NAVEGACIN

La navegacin no solo es la accin de saltar de pgina a pgina, sino la idea de

moverse a travs de un espacio de informacin. A. Reina y J. Torres
El anlisis relacin-navegacin proporciona una serie de pasos de anlisis que luchan
por identificar relaciones entre los elementos descubiertos como parte de la creacin
del modelo de anlisis.
El ARN proporciona una tcnica sistemtica para determinar la estructura de relacin
de una aplicacin. Determina las estructuras de navegacin apropiadas sobre los
vnculos.
ENFOQUE ARN
Anlisis de los participantes: Identifica las diversas categoras de usuario y
establece la apropiada jerarqua de participantes.
Anlisis de elementos: Identifica los objetos de contenido y los elementos
funcionales de inters para los usuarios finales.
Anlisis de relaciones: Describe las relaciones entre los elementos WebApp.
Anlisis de navegacin: Examina como los usuarios pueden acceder a
elementos individuales o grupos de elementos.
Anlisis de evaluacin: Considera temas pragmticos (por ejemplo
costo/beneficio) asociados con la implementacin de las relaciones definidas
con anterioridad.
ANLISIS DE NAVEGACIN
Examina como los usuarios pueden acceder a elementos individuales o grupos de
elementos.

10
 CONCLUSIN

Al llevar acabo el desarrollo de una aplicacin web es importante considerar

ciertos aspectos que nos ayudaran a modelar y a su vez implementar la
WebApp en el menor tiempo posible. Es primordial seguir las etapas de
formulacin o en su caso realizar el anlisis debidamente ya que ste ser la
base del desarrollo, en algunos casos realizndolo de manera detallada para
evitar dificultades con algn ingeniero web, y as evitando que este retroceda
en el proceso para saber el porqu de algunas descripciones muy generales.
As tambin se tiene que hacer el uso de los distintos modelos de interaccin
ya que estos nos brindaran distintas dimensiones de la aplicacin web,
pudiendo identificar de una manera dinmica el comportamiento al usuario
final o si es necesario alojar la aplicacin dentro de varios servidores. En el
desarrollo de la WebApp se toman en cuenta los niveles de abstraccin, que
es lo que el usuario realmente le interesa visualizar. En el caso del apartado
visual, durante el desarrollo se realizan pruebas para determinar la
funcionalidad o aspecto dentro de distintos softwares para navegar en la web,
aplicando una configuracin adecuada si fuera necesario.

11
 BIBLIOGRAFA

Pressman, Roger S. Ingeniera del software un enfoque prctico, sexta edicin, Editorial
McGrawHill.
Anlisis para aplicaciones web Edgar Valarezo y Sergio Lujn Mora. Disponible en:
https://rua.ua.es/dspace/bitstream/10045/35715/1/Aplicaciones%20Web%20-
%20An%C3%A1lisis%20para%20aplicaciones%20web.pdf
https://www.yumpu.com/es/document/view/56352927/aplicaciones-web-analisis-para-
aplicaciones-web/12
https://prezi.com/f_jgranswuyn/analisis-relacion-navegacion/

12