Introducción

El documento presente trata sobre 3 tipos de metodologías orientadas a la web con sus
respectivas fases.

No obstante se realizó una investigación sobre los distintos tipos de metodologías que
existen tomando como base para la hibridación las siguientes metodologías: WSDM,
OOHDM y SOHDM para crear una metodología que sea lo más conveniente para el
proyecto.

En la realización de esta metodología nombrada WOOS por las iniciales de los modelos
empleados para su elaboración, se determinaron las siguientes fases:

 Modelo conceptual
 Diseño navegacional
 Abstracto de interfaz
 Construcción
 Realización implementación

En el desarrollo del proyecto podrá darse un amplio panorama de las metodologías

mencionadas con sus correspondientes productos entregables ya sea tanto para el usuario
como para el equipo de trabajo.
Índice
Introducción............................................................................................................................1
Resumen..................................................................................................................................3
Metodologías Base..................................................................................................................4
OOHDM..............................................................................................................................4
Descripción..........................................................................................................................4
Justificación.........................................................................................................................4
Fases de la metodología OOHDM......................................................................................4
 Fase Conceptual.......................................................................................................4
Productos entregables:.....................................................................................................5
 Fase Navegacional....................................................................................................5
Productos entregables:.....................................................................................................6
 Fase de Interfaz Abstracta........................................................................................6
Productos entregables:.....................................................................................................6
 Fase Implementación................................................................................................7
Productos Entregables.....................................................................................................7
WSDM.................................................................................................................................8
Descripción..........................................................................................................................8
Justificación.........................................................................................................................8
Fases de la metodología WSDM.........................................................................................8
 Fase de Modelo de Usuario......................................................................................8
Productos entregables......................................................................................................9
 Fase de Diseño Conceptual......................................................................................9
Productos entregables:...................................................................................................10
 Fase de Diseño de Implementación........................................................................10
Productos entregables....................................................................................................10
 Fase de Realización de Implementación................................................................11
Productos entregables....................................................................................................11
SOHDM.............................................................................................................................12
Descripción........................................................................................................................12
 Justificación.......................................................................................................................12
Fases de la metodología SOHDM.....................................................................................13
 Fase de Modelado de Objetos................................................................................13
 Fase de Diseño de Vistas........................................................................................13
 Fase de Diseño Navegacional.................................................................................13
 Fase de Diseño de la Implementación....................................................................13
 Fase de Construcción..............................................................................................13
Conclusiones del apartado.................................................................................................13
Nuestra Metodología WOOS............................................................................................14
Introducción.......................................................................................................................14
Descripción........................................................................................................................14
Objetivo General...............................................................................................................14
Objetivo específico:...........................................................................................................14
Fases de la metodología WOOS........................................................................................15
Diseño Conceptual.........................................................................................................15
Diseño de Navegación...................................................................................................15
Abstracto de Interfaz......................................................................................................15
Fase de Construcción.....................................................................................................15
Fase de Realización de Implementación........................................................................15
Conclusiones de metodología WOOS...............................................................................16
Conclusiones del trabajo.......................................................................................................16
Bibliografía...........................................................................................................................16
Resumen

El proyecto de investigación de metodologías realizado consta de 4 apartados en los cuales

se manejar los 3 tipos de metodologías empleados para la hibridación de la que vendría
hacer la metodología WOOS resultante de la mezcla y análisis de los siguientes métodos.

Metodología OOHDM: La cual es un Método de Diseño de Desarrollo en Hipermedia

Orientado a Objetos. Con sus respectivas fases El modelado conceptual, diseño
navegacional, diseño abstracto de interfaz y la puesta en práctica o implementación.

Metodología WSDM: Es un Método de Diseño para Sitios Web; Dentro de sus fases se
encuentra: Análisis de usuario, Diseño conceptual, diseño de implementación, realización
de implementación.

Metodología SOHDM: Consta de las siguientes fases, Análisis, modelado de objetos,

diseño de vistas, diseño navegacional, implementación y fase de construcción.
Fase de Análisis, se realizar un estudio de las necesidades de la aplicación, del entorno de
trabajo y de los actores.

Por ultimo tenemos a la metodología hibrida la cual nombramos WOOS por sus iniciales de
las metodologías utilizadas para desarrollar nuestro proyecto la cual con lleva a su vez las
siguientes fases.

 Modelo conceptual
 Diseño navegacional
 Abstracto de interfaz
 Construcción
 Realización implementación

Metodologías Base

Introducción:

Una metodología web cconsiste en un proceso iterativo y cooperativo de análisis del

