App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

____________________________

FirebaseDB y CloudDB.

38E.- FirebaseDB y CloudDB. ¡¡¡Aquí estoy!!!. Mapas de Google.

p38E_firebaseDB_mapa.aia

- Vamos a Guardar y Ver nuestra posición en los mapas de Google utilizando el GPS.

- Lo haremos con FirebaseDB, pero lo mismo podemos hacer con CloudDB ya que son componentes similares, a FirebaseDB lo mantiene su propia empresa y a CloudDB lo mantien el equipo de App Inventor en la MIT.

- Pulso un Botón, se capta mi posición longitud y latitud mediante GPS. Guardo esa posición en una FirebaseDB con mi nombre.
- Pulso otro Botón, escribo mi nombre y veo mi posición en los mapas de Google.

- Se puede guardar y ver la posición de varios usuarios, escribiendo el nombre de cada uno.

- Con esta aplicación un usuario puedo guardar en la FirebaseDB su posición y otro usuario que escriba su Nombre puede ver dónde está, ya que la FirebaseDB es común para los dos.

- En vez de utilizar la FirebaseDB, podríamos utilizar la MiniWebDB, ya que en este código solo necesitamos que la base de datos sea común, es decir que esté en internet para que los usuarios puedan insertar y obtener valores.

_________________
- Diseño.

- La ventana Screen1 la ponemos Enrollable.
- El VisorWeb1. Ancho: Ajustar al contenedor. Alto: 400 pixeles.
- SensorDeUbicación.
- FirebaseDB.

_________________
- Bloques.

_________________
- Comentarios.

- Guardar y ver tu posición.

- Pulso el Botón1 y obtengo por GPS mi longitud y mi latitud. Las uno separado por coma y lo presento en la Etiqueta1.

lati_longi = 36.525,-6.184

- Pongo mi nombre en el CampoDeTexto (Juan) y lo guardo junto con la posición el FirebaseDB

- Al guardar mi nombre lo paso a mayúsculas: Si escribo Juan, se guardará JUAN (Bloque mayúsculas)

- Creo mi dirección de mapa de Google:

https://www.google.es/maps/@36.525,-6.184,180m/data=!3m1!1e3

- Mediante el VisorWeb, observo esa posición en el mapa:

https://www.google.es/maps/@36.525,-6.184,180m/data=!3m1!1e3

NOTA: el número 180, indica la escala del mapa, podemos cambiar ese número para ver el mapa desde más cerca, prueba poner 30, en las dos líneas de url.

--------------------------------------------------------------------

- Ver a ese usuario.

- Escribo mi nombre en el CampoDeTexto.

- Pulso el Botón2, Obtengo el Valor de la posición que he guardado anteriormente en la FirebaseDB.

- Creo mi dirección de mapa de Google:

https://www.google.es/maps/@36.525,-6.184,180m/data=!3m1!1e3

- Mediante el VisorWeb, observo esa posición en el mapa:

https://www.google.es/maps/@36.525,-6.184,180m/data=!3m1!1e3

-------------------------------------------------------------------

Distintos usuarios, pueden guardar su posición: juan, pedro, luis,...

Al escribir el nombre de cada uno podremos ver dónde se encuentra.

- ERROR.

- En caso que salga error: "Error 906: No Focusable View Found", deshabilita o borra el bloque de Screen1.OcultarTeclado

- Hay que esperar un poco para que el móvil reciba los datos del GPS.

________________________________________________

- Otras formas de poner el mapa:

http://dddavemaps.blogspot.com.es/2015/07/google-maps-url-tricks.html

___________________________________________
___________________________________________
___________________________________________

38E_Activy.- FirebaseDB o CloudDB. ¡¡¡Aquí estoy!!!. Mapas de Google con Activity Starter. Así más rápido.

p38E_firebaseDB_mapa_Activity.aia

- Aquí vamos a ver la misma aplicación pero el mapa no se presentará en un VisorWeb, sino que se presentará a pantalla complete con el Activiy Starter.

- Para volver a la ventana inicial pulsamos el botón de "Atrás" en el móvil.

- Para ver el mapa con un zoom mayor o menor, cambiamos la z.

- La z variará desde 1 (muy lejos) hasta 23 (muy cerca)

- El mapa sale de forma más rápida que con el código anterior del VisorWeb.

- Borramos el VisorWeb del código anterior y añadimos un ActivityStarter con estos datos:

_________________
- Diseño.

- Agregamos un ActivityStarter le asignamos las siguientes Propiedades

Acción: android.intent.action.VIEW

Clase: com.google.android.maps.MapsActivity

Paquete: com.google.android.apps.maps

_________________
- Bloques.

_________________
- Comentarios.

- En este caso en la base de datos FirebaseDB se guardará:

geo:36.523,-6.184?z=20

- ERROR.

- En caso que salga error: "Error 906: No Focusable View Found", deshabilita o borra el bloque de Screen1.OcultarTeclado

- Hay que esperar un poco para que el móvil reciba los datos del GPS.

_________________
- Propuesta.

- Intenta realizar un código similiar utilizando estos Bloques:

- Otras formas de poner el mapa:

http://dddavemaps.blogspot.com.es/2015/07/google-maps-url-tricks.html

__________________________________