|   FOROS      |     Tutoriales    |     KIO4 |      
   Inicio B4A (Basic4Android) App inventor 2 WAMP - PHP - MySQL
   Elastix - VoIP Cosas de Windows Webs interesantes Arduino
  Estación meteorológica Visual Basic Script (VBS) Translate:
Búsqueda en este sitio:


Nuevo concurso para España, Argentina, Brasil, Chile, Colombia, Ecuador, México, Perú y Portugal.

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                    Return to index tutorial

____________________________

FirebaseDB.

FirebaseDB

38F.- FirebaseDB. ¡¡¡Por aquí voy!!!. Mapas de Google.

p38F_firebaseDB_mapa_voy

- 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 FirabaseDB, 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.

_________________
_________________
_________________
38F_Activity.- FirebaseDB. ¡¡¡Por aquí voy!!!. Mapas de Google con Activity Starter. Así más rápido.

p38F_firebaseDB_mapa_voy_Activity

- 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.

- 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

 

 

_________________
Propuestas.

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

__________________________________

 

- 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