UNIVERSIDAD NACIONAL DE SAN

ANTONIO ABAD DEL CUSCO

Facultad de Ciencias Qumicas,

Fsicas y Matemticas
Carrera Profesional de Ingeniera
Informtica y de Sistemas
Tema:

Metodologa para desarrollo web:

UWE (UML-Based Web Ingineering)

Asignatura
Software.
Docente

Ingeniera de

Ormeo Ayala Yeshica

Isela.

A.

Alumno
103645

Muiz Huamn Omar

Huidobro Casas Harold

101457

2014
Cusco-Per

UWE (UML-Based Web Engineering)

Es una propuesta basada en UML y en el proceso unificado para
modelar aplicaciones web. Esta propuesta est formada por una
notacin para especificar el dominio (basada en UML) y un modelo
para llevar a cabo el desarrollo del proceso de modelado. Los
sistemas adaptativos y la sistematizacin son dos aspectos sobre
los que se enfoca UWE.
Adems de estar considerado como una extensin del estndar
UML, tambin se basa en otros estndares como por ejemplo: XMI
como modelo de intercambio de formato, MOF para el
metamodelado, los principios de modelado de MDA, el modelo de
transformacin del lenguaje QVT y XML.
El modelo que propone UWE est compuesto por 6 etapas o
sub-modelos:
1. Modelo de Casos de Uso:
Modelo para capturar los requisitos del sistema.
2. Modelo de Contenido:
Es un modelo conceptual para el desarrollo del contenido.
3. Modelo de Usuario:
Es modelo de navegacin, en el cual incluyen modelos estticos y
modelos dinmicos.
4. Modelo de estructura:
En el cual se encuentra la presentacin del sistema y el modelo
de flujo.
5. Modelo Abstracto:
Incluye el modelo a de interfaz de usuario y el modelo de ciclo de
vida del objeto.
6. Modelo de Adaptacin.
En cuanto a los requisitos, UWE los clasifica dependiendo del
carcter de cada uno. Adems distingue entre las fases de
captura, definicin y validacin de requisitos.

UWE y su relacin con UML

UWE define una extensin del Lenguaje Unificado de Modelado
(UML). sta, es considerada como una extensin ligera de peso e
incluye en su definicin tipos, etiquetas de valores y restricciones
para las caractersticas especificas del diseo Web, las cuales,
unidas a las definiciones de UML forman el conjuntos de objetos de
modelado que se usarn para el desarrollo del modelo utilizado en
UWE.
Las funcionalidades que cubren UWE abarcan reas relacionadas
con la Web como la navegacin, presentacin, los procesos de
negocio y los aspectos de adaptacin.
Una de las ventajas de que UWE extienda el estndar UML es la
flexibilidad de ste para la definicin de un lenguaje de modelado
especifico para el dominio web y sobretodo la aceptacin universal
de dicho estndar en el campo de la ingeniera del software.
Otra gran ventaja es que actualmente existen mltiples de
herramientas CASE basadas en UML, con lo cual es relativamente
sencillo su utilizacin y ampliacin para utilizar los objetos de
modelado definidos en UWE. Estas herramientas se vern en el
siguiente punto.
Aspectos Principales
Los principales aspectos en los se fundamenta UWE son los
siguientes:
1. Uso de notacin estndar, para todos los modelos (UML).
2. Definicin de mtodos, definicin de los pasos para construccin
de los diferentes modelos.
3. Especificacin de las restricciones, Se recomienda el uso de
restricciones escritas (OCL: Lenguaje de Restricciones de
Objetos) para aumentar la exactitud de los modelos
Herramientas SW
Se utilizan las mismas herramientas software de modelado basadas
en UML y se les aade una extensin a la aplicacin para que
permita estas nuevas funcionalidades.
Se ha desarrollado un plugin para una de las herramientas UML
ms conocidas, MagicDraw, que es una herramienta que soporta la
versin 2.1.2 de este estndar para lenguajes de programacin

