Curso de Desarrollo de Aplicaciones Mviles con App Inventor

www.cursodeappinventor.com

WhatsAppInventor (Firebase)

La aplicacin se presenta como una prueba de concepto del componente experimental
Firebase que permite la utilizacin de datos de manera concurrente entre varios
dispositivos conectados a Internet.

Las pantallas que se crean cumplen con el cometido de permitir crear un par de nuevos
usuarios en Firebase, comprobar su existencia a travs de un botn e iniciar un chat
entre ellos. La aplicacin puede utilizarse entre dos dispositivos distintos que
compartan la misma base de datos o bien en un slo terminal.

Screen1 (Diseo)

Imagen 2 Componentes de Screen1

Imagen 1 Diseo de Screen1

1 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

Screen1 (Bloques)

Imagen 3 Bloques en Screen1

2 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrCrearUsuarios (Diseo)




















Imagen 5 Componentes de
scrCrearUsuarios







Imagen 4 Diseo de scrCrearUsuarios






Imagen 6 Propiedades FirebaseDB1


La propiedad ProjectBucket es la que determina la base de datos Firebase que utilizar
nuestra aplicacin. Diferentes dispositivos que comparten el mismo ProjectBucket
pueden utilizar la misma base de datos Firebase.

3 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrCrearUsuarios (Bloques)

Imagen 7 Bloques de scrCrearUsuarios

4 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrConsultarUsuarios (Diseo)

Imagen 8 Componentes de
scrConsultarUsuarios

Imagen 9 Diseo de scrConsultarUsuarios

5 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrConsultarUsuarios (Bloques)

Imagen 10 Bloques de scrConsultarUsuarios

6 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrChat (Diseo)

Imagen 12 Componentes de scrChat

Imagen 11 Diseo de scrChat

7 8

Curso de Desarrollo de Aplicaciones Mviles con App Inventor
www.cursodeappinventor.com

scrChat (Bloques)

Imagen 13 Bloques de scrChat

8 8