Convertisseur de concentrations de polluants

Objectif de l’application

L’application Airea | Convertisseur a été conçue pour répondre aux besoins des ingénieurs sur le terrain, notamment dans les zones sans couverture réseau. Son but est de fournir, en quelques secondes et sans connexion internet, la conversion fiable de concentrations de polluants atmosphériques entre quatre unités courantes : µg/m³, mg/m³, ppb et ppm. Grâce à une interface épurée et responsive, l’utilisateur choisit ou saisit la masse molaire du polluant, règle température et pression locales, puis obtient instantanément les valeurs converties, le tout depuis un simple smartphone.

Développement et démarche d'innovation

• Innovation et recherche : intégration de la loi des gaz parfaits pour la conversion masse ⇄ volume (ppb/ppm), couplée à des transformations directes µg/m³ ⇄ mg/m³ et ppb ⇄ ppm.
• Saisie hybride : sélection dans une liste paramétrable de polluants (NO₂, NO, CO, CO₂, benzène, H₂S, NH₃, ozone, formaldéhyde, méthane, 1,3-butadiène, KOH, HCN, HF, HCl…) ou entrée manuelle de la masse molaire, afin d’assurer flexibilité et évolutivité.
• Démarche qualité : développement en HTML5/CSS/JavaScript pur pour garantir compatibilité maximale sur tous les appareils, sans dépendances externes, avec gestion native des erreurs et messages accessibles.
• Architecture mobile-first : design responsive, header/footer minimalistes, effets CSS légers pour un rendu fluide même hors ligne et sur appareils peu puissants.

Détail du code

Structure HTML

• Entête (header) et pied de page (footer) aux couleurs Airea.
• Formulaire comprenant :
  • Spinner « Choisir… » avec liste de polluants et option « Autre… » pour saisie libre de la masse molaire ;
  • Champs pour température (20 °C par défaut) et pression (1013 hPa par défaut) ;
  • Saisie de la concentration initiale et sélection d’unité ;
  • Choix du nombre de décimales après la virgule ;
  • Bouton « Convertir » déclenchant le calcul et l’affichage des résultats.

Styles CSS

• Variables CSS pour couleurs, rayons et transitions ;
• Disposition mobile-first avec zone de résultats en grille ;
• Messages d’erreur positionnés sous les champs et stylés en rouge.

Logique JavaScript

• Événement change pour afficher ou masquer le champ de masse molaire.
• Validation des entrées : polluant sélectionné, masse molaire > 0, concentration valide.
• Calculs via la constante des gaz parfaits R = 8,314 J/mol·K :
  • Normalisation en µg/m³ puis conversion en mg/m³ ;
  • Application inverse de la loi pour obtenir le ppm, puis multiplication pour le ppb ;
  • Formatage avec toFixed() selon le choix de décimales.
• Affichage dynamique des résultats sous forme de cartes responsives.

Perspectives de développement

• Stockage local des paramètres (localStorage) pour un accès rapide aux configurations précédentes.
• Export PDF/CSV des conversions pour reporting.
• Ajout d’un mode sombre et d’une interface multilingue.
• Intégration future dans un back-office via API pour archivage centralisé.