como por ejemplo Java, C++ o C#. Este plugin llamado MagicUWE,
es de libre distribucin pudiendo adquirir gratuitamente y est
desarrollado para la versin 16 de MagicDraw. En la pgina oficial
de UWE se encuentra disponible as como un manual de instalacin
y uso de esta extensin.
Tambin se ha desarrollado UWEet, que es un plugin para la
herramienta UML de cdigo abierto UMLet. Esta herramienta se
caracteriza por una interfaz simple para el usuario y por su
compatibilidad con Eclipse a la hora de compartir diagramas UML.
Tambin puede exportar estos a distintos formado como el
archiconocido PDF. Dicho esto, este plugin proporciona a UWEet de
una paleta en su interfaz con todos los elementos que son definidos
por UWE, permitiendo as la extensin del lenguaje UML. UWEet
tambin se encuentra disponible de manera gratuita en la pgina
web oficial de UWE.
Para uno de los entornos de desarrollo ms utilizados en todo el
mundo, Eclipse, tambin se ha creado una extensin. Este plugin se
denomina UWE4JSF y permite la generacin automtica de
aplicaciones web para JavaServer Faces (JSF) platform.
Por ltimo destacar que existe una herramienta software basada
especficamente en la metodologa UWE, esta herramienta fue
desarrollada como una extensin de ArgoUML, herramienta de
modelado basada en UML. Se trata de la aplicacin ArgoUWE que
permite la semiautomtica generacin de los modelos
caractersticos de UWE como son el de navegacin, el de
presentacin, el de procesos y el de adaptacin. Est herramienta
tambin se encuentra disponible en la pgina web oficial de UWE.
Actividades de modelado de UWE.
Las actividades base de modelado de UWE son el anlisis de
requerimientos, el modelo conceptual, el modelo navegacional y el
modelo de presentacin. A estos modelos se pueden sumar otros
modelos como lo son el modelo de interaccin y la visualizacin de
Escenarios Web.
El modelo que propone UWE est compuesto por etapas o submodelos:

Modelo de Casos de Uso

Modelo de Contenido
Modelo de Usuario
Modelo de estructura

Modelo Abstracto
Modelo de Adaptacin
Modelo de flujo de presentacin.
Modelo de ciclo de vida del objeto.

Modelo Lgico-Conceptual.
UWE apunta a construir un modelo conceptual de una aplicacin
Web, procura no hacer caso en la medida de lo posible de
cuestiones relacionadas con la navegacin, y de los aspectos de
interaccin de la aplicacin Web. La construccin de este modelo
lgico-conceptual se debe llevar a cabo de acuerdo con los casos
de uso que se definen en la especificacin de requerimientos. El
modelo conceptual incluye los objetos implicados en las actividades
tpicas que los usuarios realizarn en la aplicacin Web.
Modelo de Navegacin
Consta de la construccin de dos modelos de navegacin, el
modelo del espacio de navegacin y el modelo de la estructura de
navegacin. El primero especifica que objetos sern visitados por el
navegador a travs de la aplicacin. El segundo define como se
relacionaran.
Modelo de presentacin
Describe dnde y cmo los objetos de navegacin y accesos
primitivos sern presentados al usuario, es decir, una
representacin esquemtica de los objetos visibles al usuario.
Interaccin Temporal
Presenta los objetos que participan en la interaccin y la secuencia
de los mensajes enviados entre ellos.
Escenarios Web
Permiten detallar la parte dinmica del modelo de navegacin,
especificando los eventos que disparan las situaciones, definen
condiciones y explcitamente incluyen las acciones que son
realizadas. Junto con el modelo de interaccin temporal, los
escenarios Web proveen la representacin funcional dinmica del
modelo de navegacin.
Diagramas

Los diagramas usados por UWE, son diagramas UML puro. Entre
los ms importantes tenemos: Diagramas de estado, de Secuencia,
de colaboracin y diagramas de Actividad.
FASES de la UWE.
UWE cubre todo el ciclo de vida de este tipo de aplicaciones
centrando adems su atencin en aplicaciones personalizadas o
adaptativas.
Las fases o etapas a utilizar son:
1) Captura, anlisis y especificacin de requisitos: En simple
palabras y bsicamente, durante esta fase, se adquieren, renen y
especifican las caractersticas funcionales y no funcionales que
deber cumplir la aplicacin web.
Trata de diferente forma las necesidades de informacin, las
necesidades de navegacin, las necesidades de adaptacin y las
de interfaz de usuario, as como algunos requisitos adicionales.
Centra el trabajo en el estudio de los casos de uso, la generacin
de los glosarios y el prototipado de la interfaz de usuario.
2) Diseo del sistema: Se basa en la especificacin de requisitos
producido por el anlisis de los requerimientos (fase de anlisis), el
diseo define cmo estos requisitos se cumplirn, la estructura que
debe darse a la aplicacin web.
3) Codificacin del software: Durante esta etapa se realizan las
tareas que comnmente se conocen como programacin; que
consiste, esencialmente, en llevar a cdigo fuente, en el lenguaje de
programacin elegido, todo lo diseado en la fase anterior.
4) Pruebas: Las pruebas se utilizan para asegurar el correcto
funcionamiento de secciones de cdigo.
5) La Instalacin o Fase de Implementacin: Es el proceso por el
cual los programas desarrollados son transferidos apropiadamente
al
computador
destino,
inicializados,
y,
eventualmente,
configurados; todo ello con el propsito de ser ya utilizados por el
usuario final.

