Pantalla de ubicación GPS con protectores de pantalla GPS y TFT

Acerca de este proyecto

Recientemente, la gran gente de Makerfabs me envió un Arduino GPS Shield para apoyar el Visuino desarrollo y me permite hacer más tutoriales. También quería hacer más tutoriales con mi ILI9341 TFT Touchscreen Display Shield , y decidí hacer un tutorial usando los 2 escudos juntos .

En este tutorial, te mostraré lo fácil que es conectar los Shields a Arduino y programarlo con Visuino para mostrar Ubicación GPS información en la pantalla .

Paso 1:componentes

• Un Arduino UNO placa compatible (también puede funcionar con Mega, pero todavía no he probado el escudo con él)

• Un protector de GPS Makerfabs Arduino (La parte trasera se muestra en la Imagen 2 )

• Un ILI9341 2.4 "TFT Touchscreen Shield para Arduino

Después de publicar este tutorial, la gran gente de Makerfabs hizo un Combo especial que contiene todos los componentes para este proyecto !

Paso 2:Inicie Visuino, agregue y configure TFT Display Shield

Desde Arduino UNO tiene un solo puerto serial, y es necesario para programar el Arduino , deberá programar el Arduino UNO antes del GPS está conectado.

Para comenzar a programar Arduino, necesitará tener el IDE de Arduino instalado desde aquí:http://www.arduino.cc/.

¡Asegúrate de instalar 1.6.7 o superior, de lo contrario, este tutorial no funcionará!

El Visuino :https://www.visuino.com también debe estar instalado.

• Inicie Visuino como se muestra en la primera imagen

• Haga clic en la " Flecha hacia abajo "botón del componente Arduino para abrir el menú desplegable ( Imagen 1 )

• En el menú, seleccione " Agregar escudos ... "( Imagen 1 )

• En " Escudos "muestra el cuadro de diálogo" Pantallas "y seleccione la categoría" Pantalla táctil a color TFT ILI9341 Shield ", luego haga clic en el botón" "para agregarlo ( Imagen 2 )

• En el Inspector de objetos, expanda " Texto "propiedad ( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Tamaño "subpropiedad del" Texto "propiedad a" 2 "( Imagen 3 ) - Esto aumentará el tamaño del texto predeterminado al dibujar texto en la pantalla

Paso 3:En Visuino:agregue elementos de campo de texto para la información de ubicación GPS

A continuación, debemos agregar elementos gráficos para mostrar la latitud, la longitud y la altitud del GPS:

• En el Inspector de objetos, haga clic en " ... "junto al valor de" Elementos "propiedad de" Pantalla TFT "Elemento ( Imagen 1 )

• En el editor de elementos, seleccione " Campo de texto ”, Y luego haga clic en 3 veces en el botón "" ( Imagen 2 ) para agregar 3 de ellos ( Imagen 2 )

• Seleccione 3 " Campo de texto "Elementos ( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Tamaño automático "propiedad de los 3 elementos a " Falso "( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Ancho "propiedad de los 3 elementos a " 10 "( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " X "propiedad de los 3 elementos a " 10 "( Imagen 3 )

Paso 4:En Visuino:establezca el resto de las propiedades de los elementos del campo de texto

• Seleccione el " Campo de texto1 "Elemento ( Imagen 1 )

• En el Inspector de objetos, establezca el valor del " Valor inicial "propiedad del elemento a" Actualizar "( Imagen 1 ):se mostrará Actualizar hasta que llegue el primer valor del GPS

• En el Inspector de objetos, establezca el valor de " Y "propiedad del elemento a" 20 "( Imagen 2 )

• Seleccione el " Campo de texto 2 "Elemento ( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Y "propiedad del elemento a" 40 "( Imagen 3 )

• Seleccione el " Campo de texto 3 "Elemento ( Imagen 4 )

• En el Inspector de objetos, establezca el valor de " Y "propiedad del elemento a" 60 "( Imagen 4 )

Paso 5:En Visuino:agregue y conecte el componente GPS en serie

Para decodificar la información GPS del GPS Shield , necesitamos agregar y conectar un componente GPS en Visuino :

• Escriba " GPS "en el cuadro Filtro de la Caja de herramientas de componentes y, a continuación, seleccione" GPS en serie "componente ( Imagen 1 ) y colóquelo en el área de diseño

• Conecte el " Latitud "pin de salida de" Ubicación "cuadro del GPS1 componente al " En "pin del" Shields.TFT DisplayElements.Text Field1 "elemento del Arduino componente ( Imagen 2 )

• Conecte la " Longitud "pin de salida de" Ubicación "cuadro del GPS1 componente al " En "pin del" Shields.TFT DisplayElements.Text Field2 "elemento del Arduino componente ( Imagen 3 )

• Conecte el " Altitud "pin de salida de" Ubicación "cuadro del GPS1 componente al " En "pin del" Shields.TFT DisplayElements.Text Field3 "elemento del Arduino componente ( Imagen 4 )

• Conecte el " Out "pin del GPS1 componente ( Imagen 5 ) a la " En "pin del" Serie [0] "del Arduino componente ( Imagen 6 )

Paso 6:Genere, compile y cargue el código Arduino

• En Visuino , Presione F9 o haga clic en el botón que se muestra en Imagen 1 para generar el código Arduino y abrir el IDE de Arduino

• En Arduino IDE , haz clic en Subir , para compilar y cargar el código ( Imagen 2 )

Paso 7:Configure y conecte el protector de GPS a Arduino

Ahora que Arduino UNO está programado, podemos instalar los escudos.

El escudo GPS de Maketfabs tiene puentes que le permiten configurar los pines utilizados para la comunicación en serie con el Chip GPS ( Imagen 1 ). Los configuraremos para usar la Serie de hardware en pines 0 y 1 del Arduino UNO :

• Configure el puente TX para conectar el TX para Pin 0 ( Imagen 1 )

• Configure el puente RX para conectar el RX al Pin 1 ( Imagen 1 )

• Conecta el protector TFT encima del Arduino Uno como se muestra en Imágenes 2, 3, 4 y 5

Paso 8:Conecte el protector de pantalla táctil TFT ILI9341 a Arduino

Enchufe el protector TFT encima del Arduino Uno como se muestra en las imágenes.

Paso 9:Y juega ...

¡Felicitaciones! Has completado el proyecto.

Imágenes 2, 3, 4 y 5 y el Video muestra el proyecto conectado y encendido.

• Encienda el Arduino UNO

• Inicialmente verá " Actualizar "que se muestra en el protector de pantalla TFT ( Imagen 1 )

• Si miras de lado ( Imagen 2 ), después de un rato verá que el LED azul en Makerfabs GPS Shield comenzará a parpadear indicando que el escudo ha encontrado satélites GPS ( Imagen 3 )

• Poco después, la ubicación GPS se mostrará en el TFT Display Shield ( Imagen 4 )

Dependiendo de la ubicación, puede llevar unos minutos mostrar los datos de ubicación. Si después de unos minutos aún no se muestran los datos, apague el proyecto, espere aproximadamente un minuto y vuelva a encenderlo para restablecer el GPS.

En Imagen 1 puedes ver el Visuino completo diagrama. Puedes descargarlo y abrirlo en Visuino :https://www.visuino.com

Si no tiene los componentes necesarios, la gran gente forma Makerfabs hizo un Combo especial que contiene todos los componentes para este proyecto !