problema, documentando los resultados en una variedad de formatos y probando la
exactitud del conocimiento adquirido,

El avance de Internet y la comunicación ha ocasionado en los últimos años el nacimiento de

nuevas propuestas metodológicas para la web, sin embargo están se han centrado en las
etapas finales las cuales son el diseño y la implementación, Es por esto que se presenta en
este apartado las metodologías usadas como base

Nuestro trabajo es un estudio comparativo para ver qué ofrecen las propuestas para la web
en el tratamiento de requisitos.
OOHDM

Descripción

Es un Método de Diseño de Desarrollo en Hipermedia Orientado a Objetos (Object-

Oriented Hypermedia Design Method) y abarca las cuatro actividades: El modelado
conceptual, diseño navegacional, diseño abstracto de interfaz y la puesta en práctica. Estas
actividades se realizan en una mezcla de estilo incremental, iterativo y basado en prototipos
de desarrollo.

Justificación.
Se utilizara la metodología OOHDM  ya que sus fases de diseño navegacional y abstracto
de interfaz proponen un  conjunto de  tareas que  en  principio  pueden  involucrar  mayores
costos de  diseño,  pero que  a  mediano  y  largo  plazo  reducen notablemente los  tiempos
de desarrollo al  tener como objetivo principal la reusabilidad de diseño, y así  simplificar la
evolución y el mantenimiento.

Fases de la metodología OOHDM

 Fase Conceptual, durante esta actividad se construye un esquema conceptual

representado por los objetos del dominio, las relaciones y colaboraciones existentes
establecidas entre ellos. En las aplicaciones hipermedia convencionales, cuyos
componentes de hipermedia no son modificados durante la ejecución, se podría usar un
modelo de datos semántico estructural. De este modo, en los casos en que la
información base pueda cambiar dinámicamente o se intenten ejecutar cálculos
complejos, se necesitará enriquecer el comportamiento del modelo de objetos En
OOHDM, el esquema conceptual está construido por clases, relaciones y subsistemas.
Las clases son descritas como en los modelos orientados a objetos tradicionales. Sin
embargo, los atributos pueden ser de múltiples tipos para representar perspectivas
diferentes de las mismas entidades del mundo real.

Productos entregables:

 Para el equipo de trabajo

Diagrama: Es una forma de representar gráficamente un fenómeno, proceso u

organización determinado

Ejemplo.
 Fase Navegacional, se debe tener en mente que la generación de aplicaciones Web
fue pensada para realizar navegación a través del espacio de información, utilizando un
simple modelo de datos de hipermedia. En OOHDM, la navegación es considerada un
paso crítico en el diseño aplicaciones.

Un modelo navegacional es construido como una vista sobre un diseño conceptual,

admitiendo la construcción de modelos diferentes de acuerdo con los diferentes perfiles
de usuarios. Cada modelo navegacional provee una vista subjetiva del diseño
conceptual. El diseño de navegación es expresado en dos esquemas: el esquema de
clases navegacionales y el esquema de contextos navegacionales. En OOHDM existe un
conjunto de tipos predefinidos de clases navegacionales: nodos, enlaces y estructuras de
acceso. La semántica de los nodos y los enlaces son las tradicionales de las aplicaciones
hipermedia, y las estructuras de acceso, tales como índices o recorridos guiados,
representan los posibles caminos de acceso a los nodos. La principal estructura
primitiva del espacio navegacional es la noción de contexto navegacional.

Productos entregables:

 Para el equipo de trabajo

Diagrama Navegacional: Diagrama el cual de manera gráfica se ejemplifica la

estructura de navegación en la página web.

Ejemplo:
 Fase de Interfaz Abstracta, se debe tener las estructuras navegacionales son
definidas, se deben especificar los aspectos de interfaz. Esto significa definir la forma
en la cual los objetos navegacionales pueden aparecer, de cómo los objetos de interfaz
activarán la navegación y el resto de la funcionalidad de la aplicación, qué
transformaciones de la interfaz son pertinentes y cuándo es necesario realizarlas.

Una clara separación entre diseño navegacional y diseño de interfaz abstracta permite
construir diferentes interfaces para el mismo modelo navegacional, dejando un alto
grado de independencia de la tecnología de interfaz de usuario.

El aspecto de la interfaz de usuario de aplicaciones interactivas (en particular las

aplicaciones Web) es un punto crítico en el desarrollo que las modernas metodologías
tienden a descuidar.

En OOHDM se utiliza el diseño de interfaz abstracta para describir la interfaz del

