El día de ayer ya tuviste la oportunidad de probar Airtable y si, yo se que parece mucho a excel, pero para esta ocasión, por encima de llenar celdas y crear nuevos campos, como lo hiciste. Vamos a llevarla al siguiente nivel, y eso involucra trabajar en como podemos ver y reproducir esta base de datos de diferentes formas. Es el primer paso a un nuevo mundo...te diría.
Hoy toca, vistas en bases de datos.
Este es el primer gran paso de como integrar este tipo de información y desplegarla en sitios web e incluso aplicaciones móviles.
Hoy verás cómo se hace eso.
Tarea para hoy 🚀
📝 Actividad: Construcción
✏️ Tipo de tarea: Reto guiado
⏲️ Tiempo estimado: 30 minutos
🛠️ Herramientas: Airtable
👇 Pasos...
Ingresa a Airtable a la base que construiste el día de ayer y dale click a la opción GALERIA
En la parte inferior izquierda encontrarás diferentes opciones debajo de “Create”. Cada una de estas representa una diferente vista de cómo puedes ver y ordenar la información que estás trabajando en una base de datos. En breve repasaremos varias de ellas, pero primero quiero empezar con la de Galería.
¿Qué hace?
Te permite visualizar en forma gráfica cada una de las entradas que pusiste en la base de datos. En este caso de la parrilla.
Dale click, ponle un nombre a la vista (yo le puse “Parrilla - Galería). Una vez hecho esto, ve los resultados.
2. “Customiza” la vista Galería
Algo muy bueno que puedes hacer con esta vista, es modificar los elementos que quieres que se muestren. La herramienta te arrojará varios, pero aquí tu puedes modificarlos como quieras. Cada uno de los campos que quieras mostrar o no, dependen de los campos que pusiste en la base de datos que creaste en un principio. En la imagen la mía está titulada como “Grid view” (usualmente así se queda porque se nos olvida cambiarle el nombre). Puedes probar si quieres, agregando más campos en “Grid view” para que veas esto.
3. Comparte (share view) la vista de Galería
A lo mejor has entrado a páginas de tiendas en línea como Amazon o alguna de ropa, o has pedido algo a través de una aplicación o quizás, incluso rentado un Airbnb. Si te fijas, como aparece la vista de “Galería” se parece conceptual y en diseño a como se ven los artículos en estos lugares.
Bueno, es porque ellas, así como aquí, están utilizando una base de datos para desplegar toda esta información. Si lo piensas así, casi todo el internet y todas sus páginas (artículos, entradas de blog, propiedades, etc.) son bases de datos desplegadas.
Ahora darás un paso más con esto.
En el botón que dice “Share view” al picarle te aparecerá la opción “Create link to view”. Al picarle te aparecerá un link, que darle click, te llevará a una nueva página donde se ve desplegada tu galería. Solamente que en este caso está disponible (con ese link que está en tu navegador) para cualquier persona que lo quiera ver.
Ya te podrás imaginar las opciones que podrías hacer con esto, por ejemplo, compartir artículos que tu vendas, propiedades que rentes o cualquier cosa que te sirva compartirla de esta forma. En la vista de Galería.
Lo mejor, si le llegas a hacer una modificación a la base de datos (como por ejemplo, agregar más entradas, cambiar fotos, texto, etc.). Este link las actualizará en automático. COMO MAGIA.
Lo mejor, este apartado de “share view” se puede hacer con cada vista que hagas en esta base de datos.
4. Agrega una nueva vista “Calendario”
Así como la vista “Galería” hay muchas más que puedes utilizar en Airtable. En este caso agreguemos una que se llama Calendario. Al darle click y ponerle nombre te aparecerá una nueva sita en la parte izquierda que (como pusimos en la base de datos original un campo de fecha de publicación), nos permitirá ver visualmente cuando tenemos contenido que publicar en este formato de calendario.
Al darle click las entradas que aparecen en los días, te aparecerá la opción de ver todos los campos que tiene esa entrada.
5. Crea una nueva vista de “Grid” para agrupar.
En Airtable puedes crear tantas vistas como te permita el plan gratuito. En este caso vamos a volver a hacer de la Grid view, con el fin de ordenar la información de una forma que sea adecuada para nuestro caso.
En la parte superior verás la opción de “Group” te aparecerá una opción de como te gustaría “agrupar” esta información. La forma en como lo puedes varía dependiendo de los campos que tengas habilitado. En este caso hazlo bajo el concepto de Red Social, para que veas como cada uno de los apartados se van “agrupando” de acuerdo a como lo indiques.
En este caso esta vista, la cual por supuesto, puedes ir agregando más información si quisieras, agrupa las entradas de acuerdo a la red social en donde lo publicaré. Pero si tuvieras más opciones, podrías agruparlo de otras formas.
Por último, crea una nueva vista de “Grid” y ahora agrupa la información en Publicado y No, para que también tengas esta vista.
Y listo!! 🎉🎉🎉🎉
Con esto acabaste tu segundo ejercicio utilizando una base de datos. El día de mañana el siguiente reto lo iremos construyendo a partir de este. Incorporar una base de datos a una página web que crearás de cero.