1

Instala la herramienta WebRatio

Crea un proyecto web llamado Artistas-Demo

En la vista de dominio, introduce el siguiente modelode dominio

Nota: se puede usar notación UML para las relaciones si ésta resultamás familiar (View/Show Relationship Cardinality using UML)

WebMLActividad

2

Añade una nueva vistahipertextual Visitante

En esa vista, añadeuna página llamadaHome. Márcala comohomepage y landmark

En la página,introduce un índice I-Artistas y una unidadde datos Artistas

WebMLActividad

3

Introduce lassiguientes propiedadespara el índice

Añade las siguientespropiedades para launidad de datos

Añade un enlace entreI-Artistas y Artistasllamado Más Info

WebMLActividad

4

Vamos ahora a generar lo quehemos definido hasta el momento

Definamos una BD para el sistemamodelado (sobre la vista de datos)

Tipo: Apache Derby

URL: jdbc:derby://localhost:1527/Artistas-Demo;create=true

El create indica que se debe crear la bd sino existía

WebMLActividad

5

¿Se ha especificado correctamentela conexión?

DataModel/Artistas-Demo/Refresh: sies ok aparece un rectángulo verdeSi ahora expandimos el nodo,aparecen los metadatos de la BDEn el Properties aparece un nuevocampo, el DEFAULT SCHEMA.Ponedle APP

Sincroniza el modelo de datos conla BD

DataModel/Artistas-Demo/SynchronizeExportar todos los objetosSave and execute salva y ejecuta elfichero de comandos de creación detablasSi todo ha ido correctamente ahorase pueden desplegar los metadatos yver todas las sentencias de creaciónde tablas

WebMLActividad

6

Genera el proyecto Web

WebMLActividad

7

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

WebMLActividad

Obviamente, la página queda bastante sosa, porque notenemos todavía ningún dato en la BD.

8

Añade al siteviewVisitante una nuevapágina (NuevoArtista)con una entry unitDatosArtista.

Con el botón derechosobre la entry unit,añade tres campos alformulario, uno porcada dato quequeremos introducirdel artista

WebMLActividad

9

Añade al siteview Visitante una nuevapágina (NuevoArtista) con una entry unitDatosArtista.

Enlázala con la página Home medianteun enlace llamado AñadeArtista

Con el botón derecho sobre la entry unit,añade tres campos al formulario, uno porcada dato que queremos introducir delartista

Para cada campo, establece su nombre ysu tipo (nombre, apellido, fechaNac)

Añade una operation unit de tipo createal siteview, fuera de las páginas. LlámalaAñadeArtista y asóciala a la entidadArtista

WebMLActividad

10

Añade un enlaceentreDatosArtista yAñadeArtista

En la propiedadCoupling, abre laventanasecundaria yasocia loscampos delformulario conlos campos de laBD

WebMLActividad

11

Ya sólo nos queda crearlos enlaces de OK y losenlaces de KO (error)

Vuelve a generar laaplicación y añade cincoartistas de tu elección

WebMLActividad

12

Aplica el estiloWebRatio a todoel siteviewVisitante yvuelve a generarla aplicación

Observa cómoen la pestaña deestadísticastenemos unsubconjunto demedidas sobre laaplicación

WebMLActividad

13

WebMLActividad

Departamento de

Lenguajes y Sistemas Informáticos

Diseño de Aplicaciones Web

Muchas gracias por su atención!

www.dlsi.ua.es/iwad