Difference between revisions of "Mini écran connecté"

Line 1: Line 1:
 
{{ {{tntn|Tuto Details}}
 
{{ {{tntn|Tuto Details}}
 +
|SourceLanguage=none
 +
|Language=fr
 +
|IsTranslation=0
 
|Main_Picture=Mini_écran_connecté_tft_iftt_wiki.png
 
|Main_Picture=Mini_écran_connecté_tft_iftt_wiki.png
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
Line 11: Line 14:
 
|Currency=EUR (€)
 
|Currency=EUR (€)
 
|Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot
 
|Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot
|SourceLanguage=none
 
|Language=fr
 
|IsTranslation=0
 
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
|Introduction=
+
|Introduction=Précédemment, nous avons vu comment afficher une image sur un ST7789, un écran TFT à 3€. ( [[Afficher une image sur un écran ST7789]] )
 +
 
 +
Nous allons exploiter cette connaissance pour faire un mini écran connecté.
 +
 
 +
*Cette écran va afficher les messages reçu depuis un serveur MQTT
 +
*Les messages peuvent contenir des caractères accentués
 +
*La transmission sera chiffré
 +
*Afin d'éviter les attaques MITM (man in the middle), nous allons vérifier l'identité du serveur MQTT à l'aide de son certificat.
 +
 
 +
A partir de là nous pouvons même utiliser IFTT (ou tasker) afin de transmettre des informations du web ou de notre téléphone sur le serveur MQTT.
 +
 
 +
Afin de simplifier la partie MQTT, nous allons utiliser '''Adafruit IO''' qui permet d'avoir un '''serveur MQTT gratuitement'''.
 +
 
 +
Vous pouvez bien évidemment utiliser '''votre propre serveur MQTT''' (la partie IFTT par contre ne marchera plus)
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
|Material=
+
|Step_Picture_00=Afficher_une_image_sur_un_écran_ST7789_tft.png
|Tools=
+
|Material=* ESP8266
 +
* ST7789
 +
* Câble Wrapping 30 AWG
 +
|Tools=* Fer à souder
 +
* Imprimante 3D
 +
|Prerequisites={{ {{tntn|Prerequisites}}
 +
|Prerequisites=Afficher une image sur un écran ST7789
 +
}}
 
}}
 
}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=
+
|Step_Title=Fabriquer l'écran connecté
|Step_Content=
+
|Step_Content=Suivez le tutoriel sur l'écran ST7789, avant toute chose,
 +
 
 +
En résumé,
 +
 
 +
*il faut installer la '''bibliothèque tft_espi'''
 +
*Changer le fichier '''User_Setup.h''' directement dans la bibliothèque
 +
 
 +
[[Afficher une image sur un écran ST7789]]
 +
 
 +
<br />
 +
|Step_Picture_00=Afficher_une_image_sur_un_écran_ST7789_displayFinish.png
 +
}}
 +
{{ {{tntn|Tuto Step}}
 +
|Step_Title=Paramétrer Adafruit IO
 +
|Step_Content=* Créer un compte sur Adafruit IO: https://io.adafruit.com/
 +
* Cliquer sur feed
 +
* Cliquer sur Actions / Create a New Feed
 +
* Dans Name mettez '''notifications'''
 +
|Step_Picture_00=Mini_écran_connecté_adafruit_io.png
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}

Revision as of 16:05, 30 March 2019

Author avatarRémi Sarrailh (µsini) | Last edit 9/12/2019 by Clementflipo

Mini écran connecté tft iftt wiki.png
Nous allons voir comment afficher des messages depuis un serveur MQTT sur un écran TFT.
Difficulty
Medium
Duration
1 hour(s)
Categories
Electronics, House
Cost
7 EUR (€)
Other languages:
français
License : Attribution (CC BY)

Introduction

Précédemment, nous avons vu comment afficher une image sur un ST7789, un écran TFT à 3€. ( Afficher une image sur un écran ST7789 )

Nous allons exploiter cette connaissance pour faire un mini écran connecté.

  • Cette écran va afficher les messages reçu depuis un serveur MQTT
  • Les messages peuvent contenir des caractères accentués
  • La transmission sera chiffré
  • Afin d'éviter les attaques MITM (man in the middle), nous allons vérifier l'identité du serveur MQTT à l'aide de son certificat.

A partir de là nous pouvons même utiliser IFTT (ou tasker) afin de transmettre des informations du web ou de notre téléphone sur le serveur MQTT.

Afin de simplifier la partie MQTT, nous allons utiliser Adafruit IO qui permet d'avoir un serveur MQTT gratuitement.

Vous pouvez bien évidemment utiliser votre propre serveur MQTT (la partie IFTT par contre ne marchera plus)

Materials

  • ESP8266
  • ST7789
  • Câble Wrapping 30 AWG

Tools

  • Fer à souder
  • Imprimante 3D

Step 1 - Fabriquer l'écran connecté

Suivez le tutoriel sur l'écran ST7789, avant toute chose,

En résumé,

  • il faut installer la bibliothèque tft_espi
  • Changer le fichier User_Setup.h directement dans la bibliothèque

Afficher une image sur un écran ST7789





Step 2 - Paramétrer Adafruit IO

  • Créer un compte sur Adafruit IO: https://io.adafruit.com/
  • Cliquer sur feed
  • Cliquer sur Actions / Create a New Feed
  • Dans Name mettez notifications




Comments

Draft