Faire Votre Propre Project TSTI

Bonjour mes petits poules,

Dans ce tutoriel, je vais vous guider à travers des étapes détaillées pour créer un site web hébergé sur un Raspberry Pi en utilisant le framework Flask. Ce site web sera capable d'exécuter du code Python pour récupérer des données d'un port série Arduino et les insérer dans une base de données SQLite. Il pourrat aussi récupérer ces données depuis la database SQLite et les afficher à l'aide de JavaScript en temps réel.

💡 En cas de difficulté durant ce tutoriel, je vous invite à utiliser nos manuels de référence a tous, Google / man / Internet…

❓ Une question ? == ChatGPT 🙂

Premièrement créer un environnement Flask en suivant ce tutoriel : https://phoenixnap.com/kb/install-flask

Bon maintenant que cela est fait, on va supprimer le fichier hello.py et créer app.py, dans ce fichier on va:

• commencer par quelques “import”
• ensuite la base pour lancer le server Flask
• et on finit par du code qui va nous permettre de récupérer les data d’un Arduino

Le code est si joint, je vous invite à essayer de le comprendre étape par étapes, je fais exprès de ne pas tout détailler, à vous de faire les recherches nécessaires pour tout bien comprendre.

Pour faire plus jolie on va séparer notre code SQLite pour la database de notre code app.py, pour se faire on créer un potit fichier database.py

Dedans tu vas mettre tout le code suivant, que tu peux modifier à ta guise selon tes besoins (si jamais tu as des difficultés, demande soit à Google soit à Mr.GPT qui lui est même capable de faire ton boulot a ta place)

Ce code permettra de placer les données dans un fichier “database.db”. Si par la suite cela t'intéresserait de pouvoir lire et modifier les données du fichier, je t’invite à t'informer sur les différents moyens de pouvoir le faire (pour ma part j’ai utilisé DB Browser for SQLite).

Avant-dernière étape, créez un dossier templates, et mettez ce simple index.html dedans

https://drive.google.com/drive/folders/1nVfmR24OTl3CPsDimjYv58NYPogbEa3h?usp=drive_link

Et pour finir, un dossier static, avec le script js qui va avec, il va permettre d'envoyer les requêtes vers app.py et d'afficher les data de notre database.

https://drive.google.com/drive/folders/1-xxIiWzTFsPmrrjn19jrLhNghrkEwPVO?usp=drive_link

Pour finir il faut bien tester le code que tu viens de faire non ? Voici un script Arduino qui te permettra de le tester.

Si jamais tu galères trop voici le git du projet que j’ai fait de mon côté pour ce tuto il fonctionne à 100%…

https://github.com/gamerWOT9/Project-TSTI.git

Si jamais... cela ne fonctionne toujours pas, c’est forcément un problème de ton côté (surement un problème avec les dépendances), il faut que tu scrutes le terminal ou bien la console de ton navigateur pour comprendre ce qu’il ne va pas.