Fusion Tables : Una eina Google per crear una Base de Dades Una eina que pot ajudar a utilitzar Bases de dades externes són les Fusion Tables de Google, amb aquesta eina podem gestionar un conjunt de taules amb informació pròpia de diversos tipus, que posteriorment podem vincular a aplicacions Android o a altres recursos informàtics, com poden ser el mapes o els gràfics. Per aquest aprenentatge us proposem crear una taula de preguntes amb 3 possibles respostes. Aquesta tasca podem dir que consta de 3 parts molt diferenciades però imprescindibles per al nostre objectiu : A).- Creació d'una taula de Fusion Tables: Podem fer aquesta part de molt diverses maneres, en la nostra proposta la fem des del Full de Càlcul del Google Drive, però podríeu fer-la des d'un full de calcul Excel del vostre ordinador. Amb el full de calcul anirem al Google Drive i escollirem el component Fusion Tables i exportarem les dades de la taula creada. B).- Identificarem l'api i l'id de la Taula de les dades C).- Crearem una app amb AppInventor fent servir un component Fusion Tables. La tasca que us encomanem és que seguiu tot aquest procés i aconseguiu finalment la vostra app que utilitza les vostres pròpies dades. Guia de la pràctica.part A.- Creació de la taula de preguntes 1.- Accedirem al full de càlcul del Drive :
2.- Crearem un full de càlcul nou amb una pregunta i 3 possibles respostes i a continuació indiquem la resposta correcta: 3.- Posem nom al document, per exemple "Preguntes" : 4.- Crearem un document de Fusion Tables.-
5.- Importarem el full de càlcul que pot ser el que hem creat amb Drive, però també el podríem haver creat amb Excel, Libreoffice o altre full de calcul. 1. Podem pujar fulls de càlcul creats en el 2. Podem utilitzar els documents que tinguem a Google Drive 3. Podem crear una taula des de zero. nostre ordinador En el nostre cas utilitzarem el document creats abans al full de càlcul del Drive : Escollirem el full de preguntes que acabem de gravar :
6.- Autoritzem a Fusion Tables, l'accés als nostres fulls de càlcul.- 7.- Una vegada autoritzat escollirem el full de preguntes i validarem la importació:
1. Important!!!!!.- Hem d'indicar que no tenim capçalera de les columnes, en tot cas l'hauríem d'afegir 2. Avancem al següent pas 8.- Finalment deixem els valors per defecte i finalitzem la importació de dades al Fusion Tables.
9.- Finalment no oblidem els permisos que vulguem aplicar amb les dades de la taula: Si no ho compartim els altres usuaris no podran accedir a les dades. De manera que si volem que sigui obert, anirem a Compartir i donarem permisos de publicació a la web.: 1. Amb el botó dret del ratolí o amb "Compartir" i anem Compartir/Compartir i apareixerà la finestra de Permisos. Cliquem "Canvia" 2. Escollim la 1a Opció de "Publicar a la web" Part B.- Obtenir l'api i l'id de la taula Per poder accedir a les dades de la taula des d'internet cal obtenir una clau de l'api de Google i a la vegada necessitem el codi que ens identifica de manera inequívoca la nostra taula a la xarxa respecte la resta. Per obtenir l'api hem de fer el següent : 1.- Anirem a la Consola de Projectes : https://console.developers.google.com/project i una vegada aquí crearem un projecte.
2.- Li posem un nom al projecte, no cal que sigui el mateix que la taula, ja que un projecte pot treballar amb moltes taules diferents. 3.- Una vegada creat el projecte, el configurarem, afegint aquelles eines de Google que vulguem fer servir en el nostre projecte. En contret nosaltres farem servir Fusion Tables, de manera que anirem a "ApIs i autentificació [1] desprès a APIs [2] i buscarem Fusion Tables a la llista[3], i per activar clicarem el boto de la dreta a la columna que diu "Estado" [4] per activar el servei i l'aplicació es situarà a la part superior amb les APIs Actives
4.- A continuació anirem a Credenciales [1] i ens apareixerà una finestra per "Crear una clave nueva" [2] 5.- A la següent pantalla hem d'escollir "Clave de Android" [1]
6.- A continuació ens informa de la creació del compte i que podem implementar connexions amb dispositius Android : 7.- Finalment ens mostrarà la clau API del projecte que haurem de copiar i enganxar en la nostra app Android per accedir a les preguntes que anem afegint a la taula que hem creat.
Per obtenir l'id de la taula hem de fer el següent : 1.- Entrem dins de la taula que trobarem al nostre Drive : 2.- Una vegada oberta la taula anirem al Menú File [1] desprès a "About this table" [2], s'obrirà una finestra que ja ens mostrarà l'id [3] que haurem de copiar [4] a la nostra app com a nom de la taula de dades.
Part C.- Creació de l'app que connecta a les dades amb FusiónTables 1.- Dissenyarem la pantalla de l'app per visualitzar preguntes agafades de Fusion Tables : 1. Capa Horitzontal per poder centrar l'etiqueta del títol
2. Etiqueta de la Pregunta 3. Capa en format Taula per posar les 3 preguntes i els chekcbox per escollir 4. Primer checkbox per escollir la 1a opció 5. Etiqueta de la 1a pregunta 6. Segon checkbox per escollir la 2a opció 7. Etiqueta de la 2a pregunta 8. Tercer checkbox per escollir la 3a opció 9. Etiqueta de la 3a pregunta 10.Capa per centrar l'etiqueta d'encerts 11.Etiqueta per mostrar els encerts 12.Component de Fusion Tables 13.1r Notificador per mostrar missatges d'encert/errada 14.2n Notificador per mostrar missatge de que no i han més preguntes 2.- El codi de l'app és el següent : A).- Declaració de variables 1. 2. 3. 4. 5. 6. 7. L'API_Key que obtindrem tal com hem explicat en l'apartat B L'ID de la taula que també obtindrem de Google Drive tal com hem explicat en l'apartat B Variable que guardar la consulta a la taula en format SQL Llista per guardar les preguntes que importarem de la Taula del Drive. Guarda quina posició te la resposta correcta Guarda quina pregunta estem responen Compta els encerts que anem realitzant B).- Inicialització i lectura de preguntes :
1. Quan inicialitzi la pantalla 2. Omple el text de la pregunta amb la frase Pregunta, que desprès substituirem per la pregunta en qüestió 3. Omplim la variable consulta SQL que ha de llegir les preguntes de la taula que tenim al Drive : "SELECT * FROM _taula_id _.. Si busquem documentació podrem realitzar sofisticades consultes, però no és el cas de l'app que ens ocupa sobre preguntes 4. Per fer la connexió a Fusion Tables li hem d'indicar l'api 5. Assignem la consulta al component Fusion Tables 6. Enviem la consulta a la xarxa. La consulta la farem en iniciar la pantalla i les preguntes llegides les anirà mostrant d 'una en una... 7. Quan el component Fusion Tables recuperi una resposta farà : 8. Guardarà el conjunt de preguntes en una llista 9. Enviarem el control a omplir la pregunta c).- Procediment omplir pregunta :
1. 2. 3. 4. 5. Crearem un procediment nou [procedure] anomenat omplir _pregunta Desmarquem el checkbox1 de preguntes anteriors Desmarquem el checkbox2 de preguntes anteriors Desmarquem el checkbox3 de preguntes anteriors Avancem una pregunta. Ens saltem la primera perquè te els noms de cada columna... Per això inicialment hem posat posicio=1 i al sumar 1 en el primer cas començarem pel 2 6. Comprovem que no haguem arribat al final de les preguntes 7. Mirem si la posició és més gran que la longitud de la llista de preguntes 8. Si hem arribat al final de les preguntes Mostra un missatge informatiu 9. Si no hem arribat al final de les preguntes, de la llista múltiple de preguntes agafa el de la posició que toca, que també serà una llista d'una fila 10.Assigna a la pregunta l'element dos de la llista de pregunta actual, que serà la pregunta, perque l'1 serà el ID 11.Assigna a l'etiqueta 1 l'element tres de la llista de pregunta actual que serà la Resposta 1 12.Assigna a l'etiqueta 2 l'element quatre de la llista de pregunta actual que serà la Resposta 2 13.Assigna a l'etiqueta 3 l'element cinc de la llista de pregunta actual que serà la Resposta 3 14.Assigna a la variable correcta element sis de la llista de pregunta actual que serà la posició de la resposta correcta D).- Validar la resposta :- Per validar la resposta, agafarem el moment en que cliquem qualsevol dels 3 chekboxs, de manera que en clicar cadascun dels 3 analitzarem l'opció escollida i mostrarem el corresponent missatge :
Ho haurem de fer per cada chekbox... 1. 2. 3. 4. Quan el Checkboxc1 canvia... Analitzem si la resposta correcta era la 1 Per als altres chkecboxs haurem d'aplicar la 2 i la 3 respectivament Si era la 1, voldrà dir que hem encertat, en aquest cas el Notificador ens indica encert i ens permet escollir entre continuar amb més preguntes o sortir de l'app 5. Com que hem encertat sumem 1 als encerts 6. Mostrem els encerts per pantalal a l'etiqueta encerts 7. Si no hem encertat 8. El Notificador ens indica errada 9. Quan cliquem un botó del notificador analitza l'opció 10.Analitzarem el botó que hem clicat 11.Si l'opció escollida en el notificador era "Nova Pregunta" 12.Torna a omplir_pregunta, de manera passarà a la següent pregunta de la llista 13.Si no era aquesta tancarà l'app 14.Aquest control de Notifier1..AfterChoosing és valid pels 3 chekcbox. De manera que en clicar el boto del missatge analitzarà el que hem escollit. Aquesta App no us funcionarà habitualment en el emulador, l'heu de provar en un dispositiu real.