Ingeniera Web

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

Ingeniera Web (IWeb)

La web 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 empresarialorganizativo 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

Requisitos para el Anlisis de

las WebApps
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

El Modelado de Anlisis para

WebApps
Actividades de anlisis:

Anlisis
Anlisis
Anlisis
Anlisis

de
de
de
de

contenido
interaccin
funciones
configuracin

El Modelo de Contenido
Definicin de objetos de contenido
Relaciones y jerarqua de contenido
Clases de anlisis para WebApps

El Modelo de Contenido
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
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 RelacinNavegacin
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 RelacinNavegacin
El enfoque ARN se organiza en 5
pasos:

Anlisis
Anlisis
Anlisis
Anlisis
Anlisis

de
de
de
de
de

los participantes
elementos
relaciones
navegacin
evaluacin