INGENIERÍA WEB

Dra. Ana Cori Morón

 CONTENIDO

• METODOS DE DISEÑO WEB

• MÉTODO DE DISEÑO DE HIPERMEDIOS ORIENTADO A OBJETOS -MDHOO
 METODOS DE DISEÑO WEB

• WAE (Conallen, 2002)

• REST (Fielding, 2000)
• MIDAS (Cáceres et al., 2003)
• WebSA (Melía, 2007)
• OOHDM (Schwabe, 2005)
• UWE (Koch y Kraus, 2002).
 METODOS DE DISEÑO WEB

• OOHDM: Método de Diseño y Desarrollo de Hipermedia Orientado a

Objetos (Object Oriented Hypermedia Design Method)
• NDT: Técnicas de Desarrollo de navegación (Navigational Development
Techniques)
• OOWS: Método de Soluciones Web Orientada a Objetos
• RNA: Análisis de Navegación Relacional.
 RESUMEN DE METODOS
METODOLOGÍA FASES
OOHDM -Fase de Requerimientos
- Fase Conceptual
- Fase Navegacional
- Fase de Interfaz Abstracta
- Fase Implantación
NDT -Ingeniería de Requerimientos
- Análisis
OOWS - Especificación conceptual
Especificación de requisitos
- Modelado conceptual
Modelo de objetos
Modelo dinámico
Modelo funcional
Modelo navegacional
Modelo de Presentación
- Implementación
RNA - Análisis del entorno
- Definición de elementos de
interés
- Análisis de conocimiento
- Análisis de navegación
- Implementación
CARACTERÍSTICAS
-Es eficaz al momento de diseñar aplicaciones hipermediales.
-El usuario es considerado un integrante fundamental en la validación del producto obtenido
-Propone un proceso predeterminado indicando las actividades a realizar.
-Toma como partida el modelo de clases que se obtiene en el análisis del proceso unificado UML.
-A mediano y a largo plazo reduce el tiempo de desarrollo
*Añade aspecto de navegación
* Define el modelo de Interfaz.
-Reusabilidad del diseño y simplificar el coste de evolución y mantenimiento.
-NDT es un proceso metodológico para especificar, analizar y diseñar sistemas web.
-En el tratamiento de requisitos separa la captura, la definición y la validación de requisitos,
proponiendo técnicas específicas para cada uno de ellos.
-Ofrece además una herramienta, NDTTool, que sirve como soporte en la aplicación de sus técnicas.
-Es una metodología que establece una guía para un desarrollo organizado puesto que incluye desde la
fase de requerimientos hasta el desarrollo de la aplicación.
-Desarrolla aplicaciones web en un tiempo limitado.
-Con facilidad permite capturar la requisitos navegacionales y de presentación, facilitando de esta
manera la implementación de las aplicaciones web.
-Incorpora en sus fases la obtención de los requerimientos de los usuarios orientados a la
funcionalidad que debe tener el sistema web.
-Utiliza diagramas UML para una mejor representación de la información en cada una de sus fases.
Identifica a los usuarios y describe sus tareas.
-En las fases Especificación conceptual y Modelo conceptual se incluye la interacción con el usuario.
-Es una metodología que se centra en la fase de análisis.
-Analiza los requisitos conceptuales de manera independiente a los navegacionales.
-La funcionalidad de cada una de las fases se realiza con una secuencia de pasos.
-Es ideal para aplicaciones web de pequeñas escalas.
- En la captura y definición de los requisitos se hace de manera textual lo que dificulta la comprensión de
los mismos en aplicaciones de gran escala
 MÉTODO DE DISEÑO DE HIPERMEDIA
ORIENTADO A OBJETOS -MDHOO
• Propuesto por Daniel Schwabe.
• Comprende cuatro actividades de diseño:
• Diseño conceptual
• Diseño de navegación
• Diseño de interfaces abstractas
• Implementación
 MDHOO-DISEÑO CONCEPTUAL

• El diseño conceptual consiste en representar el sistema web en

