Volem crear una aplicació que mostri informació dels alumnes de classe, la interfície ha de ser una graella amb el nom i cognom de cada alumne i la seva foto. En fer clic a la targeta de cada alumne s'obrirà una pantalla amb informació més detallada de l'alumne i hi haurà un botó amb l'opció d'eliminar l'alumne.
L'aplicació també ha de tenir un navegador amb una pestanya que permeti afegir alumnes nous i una fotografia seva.
Crea un full de càlcul que serà la base de dades dels alumnes. Posa'hi les columnes nom, cognoms i foto.
Omple unes quantes files amb dades d'alumnes. A la columna fotos posa'hi imatges del google (botó dret "Còpia l'adreça de la imatge"), ha de ser semblant a: data:image/png;base64,iVBORw0KGgo...
Vincula la base de dades (el full de càlcul) a la teva aplicació: Data Source
A la pantalla de disseny afegeix un component Data_Viewer i configura'l perquè mostri el nom de l'alumne i la foto.
Crea una nova pantalla que mostrarà la informació detallada de l'alumne (Nom, Cognoms i Foto gran). En aquesta pantalla hi ha d'haver dos botons, un per tornar enrere i un per eliminar a l'alumne.
A l'editor de blocs:
A la pantalla 1, fes que quan l'usuari faci clic a un element, es guardi la identificació de l'element (row id) en una variable i navegui a la pantalla de detall (pantalla 2).
A la pantalla 2, fes que s'omplin els camps (Nom, Cognom i Avatar) amb les dades de la Base de Dades:
Configura el botó "Torna" per tornar a la pantalla 1 i el botó "ELIMINA" per eliminar el registre de la Base de Dades:
Afegeix una nova pantalla per poder introduir nous alumnes. Hi ha d'haver un cap per introduir el Nom, un altre pel Cognom, un botó per fer una foto, un espai per veure la foto i un botó "Afegeix" per afegir les dades del nou alumne a la Base de Dades.
A l'editor de blocs:
Configura el botó "foto" perquè faci una foto i la mostri a l'espai d'imatge.
I el botó "Afegeix" perquè pugi les dades de l'alumne a la Base de Dades.
Finalment, afegeix un Navegador a la pantalla inicial per poder anar a la pantalla 3 (Afegir alumnes).