|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

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.

_________________
- Blo
ques.

 

________________________________________________

- Otras formas de poner el mapa:

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

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información