DEV Community

Cover image for Modélisation et mise en place une application web e-commerce (serre intelligente)
Rabie zouita
Rabie zouita

Posted on

Modélisation et mise en place une application web e-commerce (serre intelligente)

Description du projet:
Application web e-commerce pour la serre intelligente : Intégrer des fonctionnalités de panier d'achat, de paiement en ligne et de gestion des commandes pour permettre aux agriculteurs d'acheter des serres intelligentes en ligne. Créer une interface utilisateur conviviale et responsive pour une expérience d'achat agréable. Utiliser Angular 13 pour le développement de l'application web. Utiliser Express.js comme framework backend pour gérer les requêtes et les opérations liées à la vente en ligne. Utiliser Sequelize comme ORM (Object-Relational Mapping) pour interagir avec la base de données.

Tableau de bord de contrôle intégré : Développer une application web pour intégrer le tableau de bord de contrôle de la serre intelligente au site web e-commerce. Permettre aux agriculteurs de surveiller et de contrôler les paramètres de croissance des plantes tels que la température, l'humidité, l'éclairage, etc. Utiliser Angular 13 pour développer l'interface utilisateur du tableau de bord. Établir une communication en temps réel avec la serre intelligente en utilisant des technologies IoT.

Prototype de serre intelligente : Concevoir et construire un prototype de serre intelligente en utilisant des capteurs, des actionneurs et l'Internet des objets (IoT). Les capteurs surveilleront les paramètres environnementaux de la serre tels que la température, l'humidité, la luminosité, etc. Les actionneurs permettront de contrôler les conditions internes de la serre, par exemple, en ajustant l'éclairage ou l'arrosage automatiquement. Utiliser des technologies telles que l'Arduino pour la gestion des capteurs et des actionneurs.

Application Flutter pour les agriculteurs : Créer une application mobile Flutter pour les agriculteurs afin de surveiller l'état de la serre intelligente et recevoir des notifications en cas de problèmes. Utiliser des capteurs connectés à la serre intelligente pour recueillir des données environnementales. Envoyer des notifications aux agriculteurs en cas de conditions anormales telles que des températures élevées, une humidité excessive, etc.

Système de quiz et récompenses : Implémenter un système de quiz pour évaluer les connaissances et les résultats des agriculteurs. Récompenser les agriculteurs qui obtiennent de bons résultats en leur offrant des avantages ou des réductions sur les produits de la serre intelligente.

Interface d'administration : Créer une interface d'administration pour les administrateurs afin de gérer les avis des agriculteurs, les commandes, les utilisateurs et surveiller les statistiques du site web. Utiliser des technologies telles que Angular 13 pour développer l'interface d'administration. Permettre aux administrateurs de gérer les données et de prendre des décisions basées sur les informations collectées.

Feedback des agriculteurs : Solliciter les avis des agriculteurs qui utilisent les serres intelligentes pour recueillir leurs expériences d'utilisation et leurs suggestions d'amélioration. En utilisant les technologies suivantes : Angular 13, Express.js, Sequelize, MySQL, NoSQL, l'API Nodemailer pour les e-mails, Flutter, l'IoT et Arduino.

Ces éléments vous permettront de créer une application e-commerce complète pour une serre intelligente, en offrant aux agriculteurs une plateforme pour acheter des serres, surveiller leur état, contrôler les paramètres de croissance et interagir avec le système.

Steps for Project Execution :

  • git clone https://github.com/Rabiezouita11/pfe-Master.git configuration Base de données pour site e-commerce Créer une base de données Sql appelée "ecommerce". configuration Base de données pour tableau de bord de contrôleq Créer une base de données Sql appelée "dashboard". Server Install pour site e-commerce cd ecommerce-backend npm install npm run dev Client Install pour site e-commerce cd ecommerce-fronted npm install --force ng serve Server Install pour tableau de bord de contrôle cd dashboard\backend npm install npm run dev Client Install pour tableau de bord de contrôle cd dashboard\fronted npm install --force ng serve configuration email (Server : backend ) : cd ecommerce-backend update file (pfe-Master\ecommerce-backend.env) : SECRET_KEY= "secret" EMAIL_USER= 'votre email' EMAIL_PASSWORD= 'votre mot de passe' role Client : user Admin : admin agriculteur : Agriculteur configuration base donner firebase (Server : backend ) pour site e-commerce : cd ecommerce-backend update file (ecommerce-backend\firebaseConfg.js) :

const firebase = require("firebase");
const app = firebase.initializeApp({
apiKey: "votre apikey"
authDomain: "votre authDomain"
databaseURL: "votre databaseUrl",
});
module.exports = app;
configuration base donner firebase (Server : backend ) pour tableau de bord de contrôle :
cd dashboard\backend
update file (dashboard\backend\firebase\firebaseConfg.js) :

const firebase = require("firebase");
const app = firebase.initializeApp({
apiKey: "votre apikey"
authDomain: "votre authDomain"
databaseURL: "votre databaseUrl",
});
module.exports = app;

Area Technology
Front-End Angular 13 , Bootstrap, HTML5, CSS3, Typescript
Back-End Express, Node.js
Authentication JWT(JSON Web Tokens)
API Testing Postman
Database Sql , firebase
Images Storage locale
Other APIs Used Stripe Payment,api map , API de géolocalisation , API email

Screenshots

Base de données firebase

Image description

Image description

Image description

prototype serres intillegents

Image description

lien pour présentation de projet:

lien pour présentation de projet

github

link

Top comments (0)