Mini écran connecté : Différence entre versions

Ligne 1 : Ligne 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)
Ligne 11 : Ligne 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}}

Version du 30 mars 2019 à 15:05

Auteur avatarRémi Sarrailh (µsini) | Dernière modification 9/12/2019 par Clementflipo

Mini écran connecté tft iftt wiki.png
Nous allons voir comment afficher des messages depuis un serveur MQTT sur un écran TFT.
Difficulté
Moyen
Durée
1 heure(s)
Catégories
Électronique, Maison
Coût
7 EUR (€)
Autres langues :
français
Licence : 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)

Matériaux

  • ESP8266
  • ST7789
  • Câble Wrapping 30 AWG

Outils

  • Fer à souder
  • Imprimante 3D

Étape 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





Étape 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




Commentaires

Draft