Proyek Arduino GPS dan Layar Sentuh TFT: Tampilan Lokasi Real-Time
Komponen dan Perlengkapan
Arduino UNO
×
1
Makerfabs GPS Shield
×
1
ILI9341 2.4" TFT Touchscreen Shield for Arduino
×
1
Aplikasi dan Layanan Online
Visuino - Graphical Development Environment for Arduino
Arduino IDE
Tentang Proyek Ini
Mulai ini, tim hebat dari Makerfabs mengirimkan saya Arduino GPS Shield untuk mendukung pengembangan Visuino dan memungkinkan saya untuk membuat lebih banyak Tutorial. Saya juga ingin membuat lebih banyak tutorial dengan ILI9341 TFT Touchscreen Display Shield saya, dan saya memutuskan untuk membuat Tutorial menggunakan 2 shields bersama.
Dalam Tutorial ini, saya akan menunjukkan kepada Anda seberapa mudah untuk menghubungkan Shields ke Arduino, dan memprogramnya dengan Visuino untuk menampilkan informasi Lokasi GPS pada Display.
Langkah 1: Komponen
Satu papan kompatibel Arduino UNO (Mungkin juga dapat bekerja dengan Mega, tetapi saya belum menguji shield dengan itu)
Satu Makerfabs Arduino GPS Shield (Sisi belakang ditampilkan pada Picture 2)
Satu ILI9341 2.4" TFT Touchscreen Shield for Arduino
Setelah saya memposting Tutorial ini, tim hebat dari Makerfabs membuat Special Combo yang berisi semua komponen untuk proyek ini!
Langkah 2: Mulai Visuino, Tambahkan, dan Konfigurasikan TFT Display Shield
Karena Arduino UNO hanya memiliki satu port Serial, dan diperlukan untuk memprogram Arduino, Anda perlu memprogram Arduino UNO sebelum GPS terhubung.
Untuk memulai memprogram Arduino, Anda perlu menginstal Arduino IDE dari sini: https://www.arduino.cc/.
Pastikan Anda menginstal 1.6.7 atau lebih tinggi, jika tidak tutorial ini tidak akan bekerja!
Visuino: https://www.visuino.com juga perlu diinstal.
Mulai Visuino seperti yang ditunjukkan pada gambar pertama
Klik tombol "Arrow Down" dari komponen Arduino untuk membuka Drop Down Menu (Picture 1)
Dari Menu pilih "Add Shields..." (Picture 1)
Di dialog "Shields" perluas kategori "Displays", dan pilih "TFT Color Touch Screen Display ILI9341 Shield", lalu klik tombol "" untuk menambahkannya (Picture 2)
Di Object Inspector perluas properti "Text" (Picture 3)
Di Object Inspector set nilai sub-properti "Size" dari properti "Text" ke "2" (Picture 3) - Ini akan memperbesar ukuran teks default saat menggambar teks pada display
Langkah 3: Di Visuino: Tambahkan Elemen Text Field untuk Informasi Lokasi GPS
Selanjutnya kita perlu menambahkan elemen Grafis untuk menampilkan Latitude, Longitude, dan Altitude dari GPS:
Di Object Inspector, klik tombol "..." di samping nilai properti "Elements" dari Elemen "TFT Display" (Picture 1)
Di Elements editor pilih "Text Field", lalu klik 3 Kali pada tombol "" (Picture 2) untuk menambah 3 elemen (Picture 2)
Pilih 3 elemen "Text Field" (Picture 3)
Di Object Inspector set nilai properti "Auto Size" dari 3 elemen ke "False" (Picture 3)
Di Object Inspector set nilai properti "Width" dari 3 elemen ke "10" (Picture 3)
Di Object Inspector set nilai properti "X" dari 3 elemen ke "10" (Picture 3)
Langkah 4: Di Visuino: Set properti lainnya dari elemen Text Field
Pilih elemen "Text Field1" (Picture 1)
Di Object Inspector set nilai properti "Initial Value" dari elemen ke "Update" (Picture 1) - ini akan menampilkan Update hingga nilai pertama tiba dari GPS
Di Object Inspector set nilai properti "Y" dari elemen ke "20" (Picture 2)
Pilih elemen "Text Field2" (Picture 3)
Di Object Inspector set nilai properti "Y" dari elemen ke "40" (Picture 3)
Pilih elemen "Text Field3" (Picture 4)
Di Object Inspector set nilai properti "Y" dari elemen ke "60" (Picture 4)
Langkah 5: Di Visuino: Tambahkan dan Hubungkan Komponen Serial GPS
Untuk mengurai informasi GPS dari GPS Shield, kita perlu menambahkan dan menghubungkan komponen GPS di Visuino:
Ketik "GPS" di kotak Filter dari Component Toolbox lalu pilih komponen "Serial GPS" (Picture 1), dan taruh di area desain
Hubungkan pin output "Latitude" dari kotak "Location" dari komponen GPS1 ke pin "In" dari elemen "Shields.TFT DisplayElements.Text Field1" dari komponen Arduino (Picture 2)
Hubungkan pin output "Longitude" dari kotak "Location" dari komponen GPS1 ke pin "In" dari elemen "Shields.TFT DisplayElements.Text Field2" dari komponen Arduino (Picture 3)
Hubungkan pin output "Altitude" dari kotak "Location" dari komponen GPS1 ke pin "In" dari elemen "Shields.TFT DisplayElements.Text Field3" dari komponen Arduino (Picture 4)
Hubungkan pin "Out" dari komponen GPS1 (Picture 5) ke pin "In" dari "Serial[ 0 ]" dari komponen Arduino (Picture 6)
Langkah 6: Hasilkan, Kompilasi, dan Unggah Kode Arduino
Di Visuino, tekan F9 atau klik tombol yang ditunjukkan pada Picture 1 untuk menghasilkan kode Arduino, dan buka Arduino IDE
Di Arduino IDE, klik tombol Upload, untuk mengkompilasi dan mengunggah kode (Picture 2)
Langkah 7: Konfigurasikan dan Hubungkan GPS Shield ke Arduino
Sekarang Arduino UNO sudah diprogram, kita dapat memasang shields.
Maketfabs GPS Shield memiliki jumper yang memungkinkan Anda untuk mengonfigurasi pin yang digunakan untuk komunikasi serial dengan GPS Chip (Picture 1). Kami akan mengonfigurasinya untuk menggunakan Hardware Serial pada pins 0, dan 1 dari Arduino UNO:
Konfigurasikan TX jumper untuk menghubungkan TX ke Pin 0 (Picture 1)
Konfigurasikan RX jumper untuk menghubungkan RX ke Pin 1 (Picture 1)
Colokkan TFT Shield di atas Arduino Uno seperti yang ditunjukkan pada Pictures 2, 3, 4 dan 5
Langkah 8: Hubungkan ILI9341 TFT Touchscreen Display Shield ke Arduino
Colokkan TFT Shield di atas Arduino Uno seperti yang ditunjukkan pada gambar.
Langkah 9: Dan mainkan...
Selamat! Anda telah menyelesaikan proyek.
Pictures 2, 3, 4 dan 5 dan Video menunjukkan proyek yang sudah terhubung dan menyala.
Nyalakan Arduino UNO
Awalnya Anda akan melihat "Update" ditampilkan pada TFT Display Shield (Picture 1)
Jika Anda melihat dari sisi (Picture 2), setelah beberapa saat Anda akan melihat bahwa Blue LED pada Makerfabs GPS Shield akan mulai berkedip menunjukkan bahwa shield telah menemukan GPS satellites (Picture 3)
Singkat setelah ini GPS location akan ditampilkan pada TFT Display Shield (Picture 4)
Bergantung pada lokasi, dapat memakan waktu hingga beberapa menit untuk menampilkan data lokasi. Jika setelah beberapa menit data masih tidak ditampilkan, matikan proyek tunggu sekitar satu menit dan nyalakan kembali untuk mereset GPS.
Pada Picture 1 Anda dapat melihat diagram Visuino lengkap. Anda dapat mengunduh dan membukanya di Visuino: https://www.visuino.com
Jika Anda tidak memiliki komponen yang diperlukan, tim hebat dari Makerfabs telah membuat Special Combo yang berisi semua komponen untuk proyek ini!
