Contenido
¿Está interesado en el curso de formación Nocode de Alegria.academy?
Ver el programa
Aumente su agilidad informática con las soluciones de código abierto de Nocode
Descargar el ebook

Tuto: crear una aplicación para su BDE

‍"Desarrollar una aplicación móvil no es para todo el mundo". ¡ERROR!

Eso era antes. En Nocode, cualquiera puede crear una aplicación móvil a partir de una idea.

A continuación te explicamos cómo crear una aplicación gratuita en 10 pasos sin saber programar y cómo ponerla en línea.

Recientemente, un miembro de nuestro equipo creó una aplicación de toma de pedidos por smartphone para un café comunitario. ☕️ Una idea divertida hecha gratis, en menos de 24 horas y en Nocode gracias a Airtable / Google Sheets y Glide. 📲

💡 Este formato de app también podría adaptarse a las necesidades de herramientas de las asociaciones de estudiantes....

He aquí un tutorial para crear una aplicación de toma de pedidos para un BDE que desea ofrecer productos de autoservicio a los alumnos de su centro. 

💰 La idea esalimentar el presupuesto del BDE a través de la venta de todo tipo de productos: merchandising con el logo del colegio (sudadera, gorra, botella de agua, etc.), venta de entradas para eventos (fiestas de estudiantes, happy hours, semana de esquí, fin de semana de integración, etc.) o para un puesto de cafetería en el colegio.

Para recaudar un poco de dinero cada día y tener fondos para preparar eventos o salir de fiesta. 🥳

💡 El principio de la aplicación es sencillo: a través de la aplicación, todo el mundo puede acceder gratuitamente a la tienda del BDE. Todos los pedidos se recogen en un documento Airtable, para que todo el mundo pueda liquidar la cuenta más tarde. En este ejemplo, consideraremos que los productos son bebidas, ¡pero puedes personalizar los tipos de productos/servicios como desees!

No se requieren conocimientos técnicos para seguir el tutorial. Todo el mundo es bienvenido. 👋

Todos los recursos utilizados para realizar este tutorial de creación de apps móviles Nocode están disponibles de forma gratuita. 😇

Paso 1: Crear una base de datos en Airtable

Para empezar, vaya a Airtable.

Después de crear una cuenta, crearemos una nueva base de datos haciendo clic en " Añadir una base " en la pantalla de inicio de la plataforma.

Añadir una base en Airtable

Vamos a cambiar el nombre de nuestra base de datos. Aquí la llamaremos " Caisse BDE - Alegria.academy " haciendo clic en el nombre de la base de datos.

Cambia el nombre de tu base en Airtable

Paso 2: Crear categorías de productos

A continuación, deben crearse seis columnas para las categorías de bebidas. En ellas se presentarán las ofertas disponibles para la venta.

  • Una primera titulada " Producto " que contendrá el nombre de nuestros diferentes artículos (aquí bebidas). 
  • Una segunda para incluir el precio de cada producto. No olvide hacer clic en la flechita situada a la derecha del cuadro de columnas y, a continuación, en " Personalizar tipo de campo ".
Crear categorías en Airtable
Creación de categorías

A continuación, haga clic en la pestaña " precio " y añada el símbolo del euro.

Modificar una categoría en Airtable
  • Una tercera columna contendrá las imágenes de cada producto. 
  • Y por último, una cuarta, que debería llamarse " Descripción " para explicar la composición de los productos. 
Mesa Airtable

Paso 3: Rellenar las celdas de la base de datos Airtable

Puede rellenar las casillas como desee. Aquí hemos añadido 4 productos elegidos al azar que estarán a la venta: refrescos, cervezas, bolígrafos, una comida preparada, el postre del día y un servicio de impresión.

Por supuesto, es posible añadir productos de su elección, como ropa deportiva, golosinas, entradas para eventos o fiestas, etc.

Para añadir nuevos productos a la lista, una vez creada la aplicación, bastará con añadir una nueva entrada en esta tabla de datos.

No olvide añadir imágenes haciendo clic en la casilla correspondiente de la columna y pulsando después " Soltar archivo ".

Añadir imágenes a una base de datos Airtable

Una vez que tu base de datos esté completa, debería tener este aspecto.

Base rellenada en Airtable

Paso 4: Crear una segunda tabla en Airtable

Vamos a crear una segunda tabla en Airtable. Basta con hacer clic en " Añadir o Importar " y luego en " Crear tabla vacía ".

Crear una segunda tabla en Airtable

Una vez creada la tabla, debe nombrarse de la siguiente manera: " Los nuevos pedidos ".

En esta tabla, se requieren tres columnas de texto " Nombre ", " Dirección " y " Producto ".

Cambiar el nombre de la segunda tabla Airtable

Paso 5: Crear una cuenta en Glide

Ahora tienes que ir al sitio web de Glide para convertir tu base de datos en una aplicación móvil.

Paso 6: Crear la base de la aplicación

Para crear una aplicación, vaya a la página de inicio y haga clic en " Nuevo proyecto 1 ".

Crear un nuevo proyecto en Glide

A continuación, hay que elegir entre aplicación móvil y página web. Como queremos crear una aplicación móvil, tenemos que hacer clic en " Glide App " y rellenar el campo correspondiente al nombre de su aplicación, aquí " Alegria.academy Caisse BDE ".

Elección de la aplicación en Glide

A continuación, haga clic en " Airtable " para seleccionar la fuente de los datos que alimentarán la app.

