Metodologas Multimedia

Carlos Andrs Mera Banguero carlosm@univalle.edu.co Clase No. 4

Carlos Andrs Mera Banguero Metodologas Multimedia 1

Contenido
Bitcora:
Metodologas de Diseo
OOHDM Modelo de Diseo Hipermedia Orientado a Objetos

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo

Metodologa de Gestin de Relaciones Metodologa de Gestin de Relaciones RMM RMM

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:
En el Contexto de Ciclo de Vida del Software:

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:
Fase 1: Diseo E-R: Esta etapa representa un estudio de las entidades relevantes y relaciones del dominio. Este modelo ayuda a identificar las relaciones importantes sobre las cuales puede la navegacin. basarse

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:
Fase 2: Diseo de Porciones: Determina que informacin de las entidades elegidas se presenta al usuario, y como podr acceder esta a la misma.

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:
Fase 3: Diseo Navegacional: Cada relacin del diagrama E-R+ se analiza y si se desea hacer la accesible para la navegacin se reemplaza por una o ms estructuras RMDM.

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo
RMM:
Fase 4: Interfaz de Usuario y Construccin:

Diseo del protocolo de Conversin: Se usan reglas de traduccin para traducir cada elemento del diagrama RMDM en un objeto de la plataforma destino.

Diseo de la Interfaz de Usuario: Se disean las pantallas de presentacin de cada para cada objeto del diagrama RMDM (presentacin visual y ubicacin espacial).

Diseo del Comportamiento en Ejecucin: Se determina cuales son las ayudas de navegacin que se van a implementar en la aplicacin

Carlos Andrs Mera Banguero Metodologas Multimedia

Metodologas de Diseo

ARIADNE ARIADNE Metodologa Basada en el Modelo Labyrinth Metodologa Basada en el Modelo Labyrinth

Carlos Andrs Mera Banguero Metodologas Multimedia

10

Metodologas de Diseo
ARIADNE:
Esta metodologa provee un proceso de desarrollo interactivo y centrado en el usuario basado en 3 fases:

Carlos Andrs Mera Banguero Metodologas Multimedia

11

Metodologas de Diseo
ARIADNE:

Carlos Andrs Mera Banguero Metodologas Multimedia

12

Metodologas de Diseo
ARIADNE:
Diseo Conceptual: En esta fase se especifica la estructura y funcionalidades del sistema desde un punto de vista lgico.

Diagrama Estructural: Modela la estructura del hiperdocumento utilizando entidades abstractas, as como las relaciones entre ellos (agregacin y generalizacin).

Diagrama de Navegacin: define la estructura de navegacin del sistema presentando los diversos caminos existentes, a travs de enlaces. Igualmente, este diagrama incluye las herramientas que facilitan el acceso directo a determinados nodos.

Carlos Andrs Mera Banguero Metodologas Multimedia

13

Metodologas de Diseo
Diagrama Estructural

Carlos Andrs Mera Banguero Metodologas Multimedia

14

Metodologas de Diseo
Diagrama de Navegacin

Carlos Andrs Mera Banguero Metodologas Multimedia

15

Metodologas de Diseo
ARIADNE:
Diseo Conceptual:

Especificacin de Funciones: Proporciona una especificacin modular de los servicios no navegacionales. Hay cinco grupos de operaciones tpicas sobre hipertextos:

personalizacin, edicin, comunicacin entre usuarios, presentacin y otras.

Catlogo de Eventos: Proporciona una especificacin modular de los servicios no navegacionales. Se clasifican en cuatro grupos que agrupan las operaciones tpicas sobre hipertextos: personalizacin, edicin, comunicacin entre usuarios y otras.

Catlogo de Atributos: Es un repositorio que contiene la definicin de los atributos de los diagramas internos y su valor por defecto.
Carlos Andrs Mera Banguero Metodologas Multimedia 16

Metodologas de Diseo
Catlogo de Atributos y Mtodos

Carlos Andrs Mera Banguero Metodologas Multimedia

17

Metodologas de Diseo
ARIADNE:
Diseo Conceptual:
Diagrama Interno de Nodos: Se especifica la localizacin de los tipos de los contenidos, y las asignaciones de anclas, atributos y eventos a cada nodo. En este diagrama se especifican los contenidos de cada nodo (p.e: nombre descripcin, precio y evisiones de un producto), los atributos o propiedades que incrementan la semntica de los nodos (p.e: palbasr clave o metadatos), los eventos que modelan su comportamiento (p.e: el proceso que genera un ndice dinmico) y las anclas de los enlaces.

Este diagrama est formado por dos subdiagramas:

- Diagrama Espacial: que representa la posicin espacial de los nodos - Lnea Tiempo: que representa como evoluciona el nodo a lo largo del tiempo

