dimarts, 14 d’abril del 2015

Base de dades, MIT App Inventor

Bon tarda avui us explicaré una mica com fer una base de dades amb el programa App Inventor. Aquest projecte va de guardar les nostres dades que nosaltres fiquem dins del programa.

Passos a seguir:


1- Preparació:

Amb aquesta aplicació el que hem de tenir clar és de que volem fer nosaltres la nostre base de dades ja que hem de guardar algunes imatges. La meva base de dades és sobre el cotxes.


2- Disseny de les pantalles:

Amb aquest apartat em de fer el nostre disseny que volguem:

· Aquí hem d'anar a la pàgina web icona archive per trobar les nostres icones perquè així l'aplicació tingui una millor visió, ens hem de descargar les icones de mida 48 x 48 http://www.iconarchive.com/

· Tots els altres apartats amb les imatges que us aniré ficant i explicant una mica ja n'hi haurà prou.

· Per tenir una millor visió a l'hora de fer els Blocks hem d'anar canviant el nom de les coses amb Rename com per exemple: Button_afegir, Button_veure, Label_marca etc.


Aquí podem veure com ha de quedar l'aplicació dins del mòbil amb el requadre de color verd i amb el requadre de color vermell podem veure quines funcions ha de tenir l'aplicació:

· Hi ha d'haver un Button que servirà per clicar.
· Un ListPicker que servirà per buscar totes les imatges que haguem penjat.
· Un Label que serveix per escriure les dades que és vegi a l'aplicació com per exemple: NOM / MARCA / MODEL.
· Un TextBox que aquí s'hi ha de posar tota la informació que volem que ens grabi.
· Image per ficar la imatge.
· Tiny DB1 que és perquè es guardin les dades.
· I finalment Camera1 que servirà per fer un foto de qualsevol cosa i també guardar-la dins de la nostra base de dades.

3- Programació del SCREEN1:

Aquí a la programació us deixaré unes imatges on és veu tal i com s'ha de programar:



Aquesta part de la programació mirant les imatges és molt fàcil.

Amb aquesta aplicació el que hem d'afegir és un SCREEN2 ja que ens servirà per buscar les dades guardades.

4- Com afegir SCREEN2?

Per afegir un SCREEN nou ho hem de fer anar Add Screen i allà ens obrirà un nom Screen ( que serà SCREEN2).

5- Disseny de la pantalla SCREEN2:

Aquest disseny és el mateix que SCREEN1 però no amb tanta cosa:


El color blau podem veure com ens sortirà la aplicació al mòbil i el color vermell totes les funcions que hi han de veure:

· Hi ha d'haver un Button que servirà per clicar.
· Un ListPicker que servirà per buscar totes les imatges que haguem penjat.
· Un Label que serveix per escriure les dades que és vegi a l'aplicació com per exemple: NOM / MARCA / MODEL.
· Un TextBox que aquí s'hi ha de posar tota la informació que volem que ens grabi.
· Tiny DB1 que és perquè es guardin les dades.

6- Programació del SCREEN2:

Aquí a la programació us deixaré unes imatges on és veu tal i com s'ha de programar:



El codi QR d'aquesta aplicació és aquest...



I així és tal i com ha quedat al mòbil...


I això és tot! Espero que us funcioni bé.