Cómo crear una aplicación sin código

1. Te doy la bienvenida al curso: Hoy en día, ya no necesitas ser programador para construir una app. Sin herramientas de código, cualquiera puede crear software más rápido que nunca. Pero si estás tratando de construir software funcional útil rápidamente, saber por dónde empezar puede ser complicado. En este curso, te voy a poner marcha con un proyecto sencillo que cubre todos los fundamentos para construir un gran software de negocios Ya sea que seas emprendedor, freelancer o dueño de un negocio que busca agilizar tus operaciones, te guiaré paso a paso sobre la mejor manera de abordar tu proyecto. En este curso, voy a cubrir los fundamentos de ningún código. Cómo planificar y estructurar tu aplicación con datos comerciales del mundo real, cómo diseñar una interfaz profesional, cómo automatizar flujos de trabajo, activar acciones impulsadas por IA e integrarte con herramientas externas y, finalmente, cómo publicar y compartir tu aplicación con tu equipo o clientes en minutos. No vamos a cubrir solamente teoría en este curso. Construirás las bases de una aplicación empresarial funcional desde cero. Verás cada paso en acción, desde la planeación hasta la publicación, que puedas aplicar el mismo enfoque a tus propios proyectos. No se requieren habilidades técnicas para este curso, solo una disposición para aprender y quedarse atascado. Te veré dentro del curso. 2. ¿Qué es el desarrollo de aplicaciones sin programar?: El software está en todas partes, desde sistemas de tráfico hasta dispositivos médicos y su banco. Cuando los humanos quieren hacer algo de manera más efectiva, generalmente tratamos de construir una herramienta con computadoras que nos ayuden. Pero, ¿cómo se hace el software si no lo ha hecho antes? Bueno, en este video, te voy a dar una visión general de la ausencia de desarrollo de código, una poderosa manera de crear nuevo software sin experiencia en ingeniería o diseño. Ahora, si ya no conoces ningún código, puedes saltar directamente al siguiente video donde caminaremos juntos a través de una compilación. Todo el software es realmente solo capas de instrucciones, cada uno basado en el anterior para crear sistemas funcionales complejos. En el nivel más bajo, tiene las instrucciones a nivel de máquina, que son las partes en bruto que ejecutan el hardware. Hoy en día, los desarrolladores suelen utilizar lenguajes de programación de alto nivel para escribir software. Estos lenguajes proporcionan una manera más legible por humanos instruir a la computadora Entonces se podría pensar que la programación, por lo tanto significa usar código para hacer software. Pero en realidad, en esencia, programación es simplemente dar instrucciones a una computadora. No importa cómo des esas instrucciones. Por ejemplo, imagina que tienes un termostato. Esto viene con capacidades, pero no hace nada si no lo programas. Hay que decir cuándo se encenderá y cuándo se apagará. Pero claro, este es un ejemplo muy sencillo. En realidad no es programación. Es sólo dar una instrucción. No se pueden construir cosas nuevas con los controles de un termostato. Herramientas de desarrollo visual o sin software de código, te dan una interfaz de usuario en que puedes programar nuevo software sin tener que lidiar con las complejidades de la programación basada en texto Ahora, hay pros y contras cada forma de construir software. La programación tradicional basada en texto ofrece básicamente un control ilimitado sobre qué es lo que intentas construir, pero generalmente toma mucho tiempo aprender e incluso lleva mucho tiempo crear aplicaciones pequeñas y simples Por otro lado, las herramientas de código bajo o sin código abstraen muchas de las decisiones de bajo nivel que tienen que tomar los desarrolladores tradicionales, acelerándote enormemente y permitiéndole enfocarte en lo que es lo que quieres que haga acelerándote enormemente y permitiéndole el software Ahora, todas las plataformas de desarrollo de NOC tienen que tomar decisiones cuando se diseñan sobre qué partes del proceso de desarrollo te darán control y qué partes manejarán automáticamente por ti Ahora bien, debido a este equilibrio entre poder y facilidad, diferentes plataformas sin código abordan esto de maneras bastante diferentes. Algunos son muy complejos y difíciles de aprender, pero son increíblemente flexibles. Y luego en el otro extremo del espectro, otros son muy simples, fáciles de aprender, pero solo te permiten construir ciertos tipos de funcionalidad. Y claro, hay muchos en el medio. En este curso, vamos a usar Glide, una plataforma para construir aplicaciones web que combina una forma similar a una hoja de cálculo de administrar tu back end con una interfaz de programación visual para maquetación y acción 3. Definición del problema: Entonces, antes de empezar a desarrollar algo, primero tenemos que decidir qué problema vamos a resolver. Ya sea que esté desarrollando para un cliente o construyendo algo para usted o su negocio, es realmente esencial comenzar entendiendo por qué está tratando de construir esa solución y todos los aspectos de ese problema. Entonces en este curso, vamos a trabajar con un cliente ficticio para que podamos enfocar nuestros esfuerzos en torno a necesidades específicas Esta persona necesita un tablero para sus operaciones de inventario. Ahora, los dashboards y portales son algunos de los tipos de aplicaciones más comunes que necesitan las empresas Toma muchas formas diferentes, pero en gran parte hablando, un tablero es una herramienta interna que muestra información como informes financieros, administrativos, KPI y cosas así Y un portal es una herramienta externa para que clientes, clientes, empleados o inversionistas accedan a la información o realicen tareas. Ahora bien, si no te interesa construir específicamente un dashboard o un portal, no te preocupes porque hemos elegido estos ejemplos específicamente porque tienen mucha funcionalidad muy común que probablemente vas a necesitar en la app que estás construyendo. Entonces, hay muchas maneras en las que puedes planear tu proyecto, tanto en términos de lo que planeas como de cómo lo planeas. Podrías escribir un documento detallado describa todas las áreas Podrías hacer un plan de pizarra blanca, o simplemente podrías hacer algunas notas en una hoja de papel Depende totalmente de ti, pero las siguientes cosas son componentes realmente importantes a considerar si quieres un plan realmente integral. Entonces, en primer lugar, es necesario comprender la funcionalidad de alto nivel. En otras palabras, es necesario determinar aproximadamente qué es lo que los usuarios pueden ver y hacer. En segundo lugar, es necesario decidir los roles de usuario. Esto significa determinar los tipos de usuarios que van a estar en tu proyecto y aproximadamente qué pueden hacer. Por ejemplo, ¿hay Administradores? ¿Hay editores o invitados, cosas así? La tercera cosa es diseñar la estructura de datos. Aquí es donde establecemos el tipo de estructura y jerarquía de datos o las relaciones entre las diferentes colecciones de datos en su proyecto. Por ejemplo, las tablas principales como categorías de inventario, usuarios, pedidos, cosas así. Y luego cualquier otra tabla como comentarios o estados. Entonces necesitamos mapear nuestras experiencias de usuario. Por lo tanto, debe detallar el tipo de experiencias y funcionalidades de usuario específicas que podría querer, como subir un artículo o editar inventario y cosas así Y luego puedes entrar en la planeación detallada, como delinear los flujos de trabajo y acciones o la navegación Podría hacer esto a través de marcos de alambre, especificaciones o simplemente simples viñetas Entonces, para que todo esto sea un poco más concreto, veamos cómo haríamos esto con nuestro cliente ficticio Entonces nuestro cliente ficticio es Sarah Thompson, quien trabaja para Ascent Sarah supervisa las operaciones de la cadena de suministro, y nos envió este informe Necesitamos una mejor manera de administrar nuestro inventario y auditorías. Actualmente estamos usando Google Sheets, y nuestros agentes de campo a menudo tienen que llamar o revisar hojas de cálculo en sus teléfonos, lo que está lejos de ser ideal Hemos intentado usar software personalizado antes, pero nuestros procesos cambian tanto, nos hemos quedado con las hojas de cálculo Necesitamos una aplicación que nos brinde seguimiento de inventario en vivo, alertas de existencias bajas y un proceso de administración de pedidos simplificado, y la administración también necesita paneles básicos con keymetrics para ayudarnos a tomar mejores decisiones Entonces, con un poco de pensamiento y posiblemente alguna conversación con el cliente, podemos dibujar algunas ideas de primer nivel sobre este proyecto. En primer lugar, las necesidades y problemas del cliente incluyen la gestión de inventarios. Están usando métodos anticuados como Google Sheets, lo que está llevando a un exceso de existencias o existencias Necesitan administrar el cumplimiento de pedidos. Por lo que actualmente hay ineficiencias o retrasos debido al seguimiento manual Existe potencialmente un problema en torno a la visibilidad de los datos. Tienen una falta de datos en vivo o quieren tomar decisiones más informadas sobre esos datos. Y luego, claro, tienen agentes de campo. Realmente confían en las personas que están en el campo, y actualmente están confiando en, como, llamadas telefónicas o actualizando hojas de cálculo, lo que está lejos de ser ideal Entonces podemos pensar en las características clave de esta aplicación. Vamos a necesitar un dashboard, que es el tipo de ventas totales o valores de acciones o cualquier otro tipo de KPI que quieran ver en el nivel superior Vamos a necesitar una página sobre administración de inventario, que no es solo listados detallados de inventario, sino que también les permita reabastecer y tal vez recibir alertas si las cosas están bajas Y entonces también vas a necesitar tener algo sobre la gestión de pedidos. Por lo que el seguimiento de los pedidos con los clientes y el estado y cualquier detalle más que necesiten allí. Entonces, obviamente, en este video, los he puesto en viñetas bastante simples y claras porque he pensado en esto antes de haber hecho el video. Para ti, vas a estar una lluvia de ideas y escribiendo cosas luego organizarlas en un conjunto de requisitos Es muy importante capturar inicialmente todo lo que es importante para el proyecto. Cosa en la que piensas y no te preocupes demasiado por ponerlo en una especificación formal de inmediato. Entonces, aquí tienes un ejemplo de cómo esto podría funcionar en tu proceso. En primer lugar, es posible que tengas un montón de notas adhesivas como esta con muchas y muchas ideas diferentes, y luego podrías formalizar esto en cosas como tablas, pantallas, funcionalidad y cosas así Aquí, estamos usando FIG Jam, una herramienta realmente genial para la pizarra y la lluvia de ideas Pero puedes usar lo que quieras, lo que sea que te ayude a pensar profundamente sobre este proyecto. Y puedes ver aquí que hemos decidido nuestras cuatro mesas. Entonces hablemos de eso en la siguiente lección sobre el diseño de la estructura de datos. 4. Modelado de datos: Glide es una plataforma de diseño de software muy basada en datos, pero ¿qué entendemos por diseño basado en datos Bueno, como vimos en el primer video, software está construido sobre muchas capas de tecnologías, hasta los unos y ceros del código de máquina Si bien todo esto es técnicamente datos, cuando hablamos de datos, lo que realmente queremos decir son los datos que son específicos de tu app, yo, la información que se ve en la interfaz de usuario y responde a las acciones de los usuarios. Deslizamiento, hay tres áreas. Al construir comienza con tus datos en el editor de datos. A continuación, diseñará su diseño en el editor de maquetación y asigne esos datos a los componentes. Y luego finalmente, si es necesario, puedes construir acciones e integraciones en la parte superior Ahora, naturalmente, a medida que estás construyendo, vas a estar moviéndote lado a otro entre estas etapas. Pero antes de comenzar a construir, en realidad es muy importante ordenar su estructura de datos. Entonces, si vienes del mundo de las hojas de cálculo, puedes estar acostumbrado a organizar tus datos con mucha libertad Pero el deslizamiento es un poco diferente a esto. Glide funciona un poco más como una base de datos donde sus datos deben estar perfectamente estructurados en filas y columnas con cada columna teniendo un encabezado Ahora bien, si estás construyendo tus tablas desde cero en Glide, esto no debería ser un problema, pero si estás hundiendo tus datos de una hoja de Google existente, entonces podrías necesitar pensar reestructurar un poco esos datos Así que queremos ser muy inteligentes acerca de cómo estamos organizando nuestros datos. No sólo vamos a hacer una mesa enorme con 1 millón de columnas, y tampoco queremos hacer 1 millón de mesas para todo lo que se nos ocurra. Cuando empiezas a construir por primera vez, quieres tener solo unas cuantas mesas diferentes que rompan las partes principales de tu proceso. Siempre puedes agregar nuevas tablas más adelante. Entonces volvamos a nuestro plan por un segundo. Ahora, ya sé cuántas tablas va a necesitar esta aplicación porque antes he construido aplicaciones. Sé que va a necesitar artículos de inventario, pedidos, proveedores y personas. Pero si recién estás comenzando, posible que tengas este tipo de lluvia de ideas de notas adhesivas sobre pantallas, funcionalidad, acciones, datos, filas, propiedades Oh, mucho, mucho más. Y por lo tanto tal vez no quede claro aún qué tablas necesitas. Entonces, si te sientes así, es muy importante enfocarte al principio en lo que es más esencial. Puedes, por supuesto, construir mucho muy rápido sin código, pero al inicio de este proyecto para ti, quédate con alrededor de tres a cinco tablas máximo de datos y no más que eso. Entonces también, mientras estás pensando en esto, para simplificar, trata de pensar en tres preguntas clave. Número uno, realmente, ¿cuáles son los objetos o tipos de cosas principales o más importantes en tu app? Aquí, no estamos hablando de funcionalidad o pantallas. Solo piensa en las categorías de datos que van detrás de todo, como personas, proyectos, pedidos, clientes, citas, o proveedores, cosas así. Cada una de estas cosas podría tener una tabla dedicada con filas de datos. Dos, ¿ se pueden combinar estos artículos en una sola categoría o algunos pueden ser propiedades de otros? Por ejemplo, un artículo de inventario tiene un precio, un SKU, un nombre, una descripción, nivel de stock y potencialmente muchas otras propiedades. Por lo tanto, un artículo de inventario claramente necesita su propia tabla porque va a tener muchas columnas diferentes, pero un manual de instrucciones probablemente solo será propiedad de un artículo de inventario en lugar de una tabla separada completa. Número tres, ¿este artículo necesita su propia mesa o puede ser algo que esté construido sobre una mesa existente? Entonces, por ejemplo, solo porque quieres una pantalla para una función específica como agregar artículos de inventario, no significa que necesites una tabla separada. Por ejemplo, la pantalla de agregar inventario puede usar la tabla de inventario existente en lugar de requerir una nueva tabla. Entonces, al hacer estas preguntas, ojalá pueda destilar su enorme lluvia de ideas de notas en las tablas más esenciales, haciendo que su estructura de datos mucho más clara y Ahora, antes de agregar sus datos, necesita iniciar un proyecto en blanco en Glide hecho , puede hacer que Glide cree una aplicación predeterminada basada en su estructura de datos existente, pero como estamos aprendiendo cosas desde cero aquí, vamos a elegir un proyecto en blanco y dirigirnos al editor de datos una vez que se cree Ahora, si tus datos ya existen en otro lugar y quieres sincronizarlos con glide, puedes agregar una nueva tabla en el editor de datos y elegir tu fuente de datos Podrás ver las tablas que aparecen a la izquierda aquí y ahora podrás editar tus datos en planeo, y los cambios que realices en planeo se sincronizarán y viceversa Alternativamente, sin embargo, puede exportar sus datos desde esa fuente de datos y subirlos y alojarlos en la tabla de deslizamiento Ahora, si estás construyendo tu app y tus datos desde cero, después de haber agregado las columnas en tus tablas, solo puedes agregar algunas filas de datos solo para que tengas algo con lo que estar trabajando. Entonces a medida que los usuarios empiezan a usar la app, pueden comenzar a poblar estos datos a través de las diferentes pantallas que construimos, y te mostraré cómo hacerlo en el siguiente video Ahora, tocaremos esto a continuación, pero el editor de datos de Glide es increíblemente poderoso y agrega una capa completamente nueva sobre sus datos existentes Puede mejorar sus datos con cálculos potentes y trabajar directamente con IA, todo sin fórmulas o código complejos 5. Diseñar la interfaz de la aplicación: Ahora es el momento de crear el lado frontal de la aplicación, la interfaz de usuario o la interfaz de usuario. Esto es lo que los usuarios verán e interactuarán cada vez que usen la aplicación, y se conectará directamente a tus datos, donde sea que esté, ya sea en planeamiento o si se está hundiendo de otro lugar Entonces, la aplicación que vamos a construir desde cero en este curso en realidad ya es una plantilla completamente construida que puedes copiar gratis. Entonces, si hiciste algún encuadre por cable o mapeo de experiencias de usuario, ahora es el momento de sacar esos planes y usarlos a medida que avanzas en el editor de maquetación Ahora, ya tenemos nuestras mesas. Glide agrega automáticamente la tabla de un usuario a todas las aplicaciones nuevas, y hemos agregado nuestras otras tres aquí Ahora, en mi plan, dije que quería comenzar con tres pantallas principales y estas siete características principales. Pero en este corto recorrido, sólo vamos a abordar dos pantallas y una característica. Abordaremos la pantalla de inventario. La pantalla de pedidos y luego la alerta de existencias bajas. El tablero es un poco más complicado y requiere que todas estas características que tenemos planeadas aquí y que FIG Jam se construya primero. Pero puedes, por supuesto, explorar esto más adelante mirando la plantilla y deconstruyendo cómo se ha hecho Para agregar una pantalla, damos clic aquí. Puede crear pantallas en blanco, pantallas de forma y pantallas preconstruidas. Pero lo que vamos a hacer es construir una pantalla a partir de nuestros datos. Entonces vamos a hacer clic en nuestra tabla de inventario. Por defecto, Glide construye una pantalla para nosotros con un componente de colección, y esa colección tiene este estilo aquí Podemos cambiar diferentes estilos aquí y modificar la configuración de esa colección. Ahora cada ítem aquí representa una fila de información de nuestra tabla. Si hacemos clic en uno de esos elementos, podemos ver toda la fila representada en componentes visuales. Volvamos a la pantalla de nivel superior y abramos el panel de datos. El panel de datos es como un mini editor de datos. Y mientras navega por el editor de maquetación, el panel de datos te mostrará todos los datos que están detrás de cualquier cosa que esté seleccionada actualmente. Por ejemplo, si creamos una nueva pantalla a partir de una tabla diferente, como, digamos, la tabla de órdenes, vamos a ver porque hemos seleccionado la pantalla de pedidos, todos los datos de orden en y si cambiamos uno de los valores aquí en la pestaña de datos, vamos a ver que eso se refleja en la interfaz de usuario. Así que simplemente eliminemos esta pantalla y volvamos a la pantalla de inventario que acabamos de crear. Ahora, la primera fila de nuestra tabla aquí se muestra como el primer ítem. Y si hacemos clic en ese elemento en la interfaz de usuario, vemos la totalidad de esa fila representada en componentes. Cada columna de nuestra tabla se asigna automáticamente a un componente en la pantalla. No se requiere conexión manual de nosotros. Y este es el patrón básico básico de deslizamientos para moverte por la cabeza Las colecciones muestran muchas filas de datos, y un elemento o una pantalla detallada muestra una fila completa de nuestra tabla. Ahora, si quieres, puedes pausar el video aquí y simplemente tener una jugada con todo esto. Agrega cargas de pantallas, agrega y elimina componentes, cambia los datos que están mostrando. Al igual que, todo se puede eliminar y solo puedes empezar de cero una y otra vez. Es muy importante simplemente pasar el tiempo y ponerse cómodo aquí. A continuación, sin embargo, vamos a cubrir la edición y eliminación. Ahora, probablemente viste en mi plan esta palabra Krud. Si no lo sabes, Krud es un acrónimo que se usa mucho en el desarrollo de software, y significa crear, leer, actualizar, eliminar Y este es realmente el conjunto más común de características que necesita el software, particularmente el software centrado en los negocios. Y Glide hagamos esto de inmediato de la caja. Cuando se agrega una colección a una tabla, adición y la edición están activadas de forma predeterminada, pero puedes desactivarlas. Y, por supuesto, también puedes permitir que las personas eliminen. Y esto es lo que es tan poderoso no tener código sin prácticamente ningún esfuerzo que tenemos construido sobre nuestros datos que podemos enviar y publicar a nuestros usuarios en tan solo unos clics más. Ahora bien, esta pantalla podría no ser del todo adecuada para ti. Entonces Glide, por supuesto, te da controles para personalizar este punto de partida Entonces, vamos a sumergirnos en eso ahora. Entonces estamos viendo una pantalla de nivel superior aquí, y tiene un componente en ella, una colección. Si hacemos clic en esa colección, podemos cambiar los datos que se muestran y más detalles sobre su estilo. Pero también podemos agregar otros componentes a esta pantalla de nivel superior. Agreguemos un componente de título y lo arrastraremos por encima de nuestra colección. Ahora, el componente de título tiene algunos estilos diferentes, y voy a elegir este estilo de portada. Por defecto, Glide mapea este componente para mostrar algunos de los datos de la fila superior de nuestra tabla Eso es porque esta pantalla en la que estamos está construida en la parte superior de la tabla de inventario, pero en realidad no queremos esto. Queremos introducir valores personalizados aquí. Los valores y los tipos de valores son un concepto muy importante para comprender el deslizamiento porque continuamente mapea valores de sus datos o usa valores personalizados que ingresa en el editor de diseño Por ejemplo, aquí, este componente de título está mostrando actualmente la fila superior de nuestra tabla, y podemos ver que las propiedades de título, subtítulo e imagen se han mapeado a los datos que están en esa fila Por supuesto, podemos intercambiar las propiedades que está mostrando a otras columnas en esa fila, pero en realidad no queremos que se obtenga un valor de columna de nuestros datos aquí. De hecho, queremos un valor personalizado que no esté mapeado a nuestros datos. Y para eso, solo lo escribes en el campo. También eliminaremos el subtítulo y elegiremos una imagen de stock para representar esta pantalla Ahora bien, este componente no está mapeado a una fila en nuestra tabla, sino que simplemente representa lo que queremos mostrar en este lugar específico. Ahora, tenemos esta repetición aquí de títulos, así que voy a entrar en el componente de colección y eliminar el título para que solo tengamos el título de pantalla en el componente title. Bien, así que eso es lo básico de nuestra pantalla de nivel superior. Nuestra pantalla de anuncios ya está configurado automáticamente para nosotros por deslizamiento, y también lo es la pantalla Editar Y las pantallas de edición se construyen con componentes de entrada, lo que permite a los usuarios ingresar datos cuando envían esos cambios ya sea como una nueva fila en la pantalla Anuncio o ediciones a una fila existente en la pantalla Editar Ahora, por supuesto, puedes desactivar esto globalmente, o puedes cambiar qué componentes tienen la capacidad de editar las personas. Todo lo que necesitas hacer es simplemente eliminar algunos de los componentes de esa pantalla que están mapeados a las columnas que no quieres que la gente edite. Entonces podrán agregar o editar elementos, pero sólo para las columnas que muestres en esa pantalla. Al hacer clic en un elemento, navega a esa pantalla de detalles de elementos. Las pantallas de detalle son similares a las pantallas de nivel superior, excepto que siempre muestran el contexto de una sola fila. Por ejemplo, si tuviéramos que volver a abrir la pestaña de datos aquí, podríamos ver que si cambiamos entre los diferentes elementos, vemos solo una sola fila diferente cada vez Además, cualquier cosa que hagas a una pantalla de detalles de artículos en una colección se aplicará a todos los demás artículos, pantallas de detalle en esa colección. Por ejemplo, si agregamos un componente notes a esta pantalla y lo asignamos a la columna notes, veremos cuando vayamos a los otros ítems que todos ellos también obtienen un componente notes pero mapeados a los datos de esa fila. Entonces esa es nuestra pantalla de inventario. Vamos a configurar rápidamente la pantalla de pedidos de la misma manera. Añadiremos una nueva pantalla, elegiremos nuestra tabla de pedidos y cambiaremos el diseño para que sea un Cvan Profundizaremos configuración de la colección y la agruparemos por estado. Ahora podemos arrastrar nuestros pedidos y cambiar su estado visualmente. Entonces ya sabes cómo personalizar las pantallas de detalle aquí, así que vamos a saltarnos eso. Vamos a pasar a nuestras siguientes dos características, que son características bastante simples, que son características bastante simples lista de pedidos pendientes y un punto culminante de existencias bajas. Así que vamos a crear una nueva pantalla personalizada para el tablero y agregarle un componente de colección con el estilo de mesa. Cambiaremos esta fuente de datos para que sea la tabla de órdenes. Entonces, lo que queremos mostrar en esta colección son realmente todos los artículos de pedido que tienen un estado de pedido de pendientes. Entonces lo que necesitamos para esta colección es un filtro. Para ello, nos dirigiremos a las opciones de ese componente y debajo de la sección de datos de filtro, agregaremos un nuevo filtro donde el estado de la orden está en progreso. Ahora tenemos una colección que nos muestra todos los pedidos que están pendientes. Podríamos, por supuesto, mejorar esto un poco. Escojamos un estilo que sea más compacto y agreguemos el ID de pedido. El cliente, la cantidad y el valor del pedido. Y cambiaremos el título de la colección para que sean órdenes pendientes. Además, no queremos que la gente pueda agregar artículos aquí. Solo queremos que esta sea una colección que muestre un conjunto específico de cosas. Así que nos dirigiremos a la pestaña Acciones y desactivaremos agregar y editar. Entonces, otra forma de cambiar lo que aparece en tu interfaz de usuario es en realidad hacer esto primero en el editor de datos para crear esencialmente una columna calculada en el editor de datos que cambia dependiendo de ciertos criterios. De esta manera, si el stock cae por debajo de cierto nivel, aparecerá un nuevo valor, que luego podremos mostrar en el editor de maquetación. Para ello, vamos a usar la columna if then else, que mira a otras columnas para determinar qué valores genera. En la primera condición, diremos si stock actual es menor o igual a diez, luego sacaremos el valor stock bajo. Y podemos poner un emoji aquí, y luego simplemente podemos dejar esta otra parte en blanco. Ahora en el editor de maquetación, podemos agregar esto a la meta propiedad, y ahora solo los artículos con bajo stock mostrarán este valor. Entonces eso es una mirada al editor de maquetación. Tenemos mucha más información sobre todos los diferentes componentes en nuestra documentación, y realmente te animo a que te sumerjas en la plantilla terminada para entender y hurgar y explorar cómo funciona realmente todo esto En el siguiente video, vamos a ver cómo podemos comenzar a extender nuestra aplicación con el poder de los flujos de trabajo y la IA de deslizamiento 6. Extende el poder de tu aplicación con flujos de trabajo, automatizaciones e IA: Hasta ahora hemos cubierto los datos y el diseño de nuestra aplicación, pero hay una capa más para construir software que es realmente importante, y esas son las acciones que puede realizar una aplicación, ya sea enviando un correo electrónico, alertando al usuario con una notificación o incluso activando un flujo de trabajo en segundo plano sin que el usuario esté involucrado En realidad, entender cómo hacer que tu app haga las cosas es realmente importante. Y para esta aplicación, nos vamos a centrar en características que realmente aceleren el proceso de procesamiento de pedidos para nuestro cliente y eliminen el tipo de trabajo manual para el equipo. Entonces, la aplicación en la que hemos estado trabajando ya tiene mucha funcionalidad útil que acaba de al construir la interfaz de usuario. Hemos creado, leído, actualizado y borrado en inventario y pedidos, y tenemos el inicio de un tablero básico con nuestras órdenes pendientes en él. Ahora, cuando se habla de acciones y flujos de trabajo, es muy importante desglosar esta categoría en dos áreas. Primero, están las acciones que ocurren cuando los usuarios las inician como tocar un botón o completar un paso. Y luego están los flujos de trabajo que se ejecutan silenciosamente en segundo plano sin la interacción del usuario Por ejemplo, los datos podrían actualizarse todos los lunes a las 9:00 a.m. O algo externo como un correo electrónico podría desencadenar un evento en tu app que actualice algo. Repasemos ahora algunos ejemplos para darte una idea de lo que es posible. Ahora, es posible que ya haya configurado algunas acciones independientes a medida que agregaba componentes. Estas son acciones únicas. Cuando un usuario interactúa con ellos, hace una cosa. Por ejemplo, aquí agregamos un bloque de botones que tiene la acción email y call en cada botón. Y cuando hacemos clic en cada uno de estos, automáticamente activa un correo electrónico o una llamada a nuestro cliente. Pero estas son solo acciones individuales. El editor de flujo de trabajo le permite crear flujos de trabajo de varios pasos que pueden hacer una amplia variedad de cosas. Los flujos de trabajo comienzan con un disparador. Después de que se activa el flujo de trabajo, los pasos dentro de ese flujo de trabajo comienzan a ejecutarse por su cuenta. Estos flujos de trabajo se pueden activar de diversas maneras sin que un usuario haga nada. Los activadores entrantes como correos electrónicos y webhooks pueden iniciar todo el proceso Entonces volvamos brevemente a los requisitos iniciales que nuestro cliente nos dio al inicio de este curso. Mencionaron que necesitan una aplicación que les brinde seguimiento de inventario en vivo, alertas de existencias bajas y un proceso de administración de pedidos simplificado. Ahora, la aplicación ya les está ayudando a agilizar mucho sus flujos de trabajo, pero hay algunas otras formas en las que podemos ayudarlos. Podemos permitir que sus clientes envíen sus pedidos por correo electrónico y realicen un flujo de trabajo que cree automáticamente un pedido basado en el contenido de ese correo electrónico. Y también podemos crear un flujo de trabajo que permita al equipo interno tomar fotos y subir su proceso de formulario en papel para luego extraer los datos de eso y crear un nuevo pedido a partir de él. Vamos a repasar el primer ejemplo en este curso, pero al final te mostraremos brevemente cómo podrías adaptar esto para un escenario basado en papel. Imaginemos que nuestro cliente permite a sus clientes enviar correos electrónicos usando un formulario de correo electrónico, y los correos que reciben se ven así. Ahora bien, en realidad, este es un ejemplo algo simplificado porque los clientes bien podrían, muy probablemente pedirían múltiples unidades de diferentes partes en un solo correo electrónico. Pero por el bien de este curso y siendo la primera vez que has jugado con el flujo de trabajo, vamos a mantener esto simple y asumir que cada cliente solo ordenará una parte en particular a la vez. Entonces, antes de crear nuestro flujo de trabajo, vayamos al editor de datos para ver dónde se agregarán nuestras nuevas filas. Esta es la tabla de pedidos, que actualmente está siendo poblada por nuestra aplicación manualmente cuando los miembros internos del equipo la usan. Queremos que nuestro flujo de trabajo agregue el correo electrónico del cliente, el nombre del cliente, la dirección del cliente, la pieza pedida, el número de unidades, el modelo del vehículo, la fecha del pedido y el estado. Estas son solo notas internas para nuestro equipo, así que no necesitamos eso, y el resto será rellenado automáticamente por nuestra aplicación y las personas que la usen. Ahora, vamos a hacer que nuestro flujo extraiga automáticamente estos datos. Pero también queremos dejar espacio para la supervisión humana sobre esto para que alguien pueda verificar dos veces que el pedido fue creado correctamente. Añadiremos una nueva columna aquí llamada cuerpo del correo electrónico, y aquí será donde nuestro flujo de trabajo también copiará en todo el contenido del correo electrónico que se recibió solo para que un humano lo revise. Vamos al editor de flujo de trabajo ahora y creemos un nuevo flujo de trabajo con un correo electrónico como disparador. Ahora, el flujo de trabajo ya comienza con una acción de Ad R. Este es el valor predeterminado para todos los nuevos flujos de trabajo porque es algo muy común que quieras hacer. Y ya podemos comenzar a poblar los campos aquí con los valores que vienen a través del disparador de correo electrónico Ahora, si hacemos clic en el menú aquí y vamos a activar, podemos acceder a todas las diferentes propiedades que vienen junto con un correo electrónico cuando se recibe. Para el correo electrónico del cliente, queremos que sea el valor de from email. Para el cliente, queremos el valor del nombre. Para la columna del cuerpo del correo electrónico, queremos cuerpo plano, y también podemos agregar la fecha y hora actuales para la fecha del pedido. Y esto es básicamente justo cuando se ejecuta el flujo de trabajo, la fecha y hora en que se ejecuta el aquí se agregará la fecha y hora en que se ejecuta el flujo de trabajo. Entonces, enviemos un correo electrónico de prueba a nuestro flujo de trabajo para ver realmente qué se ve esto. Genial. Bien. Entonces eso creó una nueva fila con todas estas partes extraídas del correo electrónico, pero no hemos podido extraer la dirección del cliente, la cantidad de piezas, etcétera, porque necesitamos IA para hacer esto porque es un poco más compleja Entonces voy a agregar en un nuevo paso aquí antes acción Fila de anuncios porque primero necesitamos procesar el correo electrónico con IA y extraer estos bits antes de que finalmente agreguemos la fila. Entonces bajaré a la sección de IA aquí y elijo generar texto, y luego haré clic derecho sobre esto y le renombraré a parte ordenada. Y esto solo me ayuda a hacer un seguimiento de lo que está haciendo cada acción mientras construyo mi flujo de trabajo. Ahora la acción generar texto tiene dos partes. Ahí están las instrucciones, que es donde le estás diciendo la IA qué hacer, y luego la entrada. Para la entrada, vamos a querer tirar de todo el correo electrónico que se recibe, que es el cuerpo plano de nuestro gatillo. Entonces podemos decirle a la IA lo que queremos sacar o extraer de ese correo electrónico. Pero ahora, sólo vamos a decir solo enumerar qué parte han pedido, nada más, por ejemplo, módulo de control. No enumere el número de unidades ni nada más. Prompt hace que sea realmente específico para la IA lo que queremos que haga y evita que agregue más contenido del que necesitamos. No tengas miedo de experimentar con tus indicaciones y cambiar las cosas Necesitas iterar a veces para asegurarte de que este paso particular de la IA genera exactamente lo que quieres en tus flujos Derecha. Voy a hacer click derecho sobre esta acción y duplicarla y adaptarla luego para la dirección. Y voy a hacer esto otra vez para extraer el modelo de vehículo. Y luego en nuestro paso final, voy a agregar un tipo diferente de acción de IA, que es muy similar, pero es específica para generar solo números Este es el texto para numerar la acción de IA. Y aquí dentro, voy a poner las instrucciones. Por favor, extrae el número de unidades que esta persona ha pedido. Luego volveremos a la acción ADR, y en el campo de dirección del cliente, ahora podemos ver que podemos seleccionar la dirección que es la salida de la acción de dirección, y podemos hacer esto con los otros campos también Bien, enviemos otro correo electrónico de prueba. Y ahora podemos ver que nuestro flujo de trabajo, que incluía cuatro pasos diferentes de IA ha extraído todo lo que necesitamos de ese cliente o correo electrónico para llenar una nueva fila en la tabla de pedidos Si quisiéramos, podríamos agregar un paso final aquí, como una integración para notificar a alguien con GML o en un canal de holgura Y si quisiéramos adaptar este flujo de trabajo para ayudarlos a ingresar sus formularios basados en papel, ese tipo de proceso que mencioné anteriormente, podría verse algo así. En este flujo de trabajo, estamos usando un disparador de interacción de aplicaciones que se activa después de que alguien carga un formulario El flujo de trabajo luego extrae el texto de esa imagen en el formulario, y luego todos los siguientes pasos de IA que tuvimos anteriormente simplemente hacen lo mismo, pero están extrayendo texto más específico del texto que se extrajo de la imagen. Entonces ahora estamos en el paso final. En el siguiente video, vas a aprender a publicar tu app y compartirla con tu usuario. 7. Publicación y compartición de la solución: Ahora estamos en los últimos pasos antes publicar y compartir con nuestros usuarios, y todo esto se hace en el área de configuración de Glide Empecemos por lo más importante, y eso es la privacidad y el acceso. Por defecto, todas las aplicaciones que crees son privadas, lo que significa que solo tú y otros miembros de tu equipo de planeo podrán acceder a ellas Si acabas de registrarte en Glide y no tienes ningún otro desarrollador en tu equipo, esto significa que solo serás accesible para ti Si quieres agregar usuarios que no son desarrolladores en tu equipo de planeo, entonces vas a querer cambiar esto a la tabla del usuario Esto significa que cualquier persona con un perfil en la tabla de perfiles de usuario podrá iniciar sesión en su aplicación. Ahora, si estás usando algún tipo de datos privados en tu app, debes mantener privado el acceso a tu app. Sin embargo, si estás construyendo una aplicación de cara al público que tiene datos no confidenciales en ella, entonces puedes cambiar esto a público. Cuando haces esto, tienes diferentes opciones sobre si permites o no que tus usuarios inicien sesión o no. Ahora, hay pros y contras para habilitar el inicio de sesión en aplicaciones públicas. Así que echa un vistazo a nuestro video de conceptos básicos de perfil de usuario en Glide University A continuación, puedes modificar el nombre y el icono de tu app y la apariencia Estos controles aquí te dan opciones de tematización de alto nivel para tu app Personalmente me gusta el estilo de navegación superior aquí, pero también puedes agregar uno a la izquierda. También me gusta configurar mi entorno para que sea automático que si el dispositivo del usuario está en modo oscuro, la aplicación también cambiará para reflejar eso. Por lo que estamos listos para publicar. Puedes ver aquí que a nuestra app se le ha dado un dominio predeterminado. Ahora, puedes cambiar esto siempre y cuando la URL esté disponible, pero después de que golpeemos Publicar, también podemos agregar un dominio personalizado si tenemos uno. Ahora, voy a dejar esto como está y golpearé Publicar. Y eso es todo. Nuestra aplicación ya está en vivo con la configuración de privacidad que configuramos, y podemos visitarla en nuestro navegador aquí copiando el enlace o escaneando esto con tu teléfono, y también podemos agregarla a la pantalla de inicio de nuestro teléfono. También puedes invitar rápidamente a nuevos usuarios aquí, y se agregarán automáticamente a la tabla del usuario . Entonces, eso es todo. Si has estado siguiendo, es de esperar que ahora hayas construido y publicado tu primera aplicación. Y si haces cambios después de esto, ya sea en el editor de datos, el editor de maquetación o acciones, estos se actualizarán inmediatamente para tus usuarios. Así podrás seguir iterando y mejorando esta app a lo largo tiempo sin tener que preocuparte por reimplementarla o publicarla Sin embargo, si quieres trabajar en funciones y esperar hasta que estén listas antes de que estos cambios se publiquen para tus usuarios, puedes cambiar esa configuración aquí. Y así es. Has llegado al final del curso. Recuerda, puedes descargar la plantilla completamente terminada y descubrir más sobre cómo se hizo. Esto también lo encontrarás en los recursos del curso.