Esto incluye la implementacin de la arquitectura, de la estructura

del hiperespacio, del modelo de usuario, de la interfaz de usuario,
de los mecanismos adaptativos y las tareas referentes a la
integracin de todas estas implementaciones.

6) El Mantenimiento: es el proceso de control, mejora y

optimizacin del software ya desarrollado e instalado, que tambin
incluye depuracin de errores y defectos que puedan haberse
filtrado de la fase de pruebas de control.

Modelos de UWE
Modelo de Contenido
Este modelo especifica cmo se encuentra relacionados los
contenidos del sistema, es decir, define la estructura de los
datos que se encuentran alojados en el sitio web. A
continuacin se muestra un ejemplo de este modelo contenido
en la pgina web de UWE.

En este ejemplo se puede ver representado que el contenido web

est formado por una agenda bsica de contactos, est agenda
representada por la clase AddressBook contiene un conjunto de uno
o ms contactos (clase Contact) , cada uno de ellos tiene un
nombre, cdigo postal entre otros.
Modelo de Navegacin
Este modelo indica como el sistema de pginas web del sitio est
relacionado internamente. Es decir cmo se enlazan los elementos
de navegacin. Para ello se utilizan unidades de navegacin
llamadas nodos conectadas por enlaces de navegacin. Los
elementos que introduce la metodologa UWE en este modelo son:

A continuacin se muestra el siguiente ejemplo:

Para empezar tenemos AddressBook como pgina de inicio, as

que est etiquetada como {isHome} y como clase de navegacin
con el smbolo correspondiente. La pgina de inicio enlaza con un
men, que sera nuestra pgina de ndice, para ello la clase Main
Menu esta etiquetada como pagina Menu.
Desde la clase Main Menu enlazamos con las clases Search (que
implementar la funcin de buscar un contacto y es etiquetada con
la etiqueta de query) que es un proceso predefinido, y con la clase
ConctactCreation (que crear un contacto), esta clase es un
proceso no definido con lo cual llevar la etiqueta de processClass,
as ambos enlaces sern del tipo process link.
Para finalizar vemos que la clase ConctactCreation est enlazada
con Conctact ya que cuando se crea un nuevo contacto, este se
debe mostrar. Como tambin cuando se realiza una bsqueda se
debe mostrar la lista con los contactos del resultado, de ah que
exista otro processLink entre las clases Search y ConctactList, esta
ultima adems etiquetada como index, al ser una lista.
Modelo de Presentacin
En este modelo se representan las clases de navegacin y de
procesos que pertenecen a cada pagina web. Estos son los
elementos que introduce la metodologa UWE en este modelo:

A continuacin se muestra el diagrama de presentacin del ejemplo

de la agenda de contactos:

El diagrama de presentacin de la Agenda de Contactos, se

puede ver la clase contacto es presentada como
Presentation_Class, cubriendo tambin diferentes textos y
botones, esto significa que por cada contacto, tiene que ser
mostrado por un email, direcciones y los telfonos.
Tambien se puede observar que la pagina de inicio AddressBook
contiene un texto de introduccin y un formulario de bsqueda
con un campo de texto y un botn para lanzar la bsqueda.

BIBLIOGRAFIA
- Pgina del estndar UML de OMC: http://www.uml.org/
- Pgina oficial de UWE: http://uwe.pst.ifi.lmu.de/
- UWE en Wikipedia: http://en.wikipedia.org/wiki/UMLbased_
Web_Engineering_(UWE)
- MagicDraw, software de modelado:
http://www.magicdraw.com/
- MagicUWE, plugin para MagicDraw:
http://uwe.pst.ifi.lmu.de/toolMagicUWE.html
- Manual de MagicUWE:
http://uwe.pst.ifi.lmu.de/toolMagicUWEReference.html