GPSおよびTFTディスプレイシールドを備えたGPSロケーションディスプレイ
コンポーネントと消耗品
> ![]() |
| × | 1 | |||
| × | 1 | ||||
| × | 1 |
アプリとオンラインサービス
> ![]() |
| |||
![]() |
|
このプロジェクトについて
<図>

最近、 Makerfabs の素晴らしい人々 ArduinoGPSシールドを送ってくれました Visuino をサポートするため 開発し、より多くのチュートリアルを作成できるようにします。また、 ILI9341TFTタッチスクリーンディスプレイシールドを使用してさらにチュートリアルを作成したいと思いました。 、そして 2つのシールドを一緒に使用してチュートリアルを作成することにしました 。
このチュートリアルでは、シールドを Arduino に接続するのがいかに簡単かを紹介します。 、 Visuino でプログラムします GPS位置情報を表示するには ディスプレイに関する情報 。
ステップ1:コンポーネント <図>


- 1つの Arduino UNO 互換性のあるボード(Megaでも動作する可能性がありますが、シールドはまだテストしていません)
- 1つの Makerfabs ArduinoGPSシールド (写真2 に表示されている裏面 )
- Arduino用の ILI9341 2.4 "TFTタッチスクリーンシールド1つ
このチュートリアルを投稿した後、すばらしい人々が Makerfabs を形成します このプロジェクトのすべてのコンポーネントを含む特別なコンボを作成しました !
ステップ2:Visuinoを起動し、TFTディスプレイシールドを追加および構成します <図>



Arduino UNO 以降 シリアルポートは1つだけで、 Arduino をプログラムする必要があります 、 Arduino UNO をプログラムする必要があります GPS の前 接続されています。
Arduinoのプログラミングを開始するには、 Arduino IDE が必要です。 ここからインストール:http://www.arduino.cc/。
必ず1.6.7以降をインストールしてください。インストールしないと、このチュートリアルは機能しません!
Visuino :https://www.visuino.comもインストールする必要があります。
- Visuino を開始します 最初の写真に示されているように
- [下に矢印]をクリックします 「 Arduinoコンポーネントのボタン ドロップダウンメニューを開きます(写真1 )
- メニューから[シールドを追加... ]を選択します "(写真1 )
- 「シールド」 []ダイアログで[ディスプレイ]を展開します 「」カテゴリをクリックし、「 TFTカラータッチスクリーンディスプレイILI9341シールド」を選択します。 "、["]ボタンをクリックして追加します(写真2 )
- オブジェクトインスペクターで[テキスト]を展開します "プロパティ(写真3 )
- オブジェクトインスペクターで、「サイズ」の値を設定します 「テキストのサブプロパティ "プロパティから" 2 "(写真3 )-これにより、ディスプレイにテキストを描画するときのデフォルトのテキストサイズが大きくなります
ステップ3:Visuinoの場合:GPS位置情報のテキストフィールド要素を追加する <図>





次に、GPSから緯度、経度、高度を表示するグラフィック要素を追加する必要があります。
- オブジェクトインスペクターで、[ ... ]をクリックします 「要素」の値の横にある「」ボタン 「 TFTディスプレイの」プロパティ "要素(写真1 )
- 要素エディタで「テキストフィールド」を選択します 」をクリックし、[ 3回]をクリックします 「」ボタン(写真2 ) 3つを追加します (写真2 )
- 3 を選択します "テキストフィールド "要素(写真3 )
- オブジェクトインスペクターで、「自動サイズ」の値を設定します " 3つの要素のプロパティ 「 False "(写真3 )
- オブジェクトインスペクターで、「幅」の値を設定します " 3つの要素のプロパティ 「 10 "(写真3 )
- オブジェクトインスペクターで「 X 」の値を設定します " 3つの要素のプロパティ 「 10 "(写真3 )
ステップ4:Visuinoの場合:テキストフィールド要素の残りのプロパティを設定します <図>




- 「テキストフィールド1 」を選択します "要素(写真1 )
- オブジェクトインスペクターで、「初期値」の値を設定します 要素の "プロパティを" 更新 "(写真1 )-これにより、更新が表示されます GPSから最初の値が到着するまで
- オブジェクトインスペクターで「 Y 」の値を設定します 要素の "プロパティを" 20 "(写真2 )
- 「テキストフィールド2 」を選択します "要素(写真3 )
- オブジェクトインスペクターで「 Y 」の値を設定します 要素の "プロパティを" 40 "(写真3 )
- 「テキストフィールド3 」を選択します "要素(写真4 )
- オブジェクトインスペクターで「 Y 」の値を設定します 要素の "プロパティを" 60 "(写真4 )
ステップ5:Visuinoの場合:シリアルGPSコンポーネントを追加して接続します <図>






