sti2dHUB

Introduction:
Dans ce tutoriel, je vais vous guider à travers les é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 🙂


Étape 1: Créer Un Environnement Flask
Premièrement créer un environnement Flask en suivant ce tutoriel :
https://phoenixnap.com/kb/install-flask


Étape 2: Créer App.py
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.

Étape 3: Créer Database.py
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).

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

Étape 5: Script.js
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.

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

Étape 7: Encore Un Soucis ?
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%…
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.

Conclusion:
Félicitations ! Vous avez maintenant créé un site web hébergé sur un Raspberry Pi à l'aide de Flask, capable de récupérer des données depuis une base de données SQLite et de les afficher à l'aide de JavaScript. De plus, vous avez appris comment interagir avec un Arduino via le port série et insérer les données dans la base de données SQLite. Vous pouvez maintenant personnaliser votre site web et ajouter plus de fonctionnalités en fonction de vos besoins.

Introduction:
Dans ce tutoriel, je vais vous guider à travers les étapes détaillées pour créer un site web hébergé sur un Raspberry Pi en utilisant le framework Flask. Le site web sera capable de récupérer des données depuis une base de données SQLite et les afficher à l'aide de JavaScript en temps réel. Le site web pourra exécuter du code Python pour récupérer des données à partir d'un port série Arduino et les insérer dans la base de données SQLite. Prérequis:
Avant de commencer, assurez-vous d'avoir les éléments suivants:
1. Un Raspberry Pi fonctionnel avec Raspbian (ou une distribution Linux similaire) installé.
2. Une connexion Internet active pour le Raspberry Pi.
3. Une base de données SQLite préalablement créée.
4. Un Arduino connecté au Raspberry Pi via un port série.

Étape 1: Installation des dépendances
1. Ouvrez un terminal sur votre Raspberry Pi.
2. Assurez-vous que Python est installé en exécutant la commande suivante:

Si Python n'est pas installé, vous pouvez l'installer en utilisant la commande suivante:

3. Installez Flask en exécutant la commande suivante:

4. Installez la bibliothèque Flask-SQLAlchemy pour gérer la base de données SQLite:

5. Installez la bibliothèque pySerial pour communiquer avec l'Arduino via le port série:

Étape 2: Configuration de la base de données SQLite
1. Assurez-vous que votre base de données SQLite est créée et prête à être utilisée. Vous pouvez utiliser un outil tel que DB Browser for SQLite pour créer la base de données et les tables nécessaires.
2. Notez le chemin d'accès complet à votre fichier de base de données SQLite.

Étape 3: Création du site web Flask
1. Créez un nouveau répertoire pour votre projet Flask:

2. Créez un fichier nommé `app.py` dans ce répertoire:

3. Ouvrez le fichier `app.py` dans un éditeur de texte et collez le code suivant:

Étape 4: Création du modèle HTML et du script JavaScript
1. Créez un répertoire nommé `templates` dans le répertoire du projet Flask:

2. Créez un fichier nommé `index.html` dans le répertoire `templates` et ouvrez-le dans un éditeur de texte.
3. Ajoutez le code HTML suivant au fichier `index.html`:

Étape 5: Interaction avec Arduino via le port série
1. Ouvrez le fichier `app.py` dans un éditeur de texte.
2. Ajoutez les imports suivants au début du fichier:

3. Ajoutez la fonction suivante après la classe `Data` dans le fichier `app.py`:

4. Modifiez la fonction `index()` dans le fichier `app.py` pour inclure la récupération des données depuis l'Arduino:

Conclusion:
Félicitations ! Vous avez maintenant créé un site web hébergé sur un Raspberry Pi à l'aide de Flask, capable de récupérer des données depuis une base de données SQLite et de les afficher à l'aide de JavaScript. De plus, vous avez appris comment interagir avec un Arduino via le port série et insérer les données dans la base de données SQLite. Vous pouvez maintenant personnaliser votre site web et ajouter plus de fonctionnalités en fonction de vos besoins.