Cualquiera puede crear una aplicación con Glide Apps

¿Alguna vez has deseado poder crear tu propia aplicación? Pero, ¿pensaste que aprender a programar era demasiado esfuerzo o estaba más allá de tus capacidades? ¡ La gente de Glide Apps tiene algo para ti!

¿Qué son las aplicaciones Glide?

Glide Apps es un sitio web, glidea p ps.com , que le permite crear su propia aplicación, desde una hoja de Google(Google Sheet) , en tan solo 5 minutos. Eso es lo que afirman. En verdad, probablemente te llevará más de 5 minutos, pero ciertamente no te llevará tanto tiempo como aprender a programar una aplicación. Tal vez 10 minutos.

¿Qué necesito para crear una aplicación?

Todo lo que necesita para crear una aplicación con Glide Apps es una cuenta con ellos, una cuenta de Google Drive(Google Drive account) para que pueda usar Hojas(Google Sheets) de cálculo de Google y un poco de tiempo. Glide Apps tiene una opción de cuenta(account option) gratuita . Cubrirá las necesidades de la mayoría de las personas e incluso le permitirá compartir su aplicación con otros.  

Para seguir el tutorial, deberá crear una cuenta de Glide Apps,(Glide Apps account) así que regístrese para obtener una. Si no tiene una cuenta de Google Drive, cree una ahora.

Si tiene algo de experiencia con Hojas de cálculo de Google(Google Sheets) , eso lo ayudará si desea que su aplicación sea más compleja. Aprender Google Sheets es mucho más fácil que aprender a programar, por lo que esta sigue siendo una excelente opción para la mayoría de las personas.

Si no está familiarizado con Google Sheets , es posible que esté más familiarizado con Microsoft Excel . Hay algunas diferencias entre Hojas de cálculo y Excel(differences between Sheets and Excel) . Si te sientes cómodo con Excel , aprenderás Google Sheets rápidamente.

¿Cómo puedo crear una aplicación(App) con Glide Apps ?

Construyamos una aplicación para rastrear a quién le prestamos nuestros libros. Al hacer esto , aprenderá todos los conceptos básicos sobre cómo crear una aplicación con Glide Apps . Luego, puede llevarlo al siguiente nivel y crear una aplicación para usted.

Nuestra aplicación de préstamo de libros hará(book lending app) un seguimiento de nuestros libros y de nuestros amigos, y comparará qué amigo tomó prestado qué libro y cuándo.

La primera página incluirá una lista de nuestros libros. Cuando hacemos clic en un libro, nos llevará a la página de detalles(detail page) del libro .

La página de detalles del libro(book detail page) nos mostrará todos los detalles de nuestros libros, qué amigo lo tiene y cuándo lo tomó prestado. Junto al nombre del amigo habrá botones que nos permitirán llamar o enviar un mensaje de texto a nuestro amigo para recordarle que devuelva nuestro libro.

La página de amigos nos permitirá agregar, o eliminar, amigos junto con su correo electrónico y número de teléfono(phone number) . Vamos a empezar.

Crear una hoja de Google

En nuestro Google Drive , crearemos una hoja de Google y(Google Sheet and name) la llamaremos Book Tracker .

Cambie el nombre de la primera hoja Books . El nombre de la hoja se convierte en el nombre de la página dentro de la aplicación, así que use nombres simples que tengan sentido.

Necesitaremos 8 columnas en la hoja de Libros(Books sheet) : Título(Title) , Autor(Author) , Formato(Format) , Precio(Price) , Foto(Photo) , Loaned_ To=Friends:Name y Fecha(Date Loaned) de préstamo .

¿Por qué esa columna se llama Prestado a = Amigos: Nombre? Eso es como una ecuación que Glide Apps puede leer. Lo que le dice a Glide es que esta columna tiene el nombre del amigo al que le prestó el libro. Luego le dice a Glide que asocie los nombres aquí con el nombre, número de teléfono(phone number) y correo electrónico de ese amigo en la hoja de Amigos(Friends sheet) . Más sobre eso más adelante.

Ahora necesitamos crear una hoja de amigos(Friends sheet) . Sigue adelante y hazlo. La hoja de amigos(Friends sheet) necesita 3 columnas. Nómbrelos Nombre(Name) , Correo electrónico(E-mail) y Teléfono(Phone) .