usuario de la aplicación de hipermedia. El modelo de interfaz ADVs (Vista de Datos
Abstracta) especifica la organización y comportamiento de la interfaz, pero la
apariencia física real o de los atributos, y la disposición de las propiedades de las ADVs
en la pantalla real son hechas en la fase de implementación

Productos entregables:

 Para el usuario

Prototipo: es una representación limitada del diseño de un producto que permite a

las partes responsables de su creación experimentar, probarlo en situaciones reales y
explorar su uso.

Ejemplo
 Fase Implementación, se tendrá en cuenta que el diseñador debe ya implementar el
diseño. Hasta ahora, todos los modelos fueron construidos en forma independiente de la
plataforma de implementación; en esta fase es tenido en cuenta el entorno particular en
el cual se va a correr la aplicación. Al llegar a esta fase, el primer paso que debe realizar
el diseñador es definir los ítems de información que son parte del dominio del
problema. Debe identificar también, cómo son organizados los ítems de acuerdo con el
perfil del usuario y su tarea; decidir qué interfaz debería ver y cómo debería
comportarse. A fin de implementar todo en un entorno Web, el diseñador debe decidir
además qué información debe ser almacenada  

Productos Entregables:

 Para el usuario

Interfaz: Parte de un programa que permite el flujo de información entre un usuario

y la aplicación, o entre la aplicación y otros programas o periféricos.

Ejemplo

WSDM

Descripción.
Es un Método de Diseño para Sitios Web, 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.

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. 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.

Justificación.

Se decidió utilizar la metodología WSDM, debido a que se necesitaba fortalecer la parte de

la fase de análisis de nuestra metodología por tanto para un uso adecuado de esta se tomara
como referencia la fase conceptual, la cual fortalece el análisis y la fase de implementación
donde se realiza el proceso de evaluación de la página a implementar.

Fases de la metodología WSDM

 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?

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:

o Clasificaciónde usuarios: Se deben identificar y clasificar a los usuarios que van a

hacer uso del sistema.
o 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.

Productos entregables:

 Para el equipo de trabajo:

Diccionario de datos: Contiene las características lógicas de los datos que se van a
utilizar en el sistema que estamos programando, incluyendo nombre, descripción,
alias, contenido y organización.

Ejemplo.

 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.

Productos entregables:

 Para el equipo de trabajo

 Diagrama Navegacional: Diagrama el cual de manera gráfica se ejemplifica la
estructura de navegación en la página web.

Ejemplo

 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.

Productos entregables

 Para el usuario

Interfaz: es el medio con el que un usuario puede comunicarse con una máquina, un
equipo o una computadora, y comprende todos los puntos de contacto entre el
usuario y el equipo, normalmente suelen ser fáciles de entender y fáciles de
accionar.

Ejemplo:
 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.

Productos entregables:

 Para el usuario

Red social servicio dirigido a comunidades de usuarios en los que se les permite
intercambiar fotos, archivos, aplicaciones, mensajes de texto y otro tipo de
contenidos online.

Ejemplo:

SOHDM

Descripción

Es un Método que Desarrolla Diseño en panoramas Orientada a Objetos en Hipermedia

(Scenario - based Object-oriented Hypermedia Design Methodology). Presenta la necesidad
de disponer de un proceso que permita capturar las necesidades del sistema. Para ello,
propone el uso de escenarios.
 Es una de las primeras propuestas para la web y brinda más importancia a la tarea de
tratamiento de requisitos. Se caracteriza principalmente porque su ciclo de vida comienza
con la aplicación de los escenarios como técnica de elicitación y definición de requisitos.

Cada escenario describe el proceso de interacción entre el usuario y el sistema cuando se

produce un evento determinado, especificando el flujo de actividades, los objetos
involucrados y las transacciones realizadas. SOHDM propone un proceso para conseguir a
partir de estos escenarios el modelo conceptual del sistema, que es representado mediante
un diagrama de clases. El proceso de SOHDM continúa reagrupando estas clases para
conseguir un modelo de clases navegacionales del sistema.

Consiste en seis fases: análisis del dominio, modelado del objeto, diseño de la visión,
diseño de la navegación, diseño de la puesta en práctica y construcción.

Justificación

Se utilizó la fase de construcción de la metodología SOHDM, ya que en las demás

metodologías no se incluía una fase donde se pudiera realizar la construcción de la base de
datos del sistema, a su vez esta metodología al no tomar en cuenta con la fase de
implantación y pruebas, viene a ser un proceso cíclico de tal forma que al terminar una fase
se puede regresar a algunas de las anteriores para refinarla y a su vez adaptarla mejor.

Fases de la metodología SOHDM

 Fase de Análisis, se realiza un estudio de las necesidades de la aplicación, del

