PROJET

Calculateur en ligne pour estimer la consommation annuelle d'électricité des appareils

Calculateur en ligne HTML/JS personnalisé, Intégration de la logique de calcul basée sur une feuille de calcul, Personnalisation du design avec une mise en page conviviale, Design responsive pour affichage web, Ajustements de l'interface et des libellés

  • Secteur d'activité: Énergie et services publics
  • États-Unis Localisation: États-Unis
  • Délai de livraison: 2 semaines
  • Technologies: HTML, CSS
  • Noté: 5/5
1 mois

Présentation du projet

L'objectif était de créer un calculateur en ligne permettant aux utilisateurs de calculer la consommation énergétique annuelle de plusieurs appareils domestiques.

Le client a fourni une feuille Google Sheets indiquant la puissance des appareils et leurs habitudes d'utilisation (heures/jour, jours/mois, mois/an), et l'objectif était de la convertir en outil HTML responsive à intégrer sur un site web.

L'outil effectue des calculs dynamiques et met à jour un total cumulé de kilowattheures par an en fonction des données saisies par l'utilisateur.

Très bon travail, ce vendeur fournit à chaque fois un produit de qualité !

- franciefinn

Fonctionnalités clés livrées

  • Calcul en temps réel de la consommation annuelle en kWh
  • Saisie des appareils ligne par ligne avec paramètres d'utilisation personnalisables
  • Total cumulé de la consommation énergétique mis à jour dynamiquement
  • Mise en page claire et conviviale avec en-têtes de colonnes corrigés
  • Logique affinée selon la formule : (Watts × Heures/Jour × Jours/Mois × Mois/An) ÷ 1000 = kWh annuels
  • Mise en page responsive pour une intégration web simplifiée

Captures d'écran

Version initiale de la mise en page du calculateur, avec les colonnes avant ajustements.

Version initiale de la mise en page du calculateur, avec les colonnes avant ajustements.

Version finale du calculateur avec les libellés et les champs de logique corrigés.

Version finale du calculateur avec les libellés et les champs de logique corrigés.

Stack technique

HTML
CSS
JavaScript
Google Sheets