Agregar datos a su hoja de Google

Agreguemos información en nuestra hoja de cálculo Book Tracker(Book Tracker spreadsheet) . En nuestro ejemplo, estamos usando solo 4 libros para empezar. Eso es suficiente(s enough) para ayudarnos a crear y probar nuestra aplicación. Podemos añadir tantos libros como queramos más tarde.

La columna Foto(Photo column) necesita una pequeña explicación. Puede encontrar una imagen del libro que desee en Internet . Haga clic derecho(Right-click) en la imagen y seleccione Copiar dirección de imagen(Copy Image Address) . Péguelo en la columna Foto(Photo column) . Verás más adelante que nuestra aplicación mostrará la imagen. Si desea utilizar sus propias imágenes, deberá tenerlas alojadas en algún lugar en línea.

Dejemos los campos Prestado_a(Loaned_To) y Fecha(Date Loaned) de préstamo vacíos por ahora.

Cambie a la hoja Amigos(Friends sheet) y complete las columnas Nombre(Name) , Correo electrónico(E-mail) y Teléfono . (Phone)El ejemplo usa algunos nombres inventados, por supuesto.

Vuelve a la página de Libros(Books) . Ahora puede completar los campos Prestado_a(Loaned_To) y Fecha(Date Loaned) de préstamo . El nombre que pones en el campo Prestado(Loaned) a debe ser idéntico al que está en la hoja Amigos(Friends sheet) . Eso es lo que Glide usará para unir los dos. Si no son idénticos, Glide asume que no son los que deben vincularse.

Ahora estamos listos para comenzar a crear nuestra aplicación en Glide Apps .

Creación de la aplicación en Glide Apps

Cambie al sitio web de Glide Apps(Glide Apps website) en https://www.glideapps.com/ . Haga clic en el botón Crear una aplicación(Create an app ) . Eso nos llevará al sitio de creación(creation site) de la aplicación .

Haga clic en el botón Nueva aplicación(New App) en el lado izquierdo de la pantalla para iniciar el proceso.

Se abrirá una ventana que está ligada a nuestra cuenta de Google Drive(Google Drive account) . Aquí, seleccionaremos la Hoja de Google(Google Sheet) a partir de la cual queremos hacer nuestra aplicación. Haga doble clic en Book Tracker . Glide Apps comenzará a crear la aplicación para nosotros. Tomará alrededor de un minuto, probablemente menos.

Una vez que aparece la aplicación, podemos ver que la aplicación está casi completa. Funcionará así, pero hagámoslo un poco mejor.

Configuración del logotipo y la información de la aplicación(App Logo and Information)

Haga clic en el nombre y el icono de (name and icon)Book Tracker en la esquina superior izquierda de la página.

Eso abrirá una barra de herramientas a la derecha donde podemos personalizar el icono y el nombre de la aplicación. Haga clic(Click) en Cambiar(Change) debajo del icono y busque un icono adecuado. Puede seleccionar casi cualquier emoji que haya. Seleccionemos un libro.

Ahora podemos cambiar el color(background color) de fondo del icono. Elegimos un azul/morado, pero podíamos elegir cualquiera de los colores.

Ahora tenemos un logotipo de aspecto profesional para su aplicación. ¡Tan fácil!

Aquí, también podemos cambiar el tema de la aplicación. Nuestras opciones son Light , que es el valor predeterminado que vemos, y Dark , que es el inverso de la luz.

También hay una sección aquí que nos permite dar a nuestra aplicación su propia dirección web(web address) . Para este ejemplo, hemos optado por darle la URL de https://booktracker.glideapp.io . Solo una persona puede usar esa URL para su aplicación, por lo que deberá usar algo ligeramente diferente.

Justo debajo hay un área donde puede escribir una breve descripción de su aplicación.

Justo debajo de eso, podemos configurar la privacidad de la aplicación en cualquiera de las siguientes opciones: Público(Public) , Público(Public) con correo electrónico, Contraseña(Password) y Lista blanca de correo electrónico. Esto nos permite determinar quién puede tener acceso a nuestra aplicación. Para fines de demostración, lo configuraremos en Public .

Tome nota(Take note) de ese ícono de chat sonriente. Esa es nuestra línea directa para ayudar. Podemos usarlo para buscar en la Wiki de (Wiki)Glide Apps . Si no encontramos la respuesta que necesitamos, podemos enviar un mensaje a la buena gente de Glide Apps . Son receptivos y serviciales(responsive and helpful) .

