PWA - Crea Aplicaciones Web Progresivas

No necesitamos programar para el desarrollo de la Aplicación pero debemos conocer y aprender lógica de programación. Son las sentencias que día a día usamos pero no lo hemos interpretado correctamente.

La sentencia condicional if nos permite comprobar si se cumple una cierta condición con el fin de ejecutar un proceso u otro.

La sentencia IF es una sentencia condicional que la usamos tanto en la hoja de Google Sheet o Glide para hacer filtrados.

Una sentencia SWITCH transfiere el control a un conjunto de una o más sentencias de asignación de reglas, dependiendo del valor de una expresión

Conoce los conceptos claves para usar las fórmulas en Google Sheet con Glide App.

• Las sentencias lógicas en Google Sheets las usaremos como fórmulas.

• Debemos tener cuidado para que Glide pueda reconocer nuestra hoja y usarla como base de datos.

Ejemplo de uso

SI(A2 = "foo","A2 es foo")

Sintaxis

SI(expresión_lógica, valor_si_verdadero, valor_si_falso)

• expresión_lógica: Expresión o referencia a una celda que contiene una expresión que representa algún valor lógico, es decir, VERDADERO o FALSO.

• valor_si_verdadero: Valor que muestra la función si expresión_lógica es VERDADERO.

• valor_si_falso [OPCIONAL; vacío en la configuración predeterminada]: Valor que muestra la función si el argumento expresión_lógica es FALSO.

Arrayformula nos sirve para que la fórmula que hemos creado se escriba o este presente en toda la columna.

Habilita la presentación de los valores obtenidos de una fórmula de arreglo en varias filas o columnas y el uso de funciones que no son de arreglo con los arreglos.

Ejemplo de uso

ARRAYFORMULA(SUM(IF(A1:A10>5, A1:A10, 0)))

Sintaxis

ARRAYFORMULA(fórmula_matriz)

• fórmula_matriz: un rango o expresión matemática que usa uno o más rangos de celdas del mismo tamaño, o una función que muestra un resultado de más de una celda.

Muestra una suma condicional dentro de un rango.

Ejemplo de uso

SUMAR.SI(A1:A10,">20")

SUMAR.SI(A1:A10,"Pagado",B1:B10)

Sintaxis

SUMAR.SI(rango, criterio, [rango_suma])

• rango: Rango en el que se prueba el argumento criterio.

• criterio: Patrón o prueba que se aplica a rango.

  • Si rango contiene texto para comprobar, criterio debe ser una string. criterio puede contener comodines, como ? para que coincida con un solo carácter o * para que coincida con cero o más caracteres contiguos. Para buscar la coincidencia con un signo de interrogación o un asterisco de verdad, agrégale como prefijo el carácter (~) (es decir, ~? y ~*). Los criterios de string deben indicarse entre comillas. Cada celda de rango se compara con criterio para ver si son iguales (o coinciden, si se usan comodines).

  • Si rango contiene números para comprobar, criterio puede ser una string o un número. Si se indica un número, se compara cada celda de rango con criterio para comprobar si son iguales. De lo contrario, criterio puede ser una string con un número (en cuyo caso también se comprueba la igualdad) o un número precedido por cualquiera de los siguientes operadores: = (comprueba la igualdad), > (comprueba si el valor de la celda del rango es mayor que el valor del criterio) o < (comprueba si el valor de la celda del rango es menor que el valor del criterio).

• rango_suma: Rango que se va a sumar, si es diferente al argumento rango.

"Muestra un recuento condicional de celdas dentro de un rango.

Ejemplo de uso

CONTAR.SI(A1:A10,">20")

CONTAR.SI(A1:A10,"Pagado")

Sintaxis

CONTAR.SI(rango, criterio)

• rango: Es el rango en el que se prueba el argumento criterio.

• criterio: Es el patrón o prueba que se aplica a rango.

  • Si rango incluye texto para probar, criterio debe ser una string. criterio puede contener comodines, incluido ? para que coincida con un solo carácter o * para que coincida con cero o más caracteres contiguos. Para buscar la coincidencia con un signo de interrogación o un asterisco en sí, agrégale como prefijo el carácter ~ (es decir, ~? y ~*). Los criterios de string deben indicarse entre comillas. Cada celda de rango se compara con criterio para ver si son iguales (o coinciden, si se usan comodines).

  • Si rango contiene números para comprobar, criterio puede ser una string o un número. Si se indica un número, se compara cada celda de rango con criterio para comprobar si son iguales. De lo contrario, criterio puede ser una string con un número (en cuyo caso también se comprueba la igualdad) o un número precedido por cualquiera de los siguientes operadores: =, >, >=, < o <=, que comprueban si el valor de la celda del rango es igual a, mayor que, mayor o igual que, menor que, o menor o igual que el valor del criterio, respectivamente.

