Projet Arduino GPS + Écran Tactile TFT : Affichage Position Temps Réel

Composants et Fournitures

Composant	Quantité
Arduino UNO (compatible)	1
Shield GPS Makerfabs	1
Shield Écran Tactile TFT ILI9341 2.4" pour Arduino	1

Applications et Services

• Visuino - Environnement de développement graphique pour Arduino
• Arduino IDE

À propos du projet

Les gens formidables de Makerfabs m'ont envoyé un Shield GPS Arduino pour soutenir le développement de Visuino et me permettre de faire plus de tutoriels. Je voulais aussi faire plus de tutos avec mon Shield Écran Tactile TFT ILI9341, j'ai donc décidé de combiner les deux shields.

Dans ce tutoriel, je montre à quel point il est simple de connecter les shields à l'Arduino et de le programmer avec Visuino pour afficher les informations de position GPS sur l'écran.

Étape 1 : Composants

• Une carte Arduino UNO compatible (peut marcher avec Mega, non testé)
• Un Shield GPS Arduino Makerfabs (verso visible photo 2)
• Un Shield Écran Tactile TFT ILI9341 2.4" pour Arduino

Après publication, Makerfabs a créé un Combo Spécial contenant tous les composants pour ce projet !

Étape 2 : Démarrer Visuino, Ajouter et Configurer le Shield TFT

L'Arduino UNO n'ayant qu'un port série (nécessaire pour la programmation), il faut programmer l'Arduino avant de connecter le GPS.

1. Installer Arduino IDE (≥ 1.6.7 requis) : arduino.cc
2. Installer Visuino : visuino.com
3. Démarrer Visuino
4. Cliquer flèche "Arrow Down" sur composant Arduino → Menu "Add Shields..."
5. Dans dialog "Shields", catégorie "Displays", sélectionner "TFT Color Touch Screen Display ILI9341 Shield", cliquer "+" pour l'ajouter
6. Dans Inspecteur d'objets, développer propriété "Text", définir sous-propriété "Size" = 2 (texte plus grand)

Étape 3 : Ajouter éléments "Text Field" pour infos GPS

Ajout d'éléments graphiques pour Latitude, Longitude, Altitude :

1. Inspecteur d'objets → bouton "..." propriété "Elements" du "TFT Display"
2. Éditeur éléments → sélectionner "Text Field" → cliquer 3 fois "+" pour en ajouter 3
3. Sélectionner les 3 "Text Field"
4. Propriété "Auto Size" = False
5. Propriété "Width" = 10
6. Propriété "X" = 10

Étape 4 : Configurer le reste des propriétés des Text Fields

1. Sélectionner "Text Field1" → "Initial Value" = "Update" (affiché avant 1ère réception GPS)
2. "Y" = 20
3. Sélectionner "Text Field2" → "Y" = 40
4. Sélectionner "Text Field3" → "Y" = 60

Étape 5 : Ajouter et Connecter Composant GPS Série

Pour décoder les infos GPS du Shield :

1. Filtre Toolbox → taper "GPS" → sélectionner "Serial GPS" → déposer dans zone de design
2. Connecter sortie "Latitude" du box "Location" du GPS1 → entrée "In" de "Shields.TFT Display.Elements.Text Field1" de l'Arduino
3. Connecter sortie "Longitude" → entrée "In" de "Text Field2"
4. Connecter sortie "Altitude" → entrée "In" de "Text Field3"
5. Connecter sortie "Out" du GPS1 → entrée "In" de "Serial[0]" de l'Arduino

Étape 6 : Générer, Compiler, Téléverser le Code Arduino

1. Dans Visuino, appuyer F9 ou bouton "Generate Code" → ouvre Arduino IDE
2. Dans Arduino IDE, cliquer "Téléverser" pour compiler et uploader

Étape 7 : Configurer et Connecter le Shield GPS

Arduino programmé → installation des shields. Le Shield GPS Makerfabs a des jumpers pour configurer les broches série (Photo 1). Configuration pour Serial Hardware sur broches 0 et 1 :

• Jumper TX → connecter TX à Pin 0
• Jumper RX → connecter RX à Pin 1
• Enficher le Shield TFT sur l'Arduino Uno (Photos 2-5)

Étape 8 : Connecter le Shield TFT ILI9341

Enficher le Shield TFT sur l'Arduino Uno comme sur les photos.

Étape 9 : Et c'est parti !

Félicitations ! Projet terminé.

Photos 2-5 et vidéo montrent le projet alimenté et fonctionnel.

• Alimenter l'Arduino UNO
• Initialement "Update" affiché sur le TFT (Photo 1)
• Sur le côté (Photo 2), LED bleue du Shield GPS Makerfabs se met à clignoter = satellites trouvés (Photo 3)
• Peu après, position GPS affichée sur le TFT (Photo 4)

Selon la localisation, cela peut prendre quelques minutes. Si pas de données après plusieurs minutes : couper alimentation, attendre 1 minute, rallumer pour réinitialiser le GPS.

Photo 1 = diagramme Visuino complet. Téléchargeable pour ouverture dans Visuino : visuino.com

Si composants manquants, Makerfabs propose le Combo Spécial avec tout le nécessaire !

FJV6QQLIWMR2MVJ.zip (fichier projet Visuino)