Carlos Andrs Mera Banguero Metodologas Multimedia

18

Metodologas de Diseo
Diagrama Espacial

Carlos Andrs Mera Banguero Metodologas Multimedia

19

Metodologas de Diseo
La Lnea de Tiempo

Carlos Andrs Mera Banguero Metodologas Multimedia

20

Metodologas de Diseo
ARIADNE:
Diseo Conceptual:
Diagrama Interno de Contenidos: Especifica como se organizan los contenidos, adems de su asignacin de atributos, eventos y anclas.

Diagrama de Usuarios: identifica los tipos de usuarios que van a utilizar el sistema en forma de jerarqua.

Tabla de Accesos: permite definir las polticas de seguridad del sistema

Carlos Andrs Mera Banguero Metodologas Multimedia

21

Metodologas de Diseo
ARIADNE:
Diseo en Detalle: En esta fase se produce el paso de las entidades y funciones especificadas en la fase del Diseo Conceptual, que se formalizaron a un alto nivel de abstraccin, a elementos ms concretos del sistema que se est modelando.

Identificacin de Instancias: Identificacin de nodos y/o estructuras para su instanciacin y copia.

Especificacin de Funciones: se detalla por completo el diagrama de navegacin y la especificacin funcional. En este paso se crea una Especificacin de Estructuras de Acceso para cada herramienta de navegacin.

Carlos Andrs Mera Banguero Metodologas Multimedia

22

Metodologas de Diseo

Modelo de Diseo Hipermedia Orientado a Objetos Modelo de Diseo Hipermedia Orientado a Objetos OOHDM OOHDM

Carlos Andrs Mera Banguero Metodologas Multimedia

23

Metodologas de Diseo

Modelo de Diseo Hipermedia Basado en UML Modelo de Diseo Hipermedia Basado en UML

Carlos Andrs Mera Banguero Metodologas Multimedia

24

Metodologas de Diseo
UML-MDH:
Modelo Navegacional Estructura Navegacional:
Contexto de Navegacin: Est compuesta por una secuencia de nodos y los enlaces que conectan a cada objeto con los previos y siguientes nodos del contexto (recorridos).
Contexto Simple: secuencia de nodos navegacionales Grupos de Contextos: Secuencia de secuencias de nodos navegacionales Filtrado de Contextos: Permite la seleccin dinmica de un conjunto de elementos de un contexto que satisfacen alguna propiedad (consultas)

Acceso a los Contextos: es necesario especificar como se accede a los contextos:

ndices: proveen un acceso directo a cada elementos dentro del contexto de navegacin. Tour Guiado: Provee acceso al primero de los elementos del contexto navegacional. Mens: Son un ndice sobre un contexto navegacional de un conjunto de nodos navegacionales Carlos Andrs Mera Banguero Metodologas Multimedia 25

Metodologas de Diseo
UML-MDH:
Los contextos pueden ser agrupado con respecto a las clases navegacionales utilizando paquetes UML.

Carlos Andrs Mera Banguero Metodologas Multimedia

26

Metodologas de Diseo
UML-MDH:
Diagrama de Estructura Navegacional:

Carlos Andrs Mera Banguero Metodologas Multimedia

27

Metodologas de Diseo
UML-MDH:
Modelo de Presentacin: se utiliza para definir cmo la estructura navegacional es presentada al usuario de acuerdo con lineamientos, estndares, aspectos estticos, medios de despliegue, perfil del usuario e inclusive aspectos ergonomtricos.

Modelo Esttico de Presentacin: determina la manera como los nodos navegacionales son presentados al usuario, para ello usa un diagrama de composicin UML.

Modelo Dinmico de Presentacin:

usa disgramas de estado UML para definir la

reaccin del sistema ante los diferentes objetos de la interfaz de usuario.

Carlos Andrs Mera Banguero Metodologas Multimedia

28

Metodologas de Diseo
UML-MDH:
Modelo Esttico de Presentacin: hay representaciones para cada uno de los tipos de contenidos que se presentan en una aplicacin hipermedia, los ms utilizados son:

Carlos Andrs Mera Banguero Metodologas Multimedia

29

Metodologas de Diseo
UML-MDH:
Modelo Esttico de Presentacin:

Carlos Andrs Mera Banguero Metodologas Multimedia

30

Metodologas de Diseo
UML-MDH:
Modelo Dinmico de Presentacin: Para controlar que objetos de la inetrfaz son perceptibles y cuales activables se les asocian 2 variables: percepcin y activacin.

Carlos Andrs Mera Banguero Metodologas Multimedia

31

Preguntas

Carlos Andrs Mera Banguero Metodologas Multimedia

32