Muestra las filas únicas en el rango de origen proporcionado, descartando los duplicados. Las filas se muestran en el orden en que aparecen por primera vez en la matriz de origen.

Ejemplo de uso

UNIQUE(A2:B26)

UNIQUE({1, 2; 3, 4; 5, 6})

Sintaxis

UNIQUE(rango)

• rango: Datos que se desea filtrar para encontrar los valores únicos.

Combinaremos fórmulas y sacaremos el máximo potencial de las mismas para conseguir mejores resultados.

Podemos agrupar varios textos para lograr resultados mejorados. Aprendamos como hacerlo.

Tener en cuenta que la hoja de Google Sheets debe tener datos para que Glide App la pueda reconocer y usarla como base de datos.

Revisa detenidamente el video y crea una copia de la Hoja de Google Sheets de la Aplicación.

Link para acceder a la Hoja de Datos ?

Dentro de esta plataforma podemos encontrar diferentes componentes de imágenes, texto, url, etc. que podemos usar para el desarrollo de aplicaciones. En esta clase revisaremos  dichos campos de Glide App, cuales son Entradas y Salidas que podemos usar.

Revisaremos cuales son las configuraciones que debemos realizar inicialmente para que funcione  nuestra App

Te enseñare las diferentes formas que podemos trabajar con las imágenes dentro de Glide App.

Los procesos de filtrar información y condiciones de visibilidad son importante para que la información llegue correctamente al usuario. En Glide utilizaremos mucho estos condicionales pues darán la información adecuada al usuario y cliente de nuestra aplicación.

Dentro de la aplicación tendremos varios perfiles y cada uno tendrá diferentes opciones:

1. Perfil de Usuario: Persona que ingresa aplicación para comprar algún producto.

2. Perfil de Proveedor: Persona dueña de un negocio que está registrado dentro del Marketplace, puede crear y editar productos.

3. Perfil de Administrador: Persona que tiene acceso a la hoja de datos, puede crear, editar y eliminar diferentes campos como: usuarios, pedidos, productos, empresas.

Cada hoja de datos será una TAB, en esta clase aprenderemos a crear TABs y filtrar según el perfil del usuario.

Revisaremos las imágenes que usaremos en esta App.

Te comparto la carpeta de imágenes para que puedas acceder a ellas y usarlas en la aplicación.

Link del Enlace:

https://drive.google.com/drive/folders/1uVLpu0WXjObrQ43xcbdVMdoluxLAJ6X9?usp=sharing

En esta lección aprenderemos como crear y ordenar el catálogo de nuestro Marketplace e incorporaremos un botón para que puedan agregar al carrito de compras.

Toda tienda virtual debe contar con un carrito de compras. En esta lección te enseñare como crear el carrito de compras usando Glide App.

En esta lección conectaremos nuestro Marketplace con WhatsApp esto con la finalidad que lleguen los pedidos al número de cada dueño de empresa.

Hasta el momento hemos realizado ya nuestro catálogo y la conexión con WhatsApp, ahora incorporaremos los servicios adicionales que nosotros deseamos por ejemplo servicios para comprar medicina o encargos.

Crearemos todos las opciones que la empresa va a tener como:

1. Crear Perfil de Empresa

2. Crear Producto

3. Editar un Producto

4. Editar precio, imagen y descripción del Producto.

5. Poner productos en promoción.

Como Administradores podemos editar y configurar toda la aplicación.

Date a conocer.!

Aprende todas las formas que permite Glide App para compartir la aplicación, ya sea en redes sociales o localmente.

Glide nos permite crear aplicaciones rápidamente pero con ciertos recursos limitados, ahora aprenderemos como podemos mejorar este tipo de interfaz con imágenes.

Utilicemos un botón flotante para mejorar nuestra interfaz y darle al usuario un recordatorio de tiene productos en la canasta y pueda finalizar la compra.

Comparte con más personas y desarrolladores lo que has aprendido.

Recuerda "No seas un simple mortal"