Actividad

WebML

Instala la herramienta WebRatio

Crea un proyecto web llamado Artistas-Demo
En la vista de dominio, introduce el siguiente modelo
de dominio

Nota: se puede usar notacin UML para las relaciones si sta resulta
ms familiar (View/Show Relationship Cardinality using UML)

Actividad

WebML

Aade una nueva vista

hipertextual Visitante
En esa vista, aade
una pgina llamada
Home. Mrcala como
homepage y landmark
En la pgina,
introduce un ndice IArtistas y una unidad
de datos Artistas
2

Actividad

WebML

Introduce las
siguientes propiedades
para el ndice
Aade las siguientes
propiedades para la
unidad de datos
Aade un enlace entre
I-Artistas y Artistas
llamado Ms Info
3

Actividad


WebML

Vamos ahora a generar lo que

hemos definido hasta el momento


Definamos una BD para el sistema

modelado (sobre la vista de datos)



Tipo: Apache Derby

URL: jdbc:derby://localhost:1527/ArtistasDemo;create=true


El create indica que se debe crear la bd si

no exista

Actividad

Se ha especificado correctamente
la conexin?

WebML

DataModel/Artistas-Demo/Refresh: si
es ok aparece un rectngulo verde
Si ahora expandimos el nodo,
aparecen los metadatos de la BD
En el Properties aparece un nuevo
campo, el DEFAULT SCHEMA.
Ponedle APP

Sincroniza el modelo de datos con

la BD

DataModel/ArtistasDemo/Synchronize
Exportar todos los objetos
Save and execute salva y ejecuta el
fichero de comandos de creacin de
tablas
Si todo ha ido correctamente ahora
se pueden desplegar los metadatos y
ver todas las sentencias de creacin
de tablas

Actividad

WebML

Genera el proyecto Web

Actividad

WebML

Accede en http://localhost:8080/Artistas-Demo/

Obviamente, la pgina queda bastante sosa, porque no

tenemos todava ningn dato en la BD.

Actividad

WebML

Aade al siteview
Visitante una nueva
pgina (NuevoArtista)
con una entry unit
DatosArtista.
Con el botn derecho
sobre la entry unit,
aade tres campos al
formulario, uno por
cada dato que
queremos introducir
del artista
8

Actividad

Aade al siteview Visitante una nueva

pgina (NuevoArtista) con una entry unit
DatosArtista.
Enlzala con la pgina Home mediante
un enlace llamado AadeArtista
Con el botn derecho sobre la entry unit,
aade tres campos al formulario, uno por
cada dato que queremos introducir del
artista
Para cada campo, establece su nombre y
su tipo (nombre, apellido, fechaNac)
Aade una operation unit de tipo create
al siteview, fuera de las pginas. Llmala
AadeArtista y asciala a la entidad
Artista

WebML

Actividad

WebML

Aade un enlace
entre
DatosArtista y
AadeArtista
En la propiedad
Coupling, abre la
ventana
secundaria y
asocia los
campos del
formulario con
los campos de la
BD
10

Actividad

WebML

Ya slo nos queda crear

los enlaces de OK y los
enlaces de KO (error)
Vuelve a generar la
aplicacin y aade cinco
artistas de tu eleccin

11

Actividad

Aplica el estilo
WebRatio a todo
el siteview
Visitante y
vuelve a generar
la aplicacin
Observa cmo
en la pestaa de
estadsticas
tenemos un
subconjunto de
medidas sobre la
aplicacin

WebML

12

Actividad

WebML

13

Diseo de Aplicaciones Web

Muchas gracias por su atencin!

www.dlsi.ua.es/iwad

Departamento de
Lenguajes y Sistemas Informticos