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
