Hola Chicos ¿Qué tal?
Vamos a empezar a hacer la aplicación que hemos visto en el tutorial anterior y para ello vamos a necesitar una serie de herramientas.
Lo primero, como es lógico, vamos a usar Glide Apps, por lo que necesitaremos una cuenta en esta aplicación.
También vamos a necesitar una cuenta en Google Drive, porque como ya sabéis Glide Apps funciona con Google Drive.
Y lo que no es tan obvio, también necesitamos una cuenta de Integromat.
Que para aquellos que no lo conozcan, es una herramienta que nos va a permitir automatizar procesos, como el proceso que nos permitirá traernos los datos del coronavirus, y además que se vayan refrescando de manera automática cada cierto tiempo.
Por lo que vamos a usar Integromat en su versión gratuita.
También tiene versión de pago, pero para esta aplicación nos vale con la gratuita. Por lo que en primer lugar nos daremos de alta.
Y una vez que estamos dados de alta vamos a empezar a trabajar con ella.
Empezaremos creado un escenario (para tener los datos que vamos a añadir en nuestra aplicación). Para ello iremos al panel de la izquierda y haremos clic en Dashboard.
Y acto seguido, hacemos clic (en la parte superior derecha) sobre "+ Create a new scenario"
Aquí veremos un configurador para generar la automatización.
Pero en este caso concreto haremos clic en "Skip" (parte superior derecha) porque lo vamos a hacer de manera manual.
Y nos aparecerá lo siguiente.
Si hacemos clic en la interrogación nos saldrán todas las aplicaciones que podemos automatizar. Nosotros de entre todas, seleccionaremos una aplicación que se llama Covid 19.
La cual tiene una API que se va a traer los datos.
Aquí la opción que nosotros vamos a seleccionar es la que pone "Get Global Current Numbers", es decir, que se traiga los datos actuales de manera automática.
Por lo que hacemos clic en esta opción.
Y ya tenemos esta primera "bolita" configurada.
Pues que estos datos se vayan a una hoja de cálculo.
Si nos vamos a nuestra hoja de cálculo de Google Drive llamada "Coronavirus Curso" rellenaremos las primeras celdas, con los nombres que actuarán a modo de los campos que necesitamos.
Los campos serán, "fecha" (de los datos), la "última actualización", "Número de confinados", "Factor de crecimiento", "Fallecimientos totales" y "nuevos fallecimientos".
Una vez configurados los campos en nuestra hoja de cálculo volvemos a Integromat. Cuando tengamos configurada la primera "bolita", hacemos clic en el "+" que nos aparece en la parte derecha de la "bolita".
Y vamos a conectarla con la hoja de cálculo de Google, opción llamada "Google Sheets".
Y lo que le vamos a indicar es que nos actualice una nueva fila (Update a Row).
Esto lo hacemos porque nosotros lo que queremos es que siempre se actualice la misma fila. En lugar de que nos vaya rellenando filas nuevas con más datos, en este caso solo queremos los últimos.
Cuando seleccionamos esta opción, Integromat nos va a solicitar que indiquemos sobre que cuenta de Google Sheets la queremos conectar.
(Nosotros ya la tenemos conectada) pero a vosotros os va a pedir que os conectéis y para eso hacéis clic en "Add" y ponéis la vuestra.
Acto seguido hacéis clic en continuar y saldrá una pantalla emergente que os hará seleccionar una cuenta.
En nuestro caso, como la tenemos conectada, ya solo tendríamos que seleccionar la hoja de cálculo que queremos, nosotros elegiremos coronavirus curso y por último nos va a preguntar cuál es la pestaña que queremos seleccionar dentro de cada hoja de cálculo, le vamos a indicar que será la llamada "Hoja 1".
Lo siguiente que nos preguntará Integromat será que le indiquemos la fila que nosotros queremos actualizar, para saberlo, nos vamos a nuestro Google Sheets y comprobamos cuál es la que queremos actualizar.
Por lo que pondremos que es la fila 2.
Integromat nos sigue haciendo preguntas, ahora nos preguntará si nuestra hoja tiene cabeceras, como sí las tiene, seleccionaremos la opción "yes".
De esta manera Integromat detecta los campos que teníamos en nuestra hoja de cálculo. El siguiente paso que nos pide será que elijamos (de todos los datos que tiene disponible la aplicación de coronavirus) aquellos que queremos poner en nuestra hoja de cálculo, así que vamos arrastrando los campos de la aplicación (en rojo) a los campos de nuestra base de datos.
Si hacemos clic en "ok", una vez que hayamos terminado de traernos todos los datos que necesitemos, vamos a poder hacer ya nuestra primera prueba (aunque posteriormente continuemos configurando Integromat para que recoja más datos).
Para ello haremos clic en "Run Once", parte inferior izquierda.
Si todo ha ido bien, se nos rellenarán los campos de nuestra hoja de cálculo con los datos del coronavirus.
Hacemos clic en play (Run Once).
Y si nos volvemos a nuestra base de datos veremos que se han actualizado los datos del coronavirus.
Por lo que funciona perfectamente.
Si hicisteis el curso sobre como crear una aplicación de "Instagram familiar" os daréis cuenta de que con nuestra hoja de cálculo con datos, ya será muy fácil hacer que estos datos aparezcan en nuestra aplicación de Glide.
Entonces
Volvemos a Glide. Y seleccionamos crear una nueva aplicación desde Google (From Google Sheet)
En este caso nos va a preguntar cuál es la hoja de cálculo. Le indicamos que es "Coronavirus Curso".
Y sin que hagamos mucho más, nos va a traer esos primeros datos del coronavirus.
Si os dais cuenta, es lo mismo que teníamos en la parte superior de la aplicación que enseñamos en la introducción de este curso.
La única diferencia residiría en la aplicación que acabamos de hacer tenemos más datos, eso sí, desde el panel de la izquierda, podemos quitar todos aquellos datos que no nos interesen, para ello hay que hacer clic sobre el "aspa" de la derecha de cada uno de los elementos.
Independientemente de los campos que elijamos, ya tenemos hecha la primera parte de nuestra aplicación del coronavirus.
Por lo que esto marcha estupendamente.
En el próximo tutorial vamos a seguir haciendo nuestra aplicación de coronavirus que se actualiza automáticamente.
¡Nos vemos en el siguiente Tutorial!!