GPSシールドからGPS情報をデコードするには 、 Visuino にGPSコンポーネントを追加して接続する必要があります :
- 「 GPS 」と入力します [コンポーネントツールボックス]の[フィルター]ボックスで、[シリアルGPS ]を選択します。 "コンポーネント(写真1 )、デザインエリアにドロップします
- 「緯度」を接続します 「場所の」出力ピン " GPS1 のボックス 「 In 」のコンポーネント " Shields.TFT DisplayElements.Text Field1 の"ピン " Arduino の要素 コンポーネント(写真2 )
- 「経度」を接続します 「場所の」出力ピン " GPS1 のボックス 「 In 」のコンポーネント " Shields.TFT DisplayElements.Text Field2 の"ピン " Arduino の要素 コンポーネント(写真3 )
- 「高度」を接続します 「場所の」出力ピン " GPS1 のボックス 「 In 」のコンポーネント " Shields.TFT DisplayElements.Text Field3 の"ピン " Arduino の要素 コンポーネント(写真4 )
- 「アウト」を接続します " GPS1 のピン コンポーネント(写真5 )から「 In 「シリアル[0] のピン " Arduino コンポーネント(写真6 )
ステップ6:Arduinoコードを生成、コンパイル、アップロードする <図>


- Visuino 、 F9 を押します または、写真1 に表示されているボタンをクリックします Arduinoコードを生成し、ArduinoIDEを開きます
- Arduino IDE 、アップロードをクリックします ボタンをクリックして、コードをコンパイルしてアップロードします(写真2 )
ステップ7:GPSシールドを構成してArduinoに接続する <図>





これで、 Arduino UNO プログラムされているので、シールドを取り付けることができます。
MaketfabsGPSシールド GPSチップとのシリアル通信に使用するピンを構成できるジャンパーがあります (写真1 )。 ハードウェアシリアルを使用するように構成します ピン0、および1 Arduino UNO の :
- TXジャンパーを構成します TX を接続するには ピン0 (写真1 )
- RXジャンパーを構成します RX を接続します ピン1 (写真1 )
- TFTシールドを接続します Arduino Uno の上に 写真2、3、4、5 に示されているように
ステップ8:ILI9341TFTタッチスクリーンディスプレイシールドをArduinoに接続します <図>




TFTシールドを接続します Arduino Uno の上に 写真に示されているように。
ステップ9:そしてプレイ... <図>





おめでとうございます! プロジェクトが完了しました。
写真2、3、4、5 とビデオ 接続され、電源が入っているプロジェクトを表示します。
- Arduino UNO の電源を入れます
- 最初に「更新」が表示されます "TFTディスプレイシールドに表示されます(写真1 )
- 横から見た場合(写真2 )、しばらくすると、青色LED が表示されます。 MakerfabsGPSシールド シールドが GPS衛星を検出したことを示す点滅を開始します (写真3 )
- この直後に GPS位置情報 TFTディスプレイシールドに表示されます (写真4 )
場所によっては、場所データが表示されるまでに数分かかる場合があります。数分経ってもデータが表示されない場合は、プロジェクトの電源を切り、約1分待ってから、もう一度電源を入れてGPSをリセットします。
写真1 完全な Visuino を見ることができます 図。ダウンロードして Visuino で開くことができます :https://www.visuino.com
必要なコンポーネントがない場合、優れた人々が Makerfabs を形成します このプロジェクトのすべてのコンポーネントを含む特別なコンボを作成しました !
FJV6QQLIWMR2MVJ.zip
製造プロセス
- ILI9341TFTタッチスクリーンディスプレイシールドのビットマップアニメーション
- ArduinoTemp。 3.2ディスプレイを備えたモニターとリアルタイムクロック
- TFTSPIディスプレイの写真とRGBビデオ
- Nextionディスプレイで遊ぶ
- ArduinoとNokia5110ディスプレイを備えたDIY電圧計
- Arduino UNOを使用してLCDTFTスクリーンに画像を表示する!
- NextionディスプレイのBME280温度、湿度、および圧力
- ArduinoとMPU6050によるサーボモーターの制御
- u-blox LEA-6H 02GPSモジュールとArduinoおよびPython
- Arduinoによる音声認識と合成
- ArduinoNano用TFTシールド-開始