Metodologías WEB

METODOLOGÍA WEB

 En el año 1993 un grupo de expertos (F. Garzoto, D.

Schwabe y P. Paolini) comienzan a desarrollar HDM.
 La hipermedia necesita métodos de trabajo específicos
para tratar aspectos como la navegación o la interfaz.
 Pronto ( 1995) se comienza a evolucionar hacia la
orientación a objetos y nacen OOHDM y EORM
 A partir de ahí comienzan a elaborarse diferentes
metodologías de trabajo para la web.
 Sin embargo, desde el año 1999 (HFPM, WSDM, UWE,
etc) se comienza a potenciar la ingeniería de requisitos
 DESCRIPCIÓN Y ANÁLISIS DE WSDM

 Es un Método de Diseño para Sitios Web (Web Site

Design Method), donde hay un acercamiento al usuario
que define los objetos de información basado en sus
requisitos de información para el uso de la Web. En este
método se definen una aplicación Web a partir de los
diferentes grupos de usuarios que vaya a reconocer el
sistema.
 Propone cuatro etapas: modelo de usuario, diseño
conceptual, diseño de la implementación e
implementación. El tratamiento de requisitos se lleva a
cabo en la etapa inicial, donde, en primer lugar, se
identifican y clasifican los usuarios que van a hacer uso
de la aplicación Web. A continuación, se describen los
requisitos de cada grupo de usuarios y sus fases.
DESCRIPCIÓN Y ANÁLISIS DE WSDM

 WSDM o Website Design Method fue propuesto por De Troyer y Leune en

1998, por un grupo de investigación llamado Web & Information System
Engineering.

 WSDM ha evolucionado a un completo método de diseño de sitios web

semánticos.
 ¿QUE ES WSDM?

Es un completo método de diseños de sitios web semánticos para:

 Aplicaciones web.
 Apoyo a la funcionalidad.
 Variedad de diseño adicionales ( accesibilidad,
localización, adaptabilidad, entre otras ).

Es una propuesta en la que el sistema se define basándose en los grupos de

usuarios más que en los datos.
 FASES DE WSDM

1. Fase de Modelo
de Usuario

2. Fase de Diseño
Conceptual

3. Fase de Diseño
de
Implementación

4. Fase de
Realización de
Implementación
 Fase de Modelo de Usuario

 Se intenta detectar los perfiles de usuarios para los cuales

se construye la aplicación. Durante esta fase es necesario
determinar:
 ¿Quién es el público objetivo? ¿Cómo será la visión de su
sitio Web? ¿Cuáles son los objetivos de marketing de la
empresa? ¿Cuáles son los objetivos de su sitio web? ¿Qué
mensaje tiene su compañía quiere transmitir? ¿Cuál es el
campo del negocio? ¿Cuáles son los estándares de la
industria?
 Una vez que tenemos una comprensión de su negocio y
sus objetivos de la empresa, que hará recomendaciones a
la mejor alcanzar sus metas. Nuestro proceso de
planificación estratégica se creará un plan inicial de su
sitio web. Se divide en dos subfases siguientes:
 Fase de Modelo de Usuario

 Clasificación de usuarios: Se deben identificar y

clasificar a los usuarios que van a hacer uso del
sistema. Para ello, WSDM propone el estudio del
entorno de la organización donde se vaya a
implantar el sistema y los procesos que se vayan a
generar, describiendo las relaciones entre usuarios y
actividades que realizan estos usuarios. Para la
representación gráfica de estas relaciones WSDM
propone una especie de mapas de conceptos de roles
y actividades
 Fase de Modelo de Usuario

 Descripción de los grupos de usuarios: Se

describen con más detalles los grupos de usuarios
detectados en la etapa anterior. Para ello, se debe
elaborar un diccionario de datos, en principio con
formato libre, en el que indican los requisitos de
almacenamiento de información, requisitos
funcionales y de seguridad para cada grupo de
usuarios.
 Fase de Modelo de Usuario

Clasificación de usuarios

Descripción de los grupos de

usuarios
 Personas involucradas:
Clasificación de usuarios: Estudiante, docente,
egresado y persona natural.

Descripción de los grupos de usuarios:

Usuario Información
Estudiante Consultar notas, historia académica, evaluación
docente, materias inscritas, biblioteca, etc..
Docente Ingresar notas, ver eventos,,,,etc

Egresado Tarjeta profesional, donde estan,

carnetizacion,eventos, SIE,etc
Persona natural Ver noticias, ver documentos, ver convocatorias,
eventos generales etc..
 Fase de Diseño Conceptual

 Se desarrolla el modelado conceptual no tiene el mismo significado que en OOHDM.

Durante el modelado conceptual se realizan dos tareas a la vez: el modelado de
objetos, que es lo que en OOHDM se llama modelo conceptual y el diseño de la
navegación, que coincide con la idea del diseño navegacional de OOHDM, Este tipo
de diseño de navegación en aplicaciones Web tiene una estructura muy jerárquica.
La aplicación de diseño pasa a crear un coherente y eficiente modelado conceptual.
 Pocas recomendaciones se dan en esta etapa, tales como la utilización de páginas de
