Tutorial Pizza Party con Airtable | Base de datos

Uno de los tutoriales insignia de MIT App Inventor es Pizza Party con Fusion Tables, un ejemplo paso a paso que usa una sencilla pero funcional interfaz para que el usuario realice un pedido de pizza y bebida y en el cual se muestran los primeros pasos para el almacenamiento de datos en la nube, usando el servicio web de Google para la gestión de datos Fusion Tables.  Pero Google anunció que a partir de Diciembre de 2019, este servicio gratuito y su API dejará de estar disponible y con el quedarán inservibles un buen número de apps que la utilizaban.

Alternativa para Fusion Table

Existen varias alternativas, la mayoría de pago, que bien pueden usarse para realizar algunas de las funciones de Fusion Tables. En este tutorial te muestro Airtable, una solución en la nube que nos permite crear bases de datos y adaptarlas a nuestras necesidades, con una experiencia móvil de primer nivel, colaboración en tiempo real, sincronización basada en la nube y la posibilidad de acceder a nuestro contenido desde cualquier lugar. Ver más de Airtable.

Creando la Base de datos en Airtable (Ver en vídeo)

Para desarrollar este tutorial de Pizza Party usando Airtable en Kodular debes hacer lo siguiente:

1. Ingresa en el sitio de Airtable y crea una cuenta o ingresa con tu cuenta de Google

1. Seleccione un plan, para esta tutorial basta con el Plan gratuito
2. Puedes invitar a otras personas para que sean colaboradores en tu base de datos. 
3. Airtable te provee un espacio de trabajo inicial (My First Workspace) donde almacenarás tus bases de datos y encuentras algunas de ejemplo.
4. Haz clic en Add a base para crear una base de datos.

1. Selecciona Start for scratch para crear una a base de datos vacía.  También puedes crear la base de datos usando una plantilla (Start with a template) o importando una hoja de cálculo (Import a spreadsheet).

1. Asigna un nombre y un icono a tu nueva base de datos. En este caso Pizza Party.

1. Haz clic en el icono de la base de datos Pizza Party para ingresar 

1. Haz doble clic sobre el nombre de la tabla y renombra la tabla como "Order". Copia este dato, será utilizado posteriormente en la app.

1. Haz clic derecho sobre el nombre de la vista y luego en "Rename view" y renombra la vista como "PP | Order". Copia este dato, será utilizado posteriormente en la app.

1. Crea y/o modifica los siguientes campos. Haz doble clic sobre el nombre de un campo para modificar su nombre y tipo de dato. Haz clic en "+" en la barra de encabezado de la tabla para agregar un campo.

Pizza Party | Order
Field name	Field type	Description	Observación
order number	Autonumber	Número del pedido
user name	Single line text	Nombre del usuario	Campo primario de la tabla
pizza	Single line text	Pizza ordenada
drink	Single line text	Drink ordenada
phone number	Phone number	Número telefónico del usuario
comment	Long text	Un comentario amigable :)

Obtener una API Key en Airtable (Ver en vídeo)

Para crear aplicaciones que te permitan crear, leer, actualizar y eliminar registros de tu base de datos debes obtener una clave API. 

1. Obtén la API Key. Haz clic en el avatar de tu cuenta y a continuación clic en Account. Luego haz clic en Generate API Key. Se genera una clave API que puedes usar para tus aplicaciones.

1. Haz clic sobre los asteriscos y copia la clave. Este dato será utilizado posteriormente en la app.

Obtener el Base ID (Ver en vídeo)

El Base ID es el identificador único para cada base de datos. Para obtenerlo regresa al panel principal de Airtable y abre una base de datos.

1. Obtén el Base ID. Haz clic en Help y a continuación en API documentation.

1. En el panel derecho, haz clic en Javascript y ubica la constante “base” o simplemente en la URL, de la barra de dirección, copia la secuencia de caracteres entre las barras / después de airtable.com. Ese es el ID de la base de datos. Copia este dato, será utilizado posteriormente en la app.

Ejemplo de Base ID en pestaña Javascrpt:

const base = require('airtable').base('app029pd65rni52Dg');

Ejemplo de Base ID en URL: 

https://airtable.com/app029pd65rni52Dg/api/docs#javascript/ratelimits

Compartir una vista (View) (Ver en vídeo)

Una vista es solo una manera diferente de ver los mismos datos subyacentes de una tabla.  De manera predeterminada se creará una Vista de cuadrícula para cada tabla. Puedes crear otras vistas y definir los campos que se muestran en cada vista.

Cuando compartes una vista, se te dará un enlace para compartir la vista en modo de solo lectura que muestra solo los registros en esa vista. Este vínculo lo puedes compartir con cualquier persona, o incluso incrustar la vista en su propio sitio.

Para compartir una vista:

1. Selecciona o crea una vista. 

1. Haz clic en el botón Share (Compartir enlace) en la barra de visualización.

Se abrirá una opción para crear un enlace a la vista de cuadrícula, calendario, galería o Kanban.

Lo anterior genera una URL que puedes copiar y pegar. Solo las personas con el enlace podrán acceder a esta vista de tabla. Obtén el vinculo para compartir la vista. Copia este dato, será utilizado posteriormente en la app.

Hasta aquí este tutorial básico de Airtable. Esperamos te sea útil para crear tu app Pizza Party en Kodular.

Para crear la UI de la app Pizza Party mira esta entrada: Tutorial Pizza Party con Airtable|Diseño UI