Lenguaje de Modelado Web) MODELADO SOFTWARE: VISIN GLOBAL 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
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 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 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 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 WEBML: MODELADO DE DATOS Imagen extraida de www.webml.org 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 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 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.TIPO INFOLINK. WEBML: MODELADO DE HIPERTEXTO Imagen extraida de www.webml.org 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