×
HTML CSS JAVASCRIPT PHP PHPMyAdmin MySQL SQL C C++

Cage à Lapin

Année : 2024

Description succincte du projet :
Dans le cadre du projet de fin d’année de terminale, nous avons fait une maquette de cage à lapin connecté. J’ai créé le site internet avec une base de données dans lequel il y avait les donnés des différents capteurs de mes collègues.

Cadre : Réalisé dans le cadre de la formation STI2D

Logiciels : HTML, CSS, JAVASCRIPT, PHP, phpMyAdmin, MySQL, SQL, C/C++

Résultat : Fini

Aptitudes développées :

  • Organisation du travail en équipe
  • Apprentissage en autodidacte
  • Adaptation
Premiere Pro / After Effect / Flipaclip / FlipNote 3D / Kinemaster / DaVinci Resolve / Photoshop / Illustrator / AffinityDesigner / AffinityPhoto / Blender / Unity / UnrealEngine / PHP / MySQL / SQL / phpMyAdmin / HTML / CSS / JAVASCRIPT / Bulma / Bootstrap / C / C++ / C# /
Description Hover Description

Mes composants

Dans notre projet nous avons utilisé plusieurs capteurs Arduino :

  • ESP32-CAM :
  • Ce capteur nous servait de caméra dans notre maquette pour surveiller en temps réel les lapins sur le site internet.
  • DHT11 :
  • Ce capteur nous servait à mesurer la température et l'humidité de l'air. Ce qui permettait de savoir si les lapins étaient bien dans les conditions optimales, et si ce n'était pas le cas le site internet nous le signalait.
  • HX711 + Capteur de force :
  • Ce capteur nous servait à mesurer le poids des granules pour les lapins, pour savoir si ils avaient assez mangé ou non. Et si ce n'étais pas le cas le site internet nous le signalait.

Notre site internet

Durant notre projet nous devions créer un site internet. J'ai donc fais le site qui est composer de plusieurs pages :

  • Une page d'accueil (Accueil / Les Lapins) :
  • Elle est composer de cards des lapins, avec leurs dates d'anniversaires, leurs noms, une photo du lapin, et une bref description.
    Grâce au + on peut ajouté un lapin, modifier un lapin, supprimer un lapin.
  • Une page de données (Données) :
  • Elle donne les données des différents capteurs comme celle de la température, l'humidité, la luminosité, la caméra, la date et l'heure.
  • Une page de contact (Contact) :
  • Elle affiche à l'utilisateur de nous contacter, et de remplire un formulaire de satisfaction.
    Elle m'a permis de faire un premier text pour ma base de données.

Description Hover Description
Projet précédent Projet suivant
Premiere Pro / After Effect / Flipaclip / FlipNote 3D / Kinemaster / DaVinci Resolve / Photoshop / Illustrator / AffinityDesigner / AffinityPhoto / Blender / Unity / UnrealEngine / PHP / MySQL / SQL / phpMyAdmin / HTML / CSS / JAVASCRIPT / Bulma / Bootstrap / C / C++ / C# /