Aplicaciones Web con UML

Ingienera del software

Ricardo Marmolejo Garca

WAE (Extensin de Aplicaciones Web para UML)

Es el nico exclusivamente basado en UML. Desarrollado por Jim Conallen (Rational Software Corporation) WAE como UML es recomendado usarlo en lenguajes orientados a objetos. Es ms barato hacer un estandar ampliando que crendolo de cero.

Las aplicaciones Web presentan problemas que UML no contempla solucin.

Dificultad para diferenciar cdigo cliente (scripts) de cdigo servidor.

WAE

Jim Conallen desarrolla WAE basandose en estereotipos, listados de etiquetas(tags) y restricciones(constraints) que proporciona UML UML puede ser extendido para permitir nueva semntica:

Estereotipos: define una nueva semntica al modelo.

Lista de etiquetas: podemos entregar una lista de campo-valor.

Restricciones : definen las reglas para trabajar con determinados estereotipos.

Estereotipos en clases

Define los siguientes estereotipos para las entidades.

Tipos de estereotipo en clases principales:

<<Server Page>> Son las pginas que contienen scripts o cdigo ejecutable por el servidor. (.php , .asp , .jsp) <<Client Page>> Son las pginas que estan en el lado del cliente, normalmente pginas HTML y scripts (jsvascript). <<Form>> Es la representacin de un formulario. Es cdigo HTML que contiene etiquetas de formulario como : <input>, <textarea>, <select> ...

Estereotipos en relaciones

Define los siguientes estereotipos para las relaciones.

Tipos de estereotipo en las relaciones:

<<build>> Una relacin entre una pgina servidor y una pgina cliente. La pgina servidor construye a la pgina cliente. <<link>> Es una relacin entre una pgina y otra pgina del sistema. <<submit>> Es una relacin entre un formulario y un servidor de pgina

Estereotipos en relaciones

target link es un link donde la pgina asociada se da en otro target. Esta asociacin traza directamente a la HTML, con el target especificado por el atributo del target de la etiqueta.
builds la relacin es una relacin especial que conecta el vaci entre el cliente y pginas del servidor. redirect la relacin es una asociacin unidireccional con otra pgina Web.

Estereotipos en relaciones

target link es un link donde la pgina asociada se da en otro target. Esta asociacin traza directamente a la HTML, con el target especificado por el atributo del target de la etiqueta.
builds la relacin es una relacin especial que conecta el vaci entre el cliente y pginas del servidor. redirect la relacin es una asociacin unidireccional con otra pgina Web.

Aadidos al <<Client Page>>

Aadidos

Script
Formulario Flash

Applet

Iconos de los estereotipos

<<server page>> <<client page>>

<<build>>

<<link>>

shopcart

mycart

dailyspecial

<<server page>>

<<form>>

updatecart

<<submit>>

cartform

Modelado
Modelar es muy importante, nos ayuda a manejar la complejidad. Al modelar es importante que se capture el nivel apropiado de abstraccin y el modelo de los artefactos. Un sistema puede representarse en diferentes formas, con modelos consistentes ya que cada modelo tiene un propsito especfico y pblico.

Modelado
1. Pginas

El componente fundamental
de una aplicacin Web. Browsers piden pginas de los servidores.

Bibliografa

[ Conallen, 1998 ] Conallen, Jim. Modeling Web Application Design with UML Presentation Conallen, Inc. http://www.rational.com/media/whitepapers/webapps.pdf Junio, 1998. Ricardo Galli : http://bulma.net/body.phtml?nIdNoticia=734 http://gallir.wordpress.com/2008/04/16/disenos-ingenieria-agiles-yframeworks/ HDM : http://www.hipertexto.info/documentos/hdm.htm OMT: http://www.monografias.com/trabajos6/meto/meto.shtml

Booch, G., Jacobson, I., Rumbaugh, J. The Unified Modeling Language Users Guide. Addison Wesley, Reading, MA, 1998
WebML: http://www10.org/paper-sample/html-sample.html