webml actividad - club de investigación tecnológica · 2007-07-31 · modelado (sobre la vista de...
TRANSCRIPT
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