Modelado Web

Pedro J. Muoz Merino http://www.it.uc3m.es/pedmume/

Modelado Software: Visin Global

Ventajas de Ingeniera Software e Ingeniera Web se presentaron en la clase de introduccin En Ingeniera Software, UML es un lenguaje estndar de modelado para aplicaciones software Diagramas UML para el modelado de aplicaciones

Casos de uso De clase De interaccin De estado De actividad De paquetes Fsicos

Diseo de Aplicaciones Telemticas 2

Pedro J. Muoz Merino

Modelado Web: Introduccin

Las aplicaciones Web es un tipo particular de software, por ello se puede modelar con diagramas UML Muchas aplicaciones telemticas son un caso particular de aplicaciones Web Las aplicaciones Web tienen particularidades, lo que hace que se puedan plantear modelos especficos o la forma de realizar el proceso de modelado para ser ms precisos y tener ms ventajas Muchos tipos de modelados se han propuesto. Dependiendo de la sintaxis del lenguaje se clasifican en:
Nuevos lenguajes con diferentes elementos respecto a UML: WebML, WA-UML Extensiones de UML: UWE Pedro J. Muoz Merino Diseo de Aplicaciones Telemticas UML sin extensiones: OOHDM, WSDM, OO-H

Modelado Web: Diferentes tipos

Para una misma aplicacin Web se pueden utilizar varios modelados. Dependiendo del tipo de aplicacin, ser ms adecuado uno u otro

WSDM est orientado para aplicaciones que requiren diferentes audiencias WebML est orientado para aplicaciones que tienen una alta interaccin con datos WA-UML est orientado para aplicaciones adaptativas OO-H est orientado para aplicaciones con nfasis en el interfaz OOHDM y UWE estn orientados para aplicaciones ms genricas
Diseo de Aplicaciones Telemticas 4

Pedro J. Muoz Merino

WebML: Introduccin

WebML: Web Modeling Language

Modelado orientado a aplicaciones con un uso intensivo de datos, donde hay gran cantidad de datos, con estructura compleja y las aplicaciones tienen que acceder a ellos

Modelado de aplicacin Web en 4 fases:

Modelo de datos Modelo de hipertexto Modelo de gestin de contenido Modelo de presentacin

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 5

WebML: Modelado de datos

El modelo de datos representa las diferentes tablas de datos y sus relaciones que son necesarias para una aplicacin Web concreta. Se pueden utilizar:

Diagramas de Entidad-Relacin (E-R) que muestran todas las tablas, los diferentes campos de cada tabla, y las relaciones entre ellas Diagramas UML de clases que pueden representar la misma informacin que un diagrama de Entidad-Relacin (por lo que puede usarse de manera equivalente), e incluso informacin adicional sobre el modelo de datos

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 6

WebML: Modelado de Datos

Imagen extraida de www.webml.org

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 7

WebML: Modelo de Hipertexto

Un modelo por cada hipertexto Cada hipertexto describe una vista del sitio

Modelo de composicin. Representa las pginas de un hipertexto y cada pgina que elementos de contenido tiene Modelo de navegacin. Representa los enlaces entre las diferentes pginas y sus elementos de contenido

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 8

Hipertexto: Modelo de composicin

Elementos de contenido de cada pgina

Unidades de datos. Dan la informacin de un solo objeto de datos. Ejemplo: de una actividad Multi-datos. Dan informacin de varios objetos de datos Indice. Da la lista de varios objetos, pero sin mostrar la informacin de dichos objetos Filtro. Da una pgina de bsqueda donde se pueden poner diferentes parmetros para buscar segn unos criterios Scroller. Da un conjunto de elementos que se puede avanzar entre ellos con scroll

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 9

Hipertexto: Modelo de navegacin

Tipos de enlaces

No contextuales. Conectan semnticamente pginas independientes. Elemento HYPERLINK Contextuales. La pgina del destino depende de la del origen de dicho enlace, en el sentido del esquema de datos definido. Elemento INFOLINK

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 10

WebML: Modelado de Hipertexto

Imagen extraida de www.webml.org

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 11

Otros Aspectos

Modelado de presentacin. Layout con hojas de estilo Transformacin de los diferentes modelos a XML Herramientas de autora: WebRatio Modelado de otros aspectos como el propio cdigo del programa, utilizar tcnicas de Ingeniera del Software como UML

Ejemplo: Diagramas de flujo para la lgica

Aplicacin al propio proyecto en grupo

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 12

Prerrequisitos

Ingeniera Software y UML. Asignatura Software de Comunicaciones, http://www.it.uc3m.es/pbasanta/SOFTCOM/

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 13

Trabajo propio del alumno asociado a la sesin

Web Modeling Language (WebML): a modeling language for designing Web sites: http://www9.org/w9cdrom/177/177.html

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 14

Referencias Extra

Libro sobre WebML: http://www.amazon.com/DesigningData-Intensive-Applications-KaufmannManagement/dp/1558608435

Pedro J. Muoz Merino

Diseo de Aplicaciones Telemticas 15