Présentation RainRoot

Présentation Titre Professionnel CDA RainRoot

Index

1. Project summary

5. Besoins

9. Jeu d'essai

2. Présentation

6. Front-end

10. Déploiement

3. Contexte

7. Back-end

11. Arduino

12. Veille

4. Gestion de projet

8. Démonstration

01

Project summary

02

Présentation

RainRoot

• Application mobile
• Gestion de l'arrosage à distance
• Affichage de la température et de l'humidité de la terre

03

Contexte du projet

Demande Client

Surveillance

IOT

A distance

App mobile

Surveillance en temps réel des niveaux d'humidité du sol

Le client souhaite avoir une application mobile

Déclenchement de l'arrosage a distance

Utilisation de l'IOT via l'arduino

Impératif technique

• Développement sous langage mobile
• Partie Administrateur web
• Mobile first
• IOT
• Réalisation de test de la solution
• Mise en ligne

04

Gestion de projet

Notion

• Outil de gestion de projet
• Méthodologie Agile SCRUM
• Sprint
• Backlog

Sprint de la semaine 1

Taches liées à un sprint

GIT, Github

• Outil de versioning

• Plateforme d'hébergement de code

• Git facilite la collaboration et le suivi des modifications.

• GitHub offre une plateforme de partage et de collaboration en ligne.

• Les branches de Git permettent de travailler sur différentes fonctionnalités simultanément.

• Git et GitHub permettent de gérer l'historique, les versions et les conflits efficacement.

05

Besoins

Besoin du client

Fonctionalités utilisateurs

Capteurs

Arrosage

• Affichage du niveau d'humidité actuel du sol

• Affichage de la température actuelle de la pièce.

• Contrôle manuel de l'arrosage

• Arrosage automatique

• Inscription/authentification

• Personnalisation du profil

Administration

Application mobile

API

06

Réalisation : Front-end

Front-end

Flutter

AdminJS

Figma

Flutter est un framework open source de Google permettant de créer des applications multiplateformes compilées en mode natif à partir d'une seule base de code.

Figma est une plateforme collaborative pour éditer des graphiques vectoriels et faire du prototypage. Elle permet de concevoir des design systems pour faciliter la création de sites web et d’applications mobiles.

AdminJS est un panel d'administration open source généré automatiquement pour votre application Node.js qui vous permet de gérer toutes vos données en un seul endroit.

Architecture Flutter

• Android

• Assets

• IOS

• lib

• test

• pubspec.yaml

Maquette Figma

Design Sytem

AdminJs

07

Réalisation : Back-end

Back-end

Sequelize

Node.js

EXPRESS JS

MySQL

MySQL est un système de gestion de bases de données relationnelles SQL open source

Sequelize est un ORM basé sur des promesses pour Node. js

Node.js est une plateforme JavaScript côté serveur

Express.js est un framework web pour Node.js

Architecture API

• config

• controllers

• middleware

• routes

• seeders

• server.js

Schema entité relation

Diagramme de classe

Model user

Méthode create

08

Démonstration

09

Jeu d'essai

La phase de test

• Un test unitaire valide des parties spécifiques du code.

• un test fonctionnel évalue le fonctionnement global de l'application du point de vue de l'utilisateur.

• Assurer la qualité du code.
• Valider les fonctionnalités.
• Faciliter la maintenance et les mises à jour.
• Renforcer la confiance des développeurs et des utilisateurs.

Test unitaire Flutter

Verification de userLogin

le test vérifie si la fonction de connexion d'utilisateur renvoie une réponse valide lorsqu'elle est appelée avec des identifiants de connexion valides.

10

Déploiement

Plesk

Plesk est une interface de gestion de serveur

OVH

Hébérgeur web

11

Arduino

Arrosoir

12

Veille

Veille

• Identification des besoins
• Recherche approfondie

Avenir

Conclusion

Merci.