Selección de fuentes de datos en Glide

Y elija su base de datos Airtable previamente creada.

Selección de la base Airtable en Glide

Paso 7: Una primera vista previa de su solicitud está disponible

Puede cambiar el nombre de la página principal de su aplicación haciendo clic en el botón Etiqueta ".

También puede elegir el estilo de su aplicación. Aquí mantendremos el predeterminado, a saber " Lista ". Esto significa que sus productos estarán ordenados, como su nombre indica, en una lista.

Paso 8: Crear un botón de pedido en cada producto

Para crear un correo electrónico automático a la dirección del cajero del BDE, haga clic en la flecha pequeña situada a la derecha de un producto.

A continuación, pulse el signo '+ ' en el menú desplegable situado bajo la barra de menús. Y elija 'Botón de formulario ' para que aparezca un nuevo botón de toma de pedidos.

A continuación, en el panel de configuración situado a la derecha de la pantalla, puede cambiar el nombre de su botón como desee. A continuación, haga clic en el panel desplegable " Acción " y seleccione " Añadir fila ".

Aparece una nueva ventana para personalizar el botón.

En el campo " Hoja ", debe poner la tabla " Los nuevos pedidos "

A continuación, en el cuadro Dirección, añada " Dirección de correo electrónico del usuario ".

Y por último en el cuadro de producto " Producto ".

No hay necesidad de preocuparse por el campo "¿Es Favorito?" en este caso de uso.

Paso 9: Crear un botón de pedido para otros productos

Una vez completado el paso 8, sólo tiene que repetirlo en cada uno de los productos para terminar de diseñar la aplicación.

Paso 10: Es hora de publicar su solicitud

Enhorabuena, ha completado la creación de su solicitud.

Para publicarlo en el medio que le interese, sólo tiene que hacer clic en el botón " Publique " y seguir los pasos sugeridos por el sitio.

Cada nuevo pedido se registrará en Airtable en la tabla " Nuevos pedidos ". Sólo queda por automatizar el envío de un correo electrónico de alerta para cada nuevo pedido.

Paso adicional: Reciba un aviso automático por correo electrónico de cada nuevo pedido

Si desea recibir una alerta por correo electrónico de cada nuevo pedido, vaya a Hacer.

Una vez conectado, en la página de inicio del sitio, haga clic en " Escenario ".

A continuación, haga clic en " Crear un nuevo escenario ".


En esta nueva página, aparece una burbuja con un enorme "+ ".
Púlsela y busque la aplicación Airtable.

Una vez seleccionada Airtable, haga clic en "Watch Records".

En 'conexión ', seleccione 'Mi conexión Airtable'. Mi conexión Airtable " y luego seleccione la base de datos que nos interesa, es decir " Caisse BDE - Alegria.academy " y finalmente seleccione " Nuevos pedidos "en el campo " Tabla ".

En la ventana emergente de configuración, debe rellenar ahora las casillas correspondientes a la parte Disparo.

En el campo Trigger, ponga " Crear hora ".

💡Atención: Si Airtable no hace automáticamente una " Crear hora " en su base de datos Airtable, es imperativo que añada una.

Entonces " Nombre " en el campo de etiqueta.

Enhorabuena, ya has configurado la mitad de la automatización.

A partir de ahora, Make realizará una acción cada vez que se añada una nueva fila a la tabla " Nuevos pedidos " de su base de datos.

Ahora es el momento de añadir un evento de Gmail siguiendo este disparador en Airtable.

Para ello, pulse el signo "+ " en la parte inferior derecha de la pantalla.

A continuación, seleccione "Enviar un correo electrónico ".

Por último, debe añadir su dirección de correo electrónico en el campo "Conexión ".

A continuación, rellene las pestañas "Asunto " y "Contenido " como considere oportuno.

🙌 Bien hecho, a partir de ahora tu dirección de correo electrónico recibirá un nuevo mensaje con cada nuevo pedido indicándote el nombre de pila del usuario, su dirección de correo electrónico y la hora.

💡 Yendo más allá : esta aplicación no pretende ser una app profesional para un establecimiento comercial. Sin embargo, es posible mejorarla en muchos puntos. Empezando por la parte del diseño que se puede modificar al gusto. También es posibleañadir un módulo de pago Stripe.

También es posible añadir un sistema dinámico de gestión de existencias que le permita bloquear el acceso al pedido de determinados productos cuando ya no estén disponibles.

No dude en utilizar las plantillas de herramientas proporcionadas para crear una aplicación personalizada que satisfaga sus necesidades.

🔥 Recursos: puedes duplicar nuestra base de datos Airtable si no puedes superar algún paso.

Qrcode a airtable

Y aquí tienes el código QR para descargar la app o duplicarla. 📲

Icono de la cruz

Icono de la cruz

Icono de la cruz

Icono de la cruz

Icono de la cruz

¿Está interesado en el curso de formación Nocode de Alegria.academy?
Ver el programa
Conviértete en
Experto en Nocode
Alegria.academy, la primera escuela Nocode de Europa
Convierta
tus ideas en un proyecto
Da vida a tus proyectos rápidamente, ¡cámbiate a Nocode!
Únase a
‍‍
Nuestra comunidad
Le permitimos trabajar con los mejores profesionales de Nocode Makers
en misiones de difícil acceso.
Transformar
sus ideas en proyectos
Da vida a tus proyectos rápidamente, ¡cámbiate a Nocode!