La página de libros

Tenemos más de 4 libros, por lo que queremos poder agregar más libros directamente desde la aplicación. Para hacerlo, haga clic en Pantallas(Screens) en la barra de herramientas de la izquierda. En la barra de herramientas derecha, veremos un botón para Agregar elemento(Add item) .

Haga clic(Click) en eso y aparecerá un signo más (+) en la esquina superior derecha de nuestra aplicación. Al hacer clic(Click) en el signo más, se abre un formulario que podemos usar para ingresar más libros.

Miremos la página de un libro individual. Haga clic(Click) en uno de los libros y nos llevará a la página de detalles de ese libro. Todo lo que teníamos en nuestra Hoja de Google(Google Sheet) en la página de Libros(Books page) se presenta muy bien aquí.

Podemos ver que el nombre de un amigo aparece debajo del libro, con una punta de flecha a la derecha. Tocar esto nos lleva a la página de detalles de ese amigo.

Desde aquí, podemos enviar un correo electrónico, enviar un mensaje de texto o llamar al amigo para ver si disfruta del libro o para pedir que lo devuelva.

La página de amigos

Miremos la página de Amigos(Friends) . Parece la página de Libros(Books) , pero con nuestros amigos, por supuesto.

Tenemos más de tres amigos, así que hagamos que la aplicación nos permita agregar más amigos, al igual que hicimos que nos permita agregar más libros. En la barra de herramientas derecha, haga clic en el botón Agregar elemento (Add item ) . Veremos un signo + en la esquina superior derecha de la página Amigos(Friends page) . Al hacer clic en eso, se abre un formulario que nos permite agregar más amigos.

Navegación de aplicaciones

Finalmente, ordenemos la navegación. Haga clic(Click) en Navegación(Navigation ) en la barra de herramientas de la izquierda.

En la barra de herramientas derecha, vemos las páginas de la aplicación enumeradas. Cambiemos el ícono de cada página para que sea un poco más significativo. Haga clic(Click) en Cambiar(Change ) debajo del ícono circular(circle icon) para Libros(Books) . Podemos buscar un icono adecuado aquí. Elijamos el icono Abrir libro .(Book Open)

Haz lo mismo para cambiar el ícono de la página Amigos(Friends page) . Elegimos el ícono(Facebook icon) de Facebook porque se asocia fácilmente con amigos.

¿Apple o Android?

Hasta ahora, hemos hecho todo esto en la vista de iPhone(iPhone view) . Si deseamos ver cómo se vería la aplicación para un dispositivo Android(Android device) , haga clic en el ícono de Apple cerca de la parte superior derecha del área de vista previa de la aplicación(app preview area) . Te mostrará instantáneamente cómo se verá en la mayoría de los dispositivos Android(Android device) .

Compartir la aplicación

¡Eso es todo! Tu aplicación está lista. Todo lo que queda por hacer es compartirlo con la gente y Glide también lo hace fácil. Simplemente haga clic(Just click) en Compartir aplicación(Share App) en la barra de herramientas de la izquierda(left toolbar) para ver todas las formas en que podemos compartirla con las personas. Podemos compartirlo en Twitter , Facebook , por correo electrónico u obtener un enlace que podemos poner en un sitio web.

¿Cuál será tu aplicación?

Glide Apps proporciona algunas (Glide Apps)aplicaciones de ejemplo(example apps) simples y más complejas que puede desarmar para aprender o inspirarse. Podría crear una aplicación para su gremio(gaming guild) de jugadores, o un directorio de restaurantes locales, o lo que sea que le apetezca.

Si se puede representar en forma de hoja de cálculo(spreadsheet form) , puede usar Glide Apps para crear una aplicación para él. Esperamos que pruebe Glide Apps y nos cuente lo que creó.



About the author

Soy ingeniero de software con más de 15 años de experiencia en Microsoft Office y Edge. También he desarrollado varias herramientas utilizadas por los usuarios finales, como una aplicación para rastrear datos de salud importantes y un detector de ransomware. Mis habilidades radican en desarrollar un código elegante que funcione bien en varias plataformas, además de tener una gran comprensión de la experiencia del usuario.



Related posts