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.
38F.- FirebaseDB y CloudDB. ¡¡¡Por aquí voy!!!. Mapas de Google.
p38F_firebaseDB_mapa_voy.aia
- Vamos a ver la manera de ver nuestra posición actual utilizando los mapas de Google y FirebaseDB. 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.
- Según vamos andando, se irá captando nuestra posición por GPS y guardando en una FirebaseDB. La persona andante verá su posición en los mapas de Google. La captiación de sitio y la visualización en los mapas de Google se realizará cada minuto.
- Como nuestra posición se va guardando en una FirebaseDB, otras personas que escriban nuestro nombre en el CampoDeTexto, también verán por donde vamos. Se mostrará nuestra posción cada minuto.
- Mediante una CampoDeTexto, marcaremos si queremos localizar, guardar y ver nuestra posición o bien si lo que queremos es ver la posición de otra persona.
- Por ejemplo en mi Nombre escribo: Juan y además marco la CampoDeTexto: YO, estaré guardando mi posición en FirebaseDB y viendo mi posición en los mapas de Google.
- En cambio si escribo el Nombre: Pedro y además desmarco la CampoDeTexto, estaré viendo la posición de Pedro que está guardada en el FirebaseDB con su nombres.
- Es decir, en la FirebaseDB se guarda las posiciones de cada uno con la Etiqueta de su Nombre. Otra persona que conozca ese Nombre puede ver por donde va.
_________________
- Diseño.
- La ventana Screen1 la ponemos Enrollable.
- El VisorWeb1. Ancho: Ajustar al contenedor. Alto: 500 pixeles.
- SensorDeUbicación.
- FirebaseDB.
- CasilleroDeVerificación.
- SensorDeUbicación.
- Reloj. IntervaloDelTemporizador: 60000 (1 minuto)
- DisposicónHorizontal, todos los componente que estén dentro los ponemos como ajustar al Ancho del Contenedor.
_________________
- Bloques.
_________________
- Comentarios.
- Cada minuto, ya que hemos establecido 60000 en el IntervaloDelTemporizador, el Reloj ejecuta su código interno.
- Si está marcada la CasillaDeVerificación entonces
Capta la longitud y latitud por GPS
las une: 36.525,-6.184
lo Guarda en la FirebaseDB
se muestra en los mapas de Google: https://www.google.es/maps/@36.525,-6.184,180m/data=!3m1!1e3
En caso que no esté marcada la CasillaDeVerificación
Se Obtiene el valor de la persona indicada en la CasillaDeVerificación
se muestra en los mapas de Google.
NOTA: el número 50, indica la escala del mapa, podemos cambiar ese número para ver el mapa desde más arriba, prueba poner 30, en las dos líneas de url.
- En la parte !3m1!1e3 cambia el último 3 por el número 1: !3m1!1e1, ve a un lugar que haya salido en la Street de Google, podrás ver esas posición en 360º.
_________________
_________________
_________________
38F_Activity.- FirebaseDB y CloudDB. ¡¡¡Por aquí voy!!!. Mapas de Google con Activity Starter. Así más rápido.
p38F_firebaseDB_mapa_voy_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 completa 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.
- 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.
- 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.
_________________
- Versión más completa con VisorWeb sin Reloj, utilizando DataChanged y CambioEnUbicación.
p38F_firebaseDB_mapa_voy_2.aia
p38F_cloudDB_mapa_voy_2.aia
- En vez de utilizar el Reloj, vamos a utilizar estos dos Bloques:
_________________
- Diseño.
_________________
- Bloques.
________________________________________________
- Otras formas de poner el mapa:
http://dddavemaps.blogspot.com.es/2015/07/google-maps-url-tricks.html
__________________________________
|