subsistemas, clases y sus relaciones.
• Se puede utilizar UML para crear los diagramas apropiados, agregaciones,
representaciones de clases compuestas, diagramas de colaboración.
• Se puede partir del diagrama E/R. Se identifican las clases y sus relaciones,
que pueden ser de asociación, agregación, composición, y generalización-
especialización. El resultado de esta etapa es un modelo estructural
compuesto por clases, asociaciones y atributos, y es similar al diagrama de
clases del Unified Modelling Language (UML).
 MDHOO-DISEÑO DE NAVEGACION
• El diseño de navegación consiste en identificar el conjunto de objetos que se
derivan de las clases definidas en el diseño conceptual.
• Se utiliza UML para crear los diagramas de casos de uso, diagramas de
secuencia que nos ayudan a comprender mejor los requerimientos de la
navegación.
• Se pueden expresar diferentes vistas para diferentes perfiles de usuarios.
• El MDHOO emplea clases de navegación: como nodos, vínculos, anclas y
estructuras de acceso, mapas de sitio.
• Se desarrolla plantillas contextuales para dar seguimiento a los
requerimientos de navegación de cada categoría de usuario, al hacer esto
surgen trayectorias especificas de navegación (FdN.)
 MDHOO-DISEÑO DE INTERFACES
ABSTRACTAS

• Utiliza el modelo formal , Vista de datos abstractos(VDA), el cual sirve para

representar la relación entre objetos de interfaz y de navegación.
• La VDA muestra el comportamiento de la aplicación web, es análogo al
diagrama de estados en UML, indica las transformaciones de la interfaz que
ocurren cuando el usuario interactúa con la aplicación web.
 MDHOO-IMPLEMENTACIÓN

• Representa una iteración del método.

• Consiste en la implementación de las clases, objetos de navegación y
objetos de interfaz.
• Se debe identificar el funcionamiento cliente-servidor, SSOO, lenguajes de
programación, etc.
RESUMEN MDHOO
Relation among Conceptual, Navigational
and Interface Objects in OOHDM.
Navigation classes are views over
Conceptual Classes; Interface objects
mediate interaction of Navigation objects
with the outside world, including users.
(Shaded boxes stand for Class Attributes).

Relación entre objetos conceptuales, de

navegación y de interfaz en OOHDM.
Las clases de navegación son vistas
sobre clases conceptuales; Los objetos
de interfaz median la interacción de los
objetos de navegación con el mundo
exterior, incluidos los usuarios. (Los
cuadros sombreados representan
Atributos de clase).
• Navigational Context Schema for the online magazine application
• ADVs can be aggregations
ADVs and their relationship with “real” interface objects
 • Fase cero: Determinación de requerimientos
• Identificación perfiles de usuario y sus tareas
M • Diagramas de casos de uso (general y específico)
• Diagrama de secuencia o interacción de usuario
D • Fase uno: Diseño conceptual
H • Modelo conceptual (Diagrama de clases)
• Fase dos: Diseño navegacional
O • En esta fase se debe determinar como van a navegar las diferentes categorías de usuarios por la
aplicación web.
O • Se utilizan flechas y nodos. Las flechas indicaran el sentido por el cual pueden ir los usuarios
siguiendo un orden. Los ovalos o nodos son los estados pueden ser parte de otro nodo .
• Por cada usuario se elabora un diagrama navegacional y al final se elabora un diagrama
navegacional consolidado final.
• Fase tres: Diseño abstracto de interfaces
• Muestra las características similares en las paginas, lo que se va a modificar es el contenido y los
enlaces a los que tiene acceso.
• Permiten un solo diseño para las páginas en la cual solo cambian los contenidos.
• Se tiene como constante, el título, la imagen de centro, la barra de menú, un pie de página
• Fase cuatro: Implementación
Usuario
administrador,
estudiante,
director, tutor,
secretaria
OBTENCION DE REQUERIMIENTOS
DIAGRAMAS DE CASOS DE USO

AULA VIRTUAL
MODELO CONCEPTUAL
DIAGRAMAS DE CLASES
MODELO NAVEGACIONAL
DISEÑO ABSTRACTO DE INTERFAZ
 BIBLIOGRAFÍA

• Pressman, Ingenieria de software

• Pressman, Engineering web
• Schwabe y Rossi, Systematic Hypermedia Application Design with OOHDM