ESP32 FIREBASE 4 (APP INVENTOR)

Academia de Tecnología

12 May 202007:30

Summary

TLDREn este video, se presenta un tutorial sobre cómo crear una aplicación con App Inventor que interactúa con Firebase Realtime Database para leer y escribir datos. El proceso comienza con la creación de un nuevo proyecto y la adición de un botón y un campo de texto. Luego, se utiliza la sección de 'bloques' para programar la interacción con Firebase, incluyendo la inicialización de una variable y la creación de condiciones para cambiar su valor. Se muestra cómo almacenar y recuperar valores de la base de datos utilizando 'store value' y 'get value'. Finalmente, se ofrece una demostración de la aplicación en funcionamiento, mostrando cómo los cambios en la base de datos se reflejan en tiempo real en la aplicación. El video concluye con la compilación y la instalación de la aplicación, así como la verificación de su funcionalidad conectándose con Firebase.

Takeaways

📝 Se está creando una aplicación en App Inventor para leer y escribir datos en Firebase Realtime Database.
🔍 Se inicia un nuevo proyecto en App Inventor y se le asigna un nombre.
📌 Se agrega un componente de texto llamado 'Label' al diseño del proyecto.
🔴 Se introduce un botón con un color amarillo y se centra en la pantalla.
🔁 Se utiliza la sección de 'Controles' para manejar el comportamiento del botón.
📈 Se implementa una variable llamada 'discreto' para alternar entre verdadero y falso.
🔄 Se establece una condicional para cambiar el valor de la variable 'discreto' cuando se presiona el botón.
🗄️ Se utiliza 'store value' para guardar el valor de la variable 'discreto' en Firebase bajo una etiqueta específica.
📡 Se configura una etiqueta para recibir actualizaciones de Firebase cuando el valor de 'discreto' cambia.
🛠️ Se incluye la configuración de la cuenta de servicio y los secretos de la base de datos en el diseño.
📱 Se compila la aplicación y se proporciona instrucciones para su instalación y uso.
🔄 Se demuestra cómo la aplicación interactúa con Firebase, mostrando cómo se actualizan los valores en tiempo real.

Q & A

¿Qué aplicación se está creando en el script?
-Se está creando una aplicación en App Inventor para leer y escribir datos en Firebase.
¿Cómo se inicia el proyecto de la aplicación en App Inventor?
-Se inicia el proyecto entrando a App Inventor en Google, seleccionando 'Crear un nuevo proyecto' y dandole un nombre al proyecto.
¿Qué componente se arrastra al área de diseño para comenzar?
-Se arrastra un componente llamado 'Label' al área de diseño para comenzar.
¿Cómo se cambia el color del botón en la aplicación?
-Se selecciona el botón y se utiliza la opción de 'Color de fondo' para cambiarlo a amarillo o el color que se desee.
¿Qué se hace después de arrastrar el componente 'Label'?
-Se ajusta el tamaño del 'Label' y se centra el texto dentro de él.
¿Qué tipo de variable se está utilizando para almacenar un valor booleano?
-Se utiliza una variable de tipo 'discreto' para almacenar un valor booleano.
¿Cómo se inicializa la variable que se utilizará para almacenar el valor booleano?
-Se utiliza el bloque 'Inicializar una nueva variable' y se le asigna el nombre y el valor inicial.
¿Cómo se configura el botón para que realice una acción cuando es presionado?
-Se utiliza un bloque 'Cuando se toca' y se adjunta la lógica deseada a ser ejecutada al presionar el botón.
¿Qué bloques se utilizan para verificar y cambiar el valor de la variable booleana?
-Se utilizan bloques de 'Control', específicamente un bloque 'Si' para verificar el valor y un bloque 'Establecer' para cambiarlo.
¿Cómo se almacena un valor en la base de datos de Firebase?
-Se utiliza el bloque 'Almacenar valor' y se especifica la 'etiqueta' o 'tag' que es el nombre del espacio en la base de datos y el valor a almacenar.
¿Cómo se obtiene un valor de la base de datos de Firebase cuando este cambia?
-Se utiliza el bloque 'Cuando cambia el valor' y se especifica la 'etiqueta' correspondiente a la que se desea monitorear.
¿Cómo se compila y instala la aplicación en un dispositivo?
-Se compila la aplicación desde la plataforma de App Inventor, se exporta como un archivo APK y se instala en el dispositivo escaneando el código QR proporcionado.

Outlines

00:00

😀 Creación de una aplicación en App Inventor para interactuar con Firebase

En este primer párrafo se describe el proceso de crear una aplicación en App Inventor con la capacidad de leer y escribir datos en Firebase. Se inicia creando un nuevo proyecto, agregando un botón y configurando su apariencia. Luego, se procede a programar la lógica para que, al hacer clic en el botón, la aplicación realice una acción que involucre una variable llamada 'discreto'. Esta variable se utiliza para alternar entre dos estados, 'true' y 'false', y se guarda el valor actual en Firebase. Además, se menciona la utilización de la función 'store value' para guardar el valor de la variable en la base de datos de Firebase.

