GPS-Standortanzeige mit GPS- und TFT-Display-Schilden

Apps und Onlinedienste

	Visuino - Grafische Entwicklungsumgebung für Arduino
	Arduino-IDE

Über dieses Projekt

Vor kurzem die tollen Leute von Makerfabs schickte mir ein Arduino GPS Shield um das Visuino zu unterstützen Entwicklung und erlauben Sie mir, mehr Tutorials zu machen. Ich wollte auch mehr Tutorials mit meinem ILI9341 TFT Touchscreen Display Shield machen , und ich habe beschlossen, ein Tutorial mit den 2 Schilden zusammen zu machen .

In diesem Tutorial zeige ich dir, wie einfach es ist, die Shields mit Arduino zu verbinden , und programmiere es mit Visuino zum Anzeigen des GPS-Standorts Informationen auf dem Display .

Schritt 1:Komponenten

• Eine Arduino UNO kompatibles Board (kann auch mit Mega funktionieren, aber ich habe das Shield noch nicht damit getestet)

• Ein Makerfabs Arduino GPS-Schild (Rückseite auf Bild 2 gezeigt )

• Ein ILI9341 2.4" TFT Touchscreen Shield für Arduino

Nachdem ich dieses Tutorial gepostet habe, gründen die großartigen Leute Makerfabs eine Spezialkombination mit allen Komponenten für dieses Projekt erstellt !

Schritt 2:Visuino starten, TFT Display Shield hinzufügen und konfigurieren

Seit der Arduino UNO hat nur einen seriellen Port und wird benötigt, um den Arduino zu programmieren , müssen Sie die Arduino UNO programmieren vor dem GPS verbunden ist.

Um mit der Programmierung des Arduino zu beginnen, benötigen Sie die Arduino-IDE installiert von hier:http://www.arduino.cc/.

Stellen Sie sicher, dass Sie 1.6.7 oder höher installieren, sonst funktioniert dieses Tutorial nicht!

Der Visuino :https://www.visuino.com muss ebenfalls installiert werden.

• Starte Visuino wie im ersten Bild gezeigt

• Klicken Sie auf den "Pfeil nach unten "-Schaltfläche der Arduino-Komponente um das Dropdown-Menü zu öffnen (Bild 1 )

• Wählen Sie im Menü "Schilde hinzufügen... " (Bild 1 )

• In den "Schilden "-Dialogfeld "Displays . erweitern " Kategorie und wählen Sie "TFT-Farb-Touchscreen-Display ILI9341 Shield ", klicken Sie dann auf die Schaltfläche "", um es hinzuzufügen (Bild 2 )

• Erweitern Sie im Objektinspektor den "Text " Eigenschaft (Bild 3 )

• Setzen Sie im Objektinspektor den Wert der "Größe " Untereigenschaft von "Text " Eigenschaft zu "2 " (Bild 3 ) - Dadurch wird die Standardtextgröße beim Zeichnen von Text auf dem Display vergrößert

Schritt 3:In Visuino:Textfeldelemente für die GPS-Standortinformationen hinzufügen

Als nächstes müssen wir Grafikelemente hinzufügen, um Breitengrad, Längengrad und Höhe vom GPS anzuzeigen:

• Klicken Sie im Objektinspektor auf "... " neben dem Wert von "Elemente "-Eigenschaft des "TFT-Display " Element (Bild 1 )

• Wählen Sie im Elements-Editor "Textfeld . aus “ und klicken Sie dann 3 Mal auf die Schaltfläche "" (Bild 2 ), um 3 davon hinzuzufügen (Bild 2 )

• Wählen Sie die 3 "Textfeld " Elemente (Bild 3 )

• Legen Sie im Objektinspektor den Wert von "Automatische Größe . fest " Eigenschaft der 3 Elemente zu "Falsch " (Bild 3 )

• Setzen Sie im Objektinspektor den Wert der "Breite " Eigenschaft der 3 Elemente bis "10 " (Bild 3 )

• Setzen Sie im Objektinspektor den Wert des "X " Eigenschaft der 3 Elemente bis "10 " (Bild 3 )

Schritt 4:In Visuino:Legen Sie die restlichen Eigenschaften der Textfeldelemente fest

• Wählen Sie "Textfeld1 . aus " Element (Bild 1 )

• Legen Sie im Objektinspektor den Wert des "Anfangswerts . fest " Eigenschaft des Elements zu "Aktualisieren " (Bild 1 ) - Dies zeigt Update . an bis der erste Wert vom GPS eintrifft

• Setzen Sie im Objektinspektor den Wert von "Y " Eigenschaft des Elements zu "20 " (Bild 2 )