entorno de trabajo y de los actores. La finalidad principal de esta fase es conseguir
los escenarios que representen las actividades que se pueden llevar a cabo en el
sistema.
 Fase de Modelado de Objetos, se desarrolla un diagrama de clases que
representa la estructura conceptual del sistema.
 Fase de Diseño de Vistas, se reorganizan los objetos en unidades navegacionales
que representan una vista de los objetos del sistema.
 Fase de Diseño Navegacional, se enriquecen dichas vistas definiendo los enlaces
e hiperenlaces que existen en el sistema.
 Fase de Diseño de la Implementación, se diseñan las páginas, la interfaz y la
base de datos del sistema.
 Fase de Construcción, se realiza la construcción de la base de datos del sistema,
en la que se implementa la aplicación.

Conclusiones del apartado

Nuestra Metodología WOOS

Introducción.

El desarrollo de aplicaciones web involucra resolver problemas involucrados tanto en el

diseño del modelo, construcción de la interfaz así como un sin fin de requerimientos que
deberán ser resueltos y tratados de acorde al problema planteado. Es por ello que se
presenta esta metodología hibridada la cual pretende satisfacer el proyecto de la red social
psicológica.

Descripción.

La metodología WOOS, fue el resultado de la hibridación de metodologías entre las cuales

se encuentran, WSDM, OOHDM, SOHDM.
Esta metodología consta de 5 fases:

 Modelo Conceptual.
 Diseño Navegacional.
 Abstracto de Interfaz.
 Fase de Construcción.
 Realización de Implementación.

El modelo conceptual así como la realización de la implementación fue tomado de la

metodología WSDM.
El diseño Navegacional así como el abstracto de la interfaz vienen hacer parte de la
metodología OOHDM, fortaleciendo en gran medida el modelo conceptual WSDM.
Por su parte la fase de construcción de la metodología SOHDM se utilizara en la
elaboración de la base de datos utilizada al realizar el proyecto de la red social.

Objetivo General.

Elaborar una metodología hibrida con base a las características que mejor se adapten a
nuestro proyecto.

Objetivo específico:

 Realizar un análisis de requerimientos de la red social.

 Elaborar el diseño navegacional de la página.
 Determinar la estructura de la interfaz gráfica.
 Estructurar la base de datos del sistema
 Evaluar la red social en su fase de prueba

Fases de la metodología WOOS

Diseño Conceptual: Se recurre a 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.
Diseño de Navegación: Durante esta fase se tiene que tener en mente que las
aplicaciones web fueron pensadas para realizar navegación a través del espacio de
información, utilizando un simple modelo de datos de hipermedia.

Un modelo navegacional es construido como una vista sobre un diseño conceptual,

admitiendo la construcción de modelos diferentes de acuerdo con los diferentes perfiles de
usuarios. Cada modelo navegacional provee una vista subjetiva del diseño conceptual. El
diseño de navegación es expresado en dos esquemas: el esquema de clases navegacionales
y el esquema de contextos navegacionales.

Abstracto de Interfaz: En esta fase se tendrá en cuenta las estructuras navegacionales, se

deben especificar los aspectos de interfaz. También se debe definir la forma en la cual los
objetos navegacionales pueden aparecer, de cómo los objetos de interfaz activarán la
navegación y el resto de la funcionalidad de la aplicación, qué transformaciones de la
interfaz son adecuados y cuándo es necesario realizarlas. Una clara separación entre diseño
navegacional y diseño de interfaz abstracta permite construir diferentes interfaces para el
mismo modelo navegacional, dejando un alto grado de independencia de la tecnología de
interfaz de usuario.

El aspecto de la interfaz de usuario de aplicaciones interactivas es un punto crítico en el

desarrollo que las modernas metodologías tienden a descuidar.

Fase de Construcción: Durante esta fase se realiza la construcción de la base de datos

del sistema, en la que se implementa la aplicación.

Fase de Realización de Implementación, se catalogan todos estos aspectos en el

lenguaje concreto que se haya seleccionado. Se prepara el lanzamiento de la web teniendo
en cuenta los siguientes

 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.

Conclusiones de metodología WOOS

En esta metodología se presenta un enfoque para la implementar la página Web usando una
hibridación de tres metodologías para poder crear del resultado de estas una metodología
que se ajuste a las necesidades. Dicha metodología propone dedicar un tiempo importante
en las fases previas a la implementación, para así facilitar el trabajo en la fase de
implementación por tener ya un trabajo sostenido desde sus precedentes fases.

Conclusiones del trabajo

Bibliografía