Ingeniera Web

Ingeniera Web
Los sistemas y aplicaciones basados en
Web (WebApps) ofrecen un complejo
arreglo de contenido y funcionalidad.

Ingeniera Web (IWeb)
La Iweb es el proceso con el que se crean
WebApps de alta calidad.
No es un clon perfecto de la ingeniera de
software.
Acenta actividades tcnicas y
administrativas similares.
Existen sutiles diferencias en la manera en
como se dirigen dichas actividades, pero el
mtodo primordial dicta un enfoque
disciplinado para el desarrollo de un sistema
Ingeniera Web
Se pueden aplicar principios,
conceptos y mtodos de la ingeniera
de software al desarrollo Web?
Qu ocurre si persiste un enfoque sin
disciplina?
Atributos de los Sistemas y
Aplicaciones Basados en Web
Atributos de los Sistemas y
Aplicaciones Basados en Web
Intensidad de red
Internet, intranet
Concurrencia
Carga impredecible
Desempeo
Espera prolongada
Disponibilidad
24/7/365
Gobernada por los datos
Texto, grficos, audio y video
Sensibilidad al contenido
Calidad y naturaleza esttica
Atributos de los Sistemas y
Aplicaciones Basados en Web
Evolucin contnua
Anlogo a la jardinera
Inmediatez
Poner software en el mercado
rpidamente
Seguridad
Esttica
Presentacin y disposicin de los elementos
Categoras de Aplicaciones
Informativo
Contenido de slo lectura
Descarga
Personalizable
Interaccin
Cuartos de charla, tableros de anuncios o mensajera instantnea
Entrada del usuario
La entrada con base en formularios
Orientada a transacciones
Realizar pedidos
Orientada a servicios
Asesora en trmites
Portal
Canaliza al usuario hacia otros servicios web
Acceso a una base de datos
Almacn de datos
Coleccin de grandes bases de datos
Estratos de la Ingeniera de WebApp
Modelos de Proceso
Los modelos de procesos IWeb adoptan la
filosofa de desarrollo gil
Reducir el ciclo de desarrollo
Mtodos de IS
Conjunto de labores tcnicas para construir una
WebApp de alta calidad
Herramientas y Tecnologa
Estratos de la Ingeniera de WebApp
Proceso
A pesar de la rapidez de los ciclos de
desarrollo es importante que:
Adopte el cambio
Aliente la creatividad y la independencia del
equipo de desarrollo y fortalezca la interaccin
con los accionistas de la WebApp
Construya sistemas que utilicen pequeos
equipos de desarrollo
Subraye el desarrollo evolutivo o incremental
mediante el uso de cortos ciclos de desarrollo
Estratos de la Ingeniera de WebApp
Categoras de Mtodos:
Mtodos de comunicacin: facilita la
comunicacin entre ingenieros Web y los
dems participantes. Recoleccin de
requisitos. Evaluacin de incrementos
Mtodos de anlisis de requisitos:
proporcionan una base para comprender
la funcin que proporcionar al usuario
final y los modos de interaccin que cada
clase de usuario requerir
Estratos de la Ingeniera de WebApp
Mtodos de diseo: tcnicas de diseo
que abordan el contenido, la
aplicacin, la arquitectura de
informacin,
Mtodos de prueba: incorporan
revisiones tcnicas formales, pruebas de
navegacin, de seguridad, etc.
Estratos de la Ingeniera de WebApp
Herramientas y Tecnologa:
Descripcin de contenido y lenguajes de
modelacin (HTML, XMIL, etc)
Lenguajes de programacin
Recursos basados en componentes
Navegadores, herramientas multimedia,
etc.
El Proceso de Ingeniera Web
El Proceso de la Ingeniera Web
Los atributos de los sistemas y
aplicaciones basados en Web tienen
una profunda influencia sobre el
proceso de IWeb que se elija
La inmediatez y la evolucin contnua
son atributos principales de una
WebApp, se debe elegir un modelo de
proceso gil que produzca liberaciones
a un ritmo vertiginoso
El Proceso de Ingeniera Web
Definicin del Marco de Trabajo
Refinamiento del Marco de Trabajo
El Proceso de Ingeniera Web
Definicin del Marco de trabajo
Cualquiera de los modelos de proceso gil
se pueden aplicar como un proceso Iweb
La efectividad de cualquier proceso de
ingeniera depende de su adaptabilidad
Antes de definir un marco de trabajo se
debe reconocer que:
Las WebApps con frecuencia se entregan de
manera incremental
Los cambios ocurrirn frecuentemente
Los plazos son cortos
El Proceso de Ingeniera Web
Definicin del Marco de Trabajo
Actividades involucradas:
Comunicacin con el cliente
Anlisis del negocio: define el contexto empresarial-
organizativo para la WebApp
Formulacin: es una actividad de recopilacin de requisitos
que involucra a todos los participantes
Planeacin
Se crea el plan de proyecto para el incremento de la
WebApp
Modelado
Abarca las tareas de anlisis y diseo
Construccin
Despliegue
La webApp se configura para su ambiente operativo
El Proceso IWeb
El Proceso de Ingeniera Web
Refinamiento del marco de trabajo:
Se ha advertido que el modelo de proceso
IWeb puede ser adaptable
Las tareas asociadas con las actividades
del marco de trabajo IWeb pueden
modificarse, eliminarse o extenderse con
base en caractersticas del problema, el
producto, el proyecto y la gente en el
equipo.
Mejores Prcticas en Ingeniera Web
Mejores Prcticas en Ingeniera Web
Tomar tiempo para entender las
necesidades del negocio y los objetivos
del producto
Describir como interactuarn los
usuarios con la WebApp aplicando un
enfoque basado en escenarios
Desarrollar un plan del proyecto
Mejores Prcticas en Ingeniera Web
Utilizar algn tiempo para modelar lo que se
construir
UML, diagramas de secuencia
Revisar la consistencia y calidad de los
modelos
RTF
Utilizar herramientas y tecnologa que
permitan construir el sistema con
componentes reutilizables
Disear pruebas amplias y ejecutarlas antes
de liberar el sistema.
Modelado de Anlisis
para Aplicaciones Web
Modelado de Anlisis para
Aplicaciones Web
Un equipo de ingeniera Web debe
emprender el modelado de anlisis si
La WebApp es grande o compleja
El nmero de clientes es grande
El nmero de ingenieros Web es grande
Las metas y los objetivos afectarn la lnea
de referencia del negocio
El xito de la WebApp tendr fuerte
conexin con el del negocio
La jerarqua de usuario
Desarrollo de casos de uso
Afinacin del modelo de caso de uso
Requisitos para el Anlisis de las
WebApps
El anlisis de requisitos para las
WebApps abarca:
Formulacin
Recopilacin de requisitos
Modelado de anlisis
Requisitos para el Anlisis de las
WebApps
La jerarqua de usuario
Las categoras de usuarios finales que
interacturn con la WebApp se identifican
como parte de las tareas de formulacin y
de recopilacin de requisitos
Cuando el nmero de usuarios es grande
es aconsejable desarrollar una jerarqua de
usuarios
Requisitos para el Anlisis de las
WebApps
Desarrollo de casos de uso
Conocidos tambin como haces de
funcionalidad
Los casos de uso se desarrollan para cada
categora de usuario descrita en la
jerarqua de usuario
Requisitos para el Anlisis de las
WebApps
Afinacin del modelo de caso de uso
Los casos de uso se organizan en paquetes
funcionales y cada paquete se valora para
verificar que es:
Comprensible
Cohesivo
Libremente acoplados
Jerrquicamente superficial
Requisitos para el Anlisis de las
WebApps
El Modelado de Anlisis para
WebApps
Actividades de anlisis:
Anlisis de contenido
Anlisis de interaccin
Anlisis de funciones
Anlisis de configuracin
El Modelo de Contenido
Definicin de objetos de contenido
Relaciones y jerarqua de contenido
Clases de anlisis para WebApps
Definicin de objetos de contenido
El tipo y forma del contenido abarca un
amplio espectro de elaboracin y
complejidad.
El contenido puede desarrollarse antes de
la implementacin de la WebApp
Un objeto de contenido puede ser una
descripcin textual de un producto
Los objetos de contenido se extraen de los
casos de uso.
El Modelo de Contenido
El Modelo de Contenido
Relaciones y jerarqua de contenido
Una simple lista de objetos de contenido,
asociada con una breve descripcin de
cada objeto
Diagramas de relacin de entidades o
rboles de datos
El Modelo de Contenido
Clases de anlisis para WebApps
El Modelo de Interaccin
A este modelo de interaccin lo
componen 4 elementos:
Casos de uso
Diagramas de secuencia
Diagramas de estado
Prototipo de interfaz de usuario
El Modelo Funcional
Aborda 2 elementos de procesamiento
de la WebApp y cada uno representa
un grado diferente de abstraccin de
procedimiento:
1) Funcionalidad observable respecto al
usuario
2) Operaciones dentro de las clases de
anlisis que implementan comportamientos
asociados a la clase
El Modelo de Configuracin
En algunos casos, el modelo de
configuracin no es mas que una lista
de atributos tanto del lado del servidor
como del lado del cliente
Anlisis Relacin-Navegacin
La navegacin no slo es la accin de saltar
de pgina a pgina, sino la idea de moverse
a travs de un espacio de informacin.

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
Anlisis Relacin-Navegacin
El enfoque ARN se organiza en 5 pasos:
Anlisis de los participantes
Anlisis de elementos
Anlisis de relaciones
Anlisis de navegacin
Anlisis de evaluacin