Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Modelado de Aplicaciones Web Con UML
Modelado de Aplicaciones Web Con UML
1
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
primero
la
estructura de un sitio Web :
Figura 1: A la izquierda tenemos la arquitectura de un sitio Web
tradicional, y a la derecha uno dinmico.
Aplicaciones Web
A veces la distincin entre una Aplicacin Web y un sitio Web es
muy sutil por ejemplo, un buscador forma parte de un sitio Web,
mientras que si se acepta informacin para registrar a un usuario, se
trata de una Aplicacin Web -. De todas maneras, lo que s es
evidente es que la arquitectura global de una Aplicacin Web es
idntica a la de un sitio Web, aunque su desarrollo sea ms
elaborado.
Pginas
Las pginas son el componente fundamental de las aplicaciones
Web, y se muestran a travs de los navegadores que hacen de
contenedores del interfaz de usuario. Estas pginas son el resultado
de la combinacin de pginas HTML junto con scripts de pginas
dinmicas. El nuevo formato obtenido como mezcla de los dos
anteriores ser lo que mostrar el navegador.
Los scripts pueden contener tanto variables como procedimientos
y funciones, cuyo objetivo final es actuar sobre el servidor de manera
que:
- Se actualice el estado de la lgica del servidor.
- Se creen las nuevas pginas que debe mostrar el navegador.
2
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
3
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
Otros Componentes
Con los componentes ya mencionados, se puede desarrollar una
buena Aplicacin Web, aunque otros componentes ms recientes
pueden afectar su arquitectura, como son el caso de XML y los
scriptlets.
Estos ltimos tienen el inconveniente de que slo
funcionan en navegadores Microsoft.
Modelado
Una de las metodologas o notacin empleadas en la
modelizacin de sistemas Web es la Metodologa Relacional ( RMM,
Relationship Management Methodology ), es una metodologa para el
diseo, construccin y mantenimiento de sistemas web para intranets
e internet. Su principal objetivo es la reduccin de costes de
mantenimiento de sitios Web dinmicos dirigidos por la base de
datos.
Pero esta metodologa falla a la hora de construir aplicaciones
Web, en las que la lgica de negocio es la parte central, ya que no las
cubre adecuadamente.
Las aplicaciones Web pueden ser usadas como mecanismo servidor
para aplicaciones distribuidas, y adems pueden crear mltiples
instancias del mismo browser y frames en la parte cliente que deben
establecer y mantener su propio mecanismo de comunicacin. Todo
esto debe ser modelizado tambin y RMM no es capaz de hacerlo.
La eleccin de una notacin debe estar en funcin de la
necesidad de modelizar la parte de las capas de la parte del servidor.
Con la admisin de UML como notacin para la modelizacin cada vez
ms sistemas estn siendo modelizados con l ya que es capaz de
4
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
Pgina de cliente
6
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
Formas
El significado de una forma se puede resumir diciendo que una
pgina cliente contiene formas. Es decir, las formas existen porque
hay una serie de atributos que no tienen significado a lo largo de toda
la pgina cliente, y porque adems desde dicha pgina queremos
llegar a destinos diferentes. De aqu se puede deducir que una forma
no tenga mtodos y que los mtodos de una pgina cliente tengan
acceso a los atributos de todas las formas en ella contenidas.
Por tanto, hemos de considerar el estereotipo <<forma>> que
a su vez va a generarnos otro nuevo: <<enva>>. Dicho estereotipo
se justifica con la necesaria relacin entre una forma y la pgina que
la procesa. Es ms, la relacin es bidireccional puesto que la pgina
que va a llevar a cabo el proceso tiene acceso a los atributos de la
forma, que son enviados en tiempo de ejecucin.
Framesets
Los framesets o conjuntos de marcos aparecen con la
posibilidad de mostrar varias pginas Web al mismo tiempo. Puesto
que un frameset puede contener cualquier pgina cliente, debemos
considerarlo como una especializacin de las mismas y, con ello,
generar un nuevo estereotipo <<marcos>>.
Coordinar la actividad entre las pginas requiere la habilidad de
poder referenciar las pginas dentro de los marcos, y a dicha
referencia la llamaremos objetivo. Un objetivo es muy distinto de un
marco y una pgina slo puede referenciar objetivos de navegadores
abiertos, as que nos vamos a crear un nuevo estereotipo para
mostrar tal descripcin: <<objetivo>>.
La mayor ventaja de haber creado dicho estereotipo es que puede ser
compartido y referenciado por muchas pginas cliente. No posee
atributos ni mtodos. Pero surge una especializacin del mismo :
cuando queremos cargar un enlace en un navegador distinto de s
mismo. En este caso, estamos frente a un nuevo estereotipo que
llamaremos <<enlace con objetivo>>.
7
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
Otros estereotipos
Las extensiones Web para UML estn a punto de finalizarse en
su fase inicial. Sin embargo, hay otros estereotipos que estn bajo
consideracin como son <<xml>> o <<scriplet>>...
Consideraciones del proceso
Una aplicacin Web no es ms que una especializacin de un
proceso cliente/servidor, con lo que se puede aprovechar el modelado
de dichas aplicaciones. En particular, los casos de uso son una
herramienta fundamental en la captura de requisitos.
En el modelado, es importante tener en cuenta el que debemos
empezar por las pginas cliente. En general, un caso de uso nos dar
lugar a una pgina cliente distinta. Las pginas de servidor sern el
ltimo eslabn del proceso de produccin, puesto que se generarn
prcticamente ellas mismas al identificar los componentes del
servidor y relacionarlos con las pginas cliente.
Finalmente, es necesario considerar que se trata de un proceso
abierto debido a los posibles cambios en el diseo y las extensiones
propuestas, pero es una imagen clara y precisa de la aplicacin Web.
Conclusin
8
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia
9
Laboratorio de Sistemas de Informacin
Facultad de Informtica
Universidad Politcnica de Valencia