![Page 1: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/1.jpg)
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
![Page 2: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/2.jpg)
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
![Page 3: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/3.jpg)
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
![Page 4: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/4.jpg)
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
![Page 5: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/5.jpg)
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
![Page 6: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/6.jpg)
6
Genera el proyecto Web
WebMLActividad
![Page 7: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/7.jpg)
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.
![Page 8: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/8.jpg)
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
![Page 9: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/9.jpg)
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
![Page 10: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/10.jpg)
10
Añade un enlaceentreDatosArtista yAñadeArtista
En la propiedadCoupling, abre laventanasecundaria yasocia loscampos delformulario conlos campos de laBD
WebMLActividad
![Page 11: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/11.jpg)
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
![Page 12: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/12.jpg)
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
![Page 13: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/13.jpg)
13
WebMLActividad
![Page 14: WebML Actividad - Club de Investigación Tecnológica · 2007-07-31 · modelado (sobre la vista de datos) Tipo: Apache Derby ... WebML Actividad. 5 ¿Se ha especificado correctamente](https://reader034.vdocuments.co/reader034/viewer/2022042216/5ebe5bce29888534347550ab/html5/thumbnails/14.jpg)
Departamento de
Lenguajes y Sistemas Informáticos
Diseño de Aplicaciones Web
Muchas gracias por su atención!
www.dlsi.ua.es/iwad