05:01

📲 Configuración de Firebase y prueba de la aplicación

El segundo párrafo se enfoca en la configuración de Firebase y la prueba de la aplicación. Se indica cómo asegurarse de que la cuenta de Firebase esté configurada correctamente y cómo copiar y pegar la configuración de la base de datos. Después de compilar la aplicación, se escanea un código QR para descargar e instalar la aplicación en un dispositivo. Se demuestra cómo, al abrir la aplicación y hacer clic en el botón, se crea un nuevo nodo en la base de datos de Firebase con el valor de la variable 'discreto'. Además, se agrega un nuevo valor numérico a la base de datos y se muestra cómo este valor se actualiza en la aplicación. Finalmente, se agradece a los espectadores por ver el video.

Mindmap

Keywords

💡App Inventor

App Inventor es una plataforma de programación en línea que permite a los usuarios crear aplicaciones para dispositivos Android sin necesidad de escribir código en forma tradicional. En el video, se utiliza App Inventor para crear una aplicación que interactúa con Firebase, una base de datos en tiempo real.

💡Firebase

Firebase es una plataforma de desarrollo de Google que proporciona una variedad de servicios, incluyendo una base de datos en tiempo real, autenticación, almacenamiento y análisis. En el video, Firebase se utiliza como el sistema de base de datos para la aplicación que se está desarrollando.

💡Proyecto

Un proyecto en el contexto del video se refiere a una instancia específica de desarrollo de una aplicación en App Inventor. Se crea un nuevo proyecto llamado 'fire veis prueba' para comenzar el desarrollo de la aplicación.

💡Playboy

En el video, 'Playboy' parece ser un término utilizado para referirse a un componente de texto en la interfaz de usuario de la aplicación. Se menciona al arrastrar un elemento de texto y personalizarlo dentro del diseño de la aplicación.

💡Pulsador

Un pulsador, o 'Button' en inglés, es un elemento de la interfaz de usuario que los usuarios pueden presionar para activar una función o evento en la aplicación. En el video, se crea un botón amarillo que se utiliza para enviar y recibir datos de Firebase.

💡Variables

Las variables son elementos en la programación que almacenan datos que pueden cambiar durante la ejecución de un programa. En el video, se habla de 'Inicializar una nueva variable' llamada 'discreto', la cual se utiliza para almacenar un valor booleano que se envía a Firebase.

💡Condicionales

Los condicionales son instrucciones en la programación que ejecutan diferentes bloques de código basados en si una determinada condición es verdadera o falsa. En el video, se utiliza un condicional 'If' para cambiar el valor de la variable 'discreto' y enviarlo a Firebase.

💡Valores booleanos

Los valores booleanos son un tipo de dato que solo puede tener dos valores: verdadero o falso. En el video, la variable 'discreto' es un ejemplo de un valor booleano que se utiliza para controlar el estado de un botón en la aplicación.

💡Store Value

Store Value es una función en App Inventor que se utiliza para almacenar un valor en la base de datos. En el video, se utiliza Store Value para enviar el valor de la variable 'discreto' a Firebase cada vez que se presiona el botón.

💡Get Value

Get Value es una función que se utiliza para recuperar un valor de la base de datos. En el video, se utiliza para obtener el valor actual de un dato en Firebase y actualizar la interfaz de usuario de la aplicación en consecuencia.

💡APK

APK es el formato de archivo de un paquete de aplicaciones para dispositivos Android. En el video, se menciona el proceso de compilar la aplicación en App Inventor y generar el archivo APK para su instalación en un dispositivo Android.

Highlights

Creación de una aplicación en App Inventor para leer y escribir datos.

Iniciando un nuevo proyecto con el nombre 'fire veis prueba'.

Uso de un campo de texto para introducir información.

Adición de un botón con un estilo específico y color amarillo.

Eliminación del texto predeterminado del botón y su ampliación.

Integración de los bloques de programación para la lógica de la aplicación.

Inicialización de una variable llamada 'discreto'.

Implementación de una condicional para cambiar el valor de la variable 'discreto'.

Uso de la función 'store value' para guardar el valor de la variable en Firebase.

Establecimiento de una etiqueta para mostrar los cambios en tiempo real en la base de datos.

Configuración de la recepción de actualizaciones de la base de datos para la variable 'entero'.

Cambio de valores en la base de datos y visualización de los mismos en la aplicación.

Demostración de la creación de un nuevo nodo en Firebase al pulsar el botón.

Visualización de cómo el valor de 'discreto' cambia entre true y false.

Creación de un nuevo nodo llamado 'entero' con un valor inicial de 100.

Actualización del valor del nodo 'entero' a 500 y su reflejo inmediato en la aplicación.

Proceso de compilación de la aplicación y su instalación en un dispositivo.

Verificación de la comunicación entre la aplicación y Firebase al abrir la base de datos.

Conclusión del tutorial con una revisión de los pasos clave y agradecimiento.