índice, derecho de información dividida en diversos tamaños, el uso de contexto y
de la información y el uso de señales de navegación. La navegación modelo consiste
en una serie de vías de navegación, uno para cada perspectiva expresando de forma
en que los usuarios de una perspectiva particular puede navegar a través de la
información disponible. WSDM describe en términos de los componentes y enlaces.
 Distingue tres tipos de componentes de navegación, información y externos. Cada
navegación consta de tres capas: contexto, navegación y capas de información. En
WSDM puede existir más de un modelo de navegación, dependiendo de los roles de
usuario detectados durante la primera fase.
 Fase de Diseño Conceptual

Modela y formula requisitos formales usando algún lenguaje de

modelado.

 El modelado de objetos

 El diseño de la navegación
 NAVEGABILIDAD
 Componentes de navegación
 Componentes de información
 Componente externo
 Enlace
WSDM distingue cuatro tipos de vínculos:

 Vínculos estructurales ( que denota la estructura pura ).

 Vínculos semánticos ( basada en relaciones semánticas ).
 Vínculos de ayuda en la navegación ( "acceso directo" ).
 Vínculos de Procesológico ( parte de un flujo de trabajo ).
Estos tipos de vínculos pueden ser usados cuando se genera la presentación de
los vínculos dependiendo de su propósito. Los vínculos pueden tener una
presentación diferente.
 Diseño estructural

 Estructura del sitio para una pista de visitantes

 Fase de Diseño de Implementación

 Fase de Diseño de Implementación: Se modela la

interfaz para cada rol de usuario, Ahora que se tiene una
versión definitiva del plan se puedan comenzar con la
construcción del sitio web. Durante esta fase, se tendrá lugar
lo siguiente:
 La construcción de la arquitectura de navegación del sitio.
 Creación de alta funcionalidad, teniendo como fin a la
animación, pues hará que se propague por todas las páginas
de los medios necesarios con sus los gráficos y el texto.
 El código de los programas técnicos y la funcionalidad del
sitio.
 La creación y diseño de la página principal disponible
 Fase de Diseño de Implementación
Compuesto de 3 sub-fases:

 Diseño estructural del sitio: deriva del modelo de navegación.

Componente → Página
Enlace → Hipervínculo
 Diseño de presentación: modelar un eficiente diseño del sitio (hace referencia a
los diferentes aspectos y funcionamiento de los interfaces gráficos de usuario).
 Diseño lógico de datos: implementación de bases de datos usando un modelo

de negocio de la información .
 Fase de Realización de Implementación

 Se codifican todos estos aspectos en el lenguaje concreto que se haya seleccionado.

WSDM es también una propuesta viva que está cambiando y adaptándose a nuevos
requisitos.
 Preparamos el lanzamiento de la web teniendo en cuenta ¿Cuándo entrarían a
nuestra web? Antes de la puesta en marcha vamos a garantizar lo siguiente:
 Continuo y exhaustivas pruebas que garantizará un impecable final del sitio web.
 Trabajo directamente con la empresa para garantizar la técnica y la usabilidad se
cumplen las normas.
 Velar el final del proyecto con la finalidad de ver si se han cumplido los requisitos
planteados.
 Crear una fecha de lanzamiento y el plan
 WSDM se describe en términos de componentes y enlaces. Distingue tres tipos de
componentes de navegación. Cada navegación consta de tres capas: contexto, la
navegación y capas de información. El contexto es la capa superior de la navegación
y a su vez la de información es la capa inferior. La capa de navegación conecta la
capa de contexto y la capa de información. Para acceder a la información intermedia
por componentes y los vínculos que se crean, tales como los índices [Ref. 9]. En la
actualidad, es uno de los trabajos más interesantes y novedosos que se le está
aplicando es el desarrollo de una herramienta CASE que permita aplicar el ciclo de
vida de desarrollo de WSDM
Metodología Modelo Característica principal
HDM Diseño hipermedia Pionero, separa info almacenada de info presentada al
usuario, no multimedia-no objetos.
RMM Gestión de relación Multimedia asume etapa de análisis y diseño, modela
aplicación y navegación. (HDM+MER) no objetos.
EORM Relación de objetos mejorada Multimedia, (RMM+HDM) pero orientada a objetos,
usa librerías de clase enlace para la reutilización.
OOHDM Diseño de Hipermedia Multimedia y web, orientado a objetos, basada en el
orientado a objetos diseño, separa lo conceptual, navegacional y lo visual no
funcional.
WSDM Diseño de sitios web Basada en grupos de usuarios, orientada a kiosco web,
solo presenta la información al usuario sin seguridad ni
funcionalidad.
SOHDM Escenario basado en Objeto de Multimedia, especifica requisitos por escenarios, (si al
Hipermedia desarrollo no implementación ni pruebas)
HFPM Hipermedia de Web y Multimedia, (OOHDM+UML), orientada a
procesos flexibles objetos.
OO/Pattern orientado a objetos patrones Web y Multimedia, basado en requerimientos y UML,
mala interfaz
WAE Extensión de Se enfoca en la gramática de UML, orientada a objetos,
aplicaciones Web para UML escalables y adaptables según el usuario.
OO-H Hipermedia orientado a Web, orientada a diseño e implementación, orientada a
objetos objetos.
OOWS Enfoque Orientado a Objetos Técnica orientada a objetos, esquematiza la navegación
para Soluciones Web web de los usuarios.