¡Hola!
Probablemente, si eres como yo, el haber aprendido a integrar Airtable en un sitio web y crear ese sitio web en minutos debió haber sido increíble. Lo bueno, de la base de datos (como te dije, es como la columna vertebral del internet) es que además de sitios web, también puedes crear aplicaciones móviles con tus bases de datos. Si, aplicaciones móviles.
Y para ello, hoy utilizaremos una herramienta llamada Glide.
Glide es una plataforma que te permite diseñar y construir una app en cuestión de minutos. Y lo mejor es que la puedes usar en tu celular una vez que la terminas.
Como ya tienes una base de datos en Airtable, ya hiciste el 50% del trabajo, y de hecho vamos a continuar con la que ya utilizaste de las cafeterías, pero vamos a hacerla un poco más extensa.
Agrega 4 registros a tu base de datos de cafeterías y 2 campos nuevos.
El primero será el campo del teléfono y agregarás un teléfono ficticio para cada uno de las cafeterías que tienes.
El segundo será un apartado de linea sencilla (single line text) y ahí pondrás el campo como Precio. Para ello pondrás signos de pesos hasta 5 signos, dependiendo de la cantidad de signos, estás indicando que tan costoso es el lugar.
3. Haz un nuevo proyecto
Ponle de nombre a proyecto “Cafeterías” y de ahí selecciona la opción “Mobile” y Continue. De ahí la siguiente opción de seleccionar una “source”, en este caso se refiere a la fuente. Al poner Airtable te pedirá que conectes con tu cuenta de Airtable, con la API Key. Así como lo hiciste para conectar en el caso de Softtr, lo puedes hacer acá. Búscala y sigue el mismo paso.
En Airtable puedes acceder en: “Developer Hub” y después en “API Key”. Conecta y selecciona la base de datos de cafetería con la cual estás trabajando.
4. Empieza a diseñar y editar tu aplicación móvil con la integración que hiciste.
Una vez ahí verás un menu de navegación y edición muy completo. En la parte superior verás tres opciones:
“Data” (Datos) - Para manipular la información que se desplegará en la app
“Layout” (Diseño) - Modificar y editar el diseño final
“Actions” (Acciones) - Integraciones con otras aplicaciones.
Para hoy, solamente veremos las primeras 2 y para ello empezarás picándole a “Data”. Al hacerlo, verás que aparece toda la información de nuestra tabla de Airtable (la “integramos”, a esto se le llama, integración). Y si la modificas aquí, en cada uno de los campos, se modificará también en Airtable. ¡Que genial! Incluso puedes agregar nuevos campos y columnas. Para este caso no tienes que hacerlo, pero pruébalo para que veas.
Ahora, en la opción de Layout verás la cantidad de opciones en la parte derecha. En donde dice “Style” prueba las diferentes opciones que puedes poner para ver como se muestra esta información en la aplicación. En este caso, estás mostrando tus cafeterías.
En la parte de “Items Data” puedes seleccionar (así como lo hiciste en Softtr) y modificar esos apartados también para la información que mostrarás en esta pantalla de inicio.
La magia la empiezas a ver cuando le picas a una de las opciones que está en la pantalla, verás que te lleva a una nueva pantalla con la información específica de la cafetería, con la información que ya pusiste. Si lo quieres ver así es como cuando le picas al perfil de alguien en una red social, o cuando le das click a un restaurante específico en una app de delivery. Funciona igual.
Así como lo ves, así se desplegaría en una app móvil, pero ya vamos para allá.
Modifica toda la información que quieras para este rubro.
Más abajo en la sección de “Actions” quita la selección de “Allow users to add items” y “Allow users to edit items”. En este caso, estamos diseñando una app que sea más de consulta que para agregar. Si es algo que te gustaría que la app hiciera, por lo tanto agregando nuevos registros, lo puedes dejar. Todo depende de la funcionalidad que tu le quieres dar.
Ya casi para terminar, si le picas en la parte superior derecha en “Settings” podrás modificar la información presente, por ejemplo, colores, nombres, privacidad, incluso si quisieras, cobrar.
9. Ya para terminar, ahora si, pícale a la opción de “Publish” en la parte superior derecha, cambia el nombre a un URL amigable y hazlo que esté disponible ya en internet.
Si quieres que todo mundo pueda ver esta aplicación, es importante que en la opción que aparece ahí de “Privacy” selecciones la opción de “Public” con “No sign-in”.
y muéstrale al mundo todo lo que acabas de lograr.
Y listo!! 🎉🎉🎉🎉
Con esto acabaste tu cuarto ejercicio utilizando una base de datos de Airtable e integrándola para crear una aplicación móvil.
El día de mañana te enseñaré a utilizar una de las herramientas más populares de la actualidad, Notion, que te permitirá organizar tu vida profesional y personal como ninguna otra.