• Wählen Sie das "Textfeld2 . aus " Element (Bild 3 )

• Setzen Sie im Objektinspektor den Wert von "Y " Eigenschaft des Elements zu "40 " (Bild 3 )

• Wählen Sie das "Textfeld3 . aus " Element (Bild 4 )

• Setzen Sie im Objektinspektor den Wert von "Y " Eigenschaft des Elements auf "60 " (Bild 4 )

Schritt 5:In Visuino:Serielle GPS-Komponente hinzufügen und verbinden

So decodieren Sie die GPS-Informationen vom GPS-Schild , wir müssen eine GPS-Komponente in Visuino hinzufügen und verbinden :

• Geben Sie "GPS . ein " im Filterfeld der Komponenten-Toolbox und wählen Sie dann "Serielles GPS " Komponente (Bild 1 ) und legen Sie es im Designbereich ab

• Verbinden Sie den "Latitude " Ausgangspin des "Standortes " Feld des GPS1 Komponente zum "In " Pin des "Shields.TFT DisplayElements.Text Field1 " Element des Arduino Komponente (Bild 2 )

• Verbinde den "Längengrad " Ausgangspin des "Standortes " Feld des GPS1 Komponente zum "In " Pin des "Shields.TFT DisplayElements.Text Field2 " Element des Arduino Komponente (Bild 3 )

• Verbinden Sie die "Höhe " Ausgangspin des "Standortes " Feld des GPS1 Komponente zum "In " Pin des "Shields.TFT DisplayElements.Text Field3 " Element des Arduino Komponente (Bild 4 )

• Verbinden Sie das "Out " Pin des GPS1 Komponente (Bild 5 ) zum zum "In " Pin der "Seriennummer[ 0 ] " des Arduino Komponente (Bild 6 )

Schritt 6:Arduino-Code generieren, kompilieren und hochladen

• In Visuino , Drücken Sie F9 oder klicken Sie auf die Schaltfläche in Bild 1 um den Arduino-Code zu generieren und die Arduino-IDE zu öffnen

• In der Arduino-IDE , klicken Sie auf Hochladen Schaltfläche, um den Code zu kompilieren und hochzuladen (Bild 2 )

Schritt 7:Konfigurieren und verbinden Sie das GPS-Shield mit Arduino

Jetzt, da die Arduino UNO programmiert ist, können wir die Schilde montieren.

Das Maketfabs GPS-Schild hat Jumper, mit denen Sie die Pins konfigurieren können, die für die serielle Kommunikation mit dem GPS-Chip verwendet werden (Bild 1 ). Wir werden sie so konfigurieren, dass sie die Hardware Serial verwenden an Pins 0 und 1 der Arduino UNO :

• Konfigurieren Sie den TX-Jumper um den TX zu verbinden an Pin 0 (Bild 1 )

• Konfigurieren Sie den RX-Jumper um den RX zu verbinden an Pin 1 (Bild 1 )

• Stecken Sie das TFT-Schild oben auf dem Arduino Uno wie auf Bilder 2, 3, 4 und 5 gezeigt

Schritt 8:Verbinden Sie das ILI9341 TFT Touchscreen Display Shield mit Arduino

Stecken Sie das TFT-Schild oben auf dem Arduino Uno wie auf den Bildern gezeigt.

Schritt 9:Und spielen...

Herzlichen Glückwunsch! Sie haben das Projekt abgeschlossen.

Bilder 2, 3, 4 und 5 und das Video zeigt das verbundene und eingeschaltete Projekt an.

• Schalte die Arduino UNO ein

• Zuerst sehen Sie "Update " auf dem TFT Display Shield angezeigt (Bild 1 )

• Wenn Sie von der Seite schauen (Bild 2 ), werden Sie nach einiger Zeit sehen, dass die Blaue LED auf dem Makerfabs GPS-Schild beginnt zu blinken und zeigt an, dass das Schild GPS-Satelliten gefunden hat (Bild 3 )

• Kurz darauf der GPS-Standort wird auf dem TFT Display Shield angezeigt (Bild 4 )

Je nach Standort kann es einige Minuten dauern, bis die Standortdaten angezeigt werden. Wenn die Daten nach einigen Minuten immer noch nicht angezeigt werden, schalten Sie das Projekt aus, warten Sie etwa eine Minute und schalten Sie es wieder ein, um das GPS zurückzusetzen.

Auf Bild 1 Sie können das komplette Visuino sehen Diagramm. Sie können es herunterladen und in Visuino öffnen :https://www.visuino.com

Wenn Sie nicht über die erforderlichen Komponenten verfügen, gründen die großartigen Leute Makerfabs eine Spezialkombination mit allen Komponenten für dieses Projekt erstellt !