QR72

Scanner autonome de Qr-codes

QR72

Informations

2019Web AppForkHTMLVanilla JSCSS

À propos

Cette web app permet de scanner des QR-codes en utilisant directement le navigateur de l'appareil (pas d'installation de logiciels). Il s'agit d'un fork d'un projet existant (épuré des options de suivi et de publicité).

Il permet ainsi d'être utilisé avec les élèves dans les établissements scolaires de façon sûre et sécurisée.

Afin de soulager le serveur et pour permettre une utilisation hors-ligne, une version locale de l'application est enregistrée dans le navigateur.

Défis techniques

  • Accès caméra : gestion des permissions et compatibilité cross-browser
  • Détection QR : algorithme de reconnaissance en temps réel via WebRTC
  • Sécurité : suppression des trackers et publicités du projet original
  • Mode hors-ligne : fonctionnement sans connexion internet après installation
  • Interface intuitive : design adapté aux environnements scolaires

Solutions apportées

Architecture technique

  • HTML5 pour la structure et l'accès aux APIs du navigateur
  • JavaScript vanilla pour la logique de détection et traitement
  • WebRTC API pour l'accès direct à la caméra de l'appareil
  • Service Worker pour le fonctionnement hors-ligne et la mise en cache
  • CSS responsive pour l'adaptation aux différentes tailles d'écran

Fonctionnalités clés

  • Scan en temps réel : détection automatique des QR codes via la caméra
  • Aucune installation : utilisation directe dans le navigateur web
  • Mode hors-ligne : fonctionnement sans connexion après première visite
  • Interface épurée : suppression des publicités et trackers du projet original
  • Sécurité renforcée : respect de la vie privée des utilisateurs scolaires
  • Compatibilité : support des principaux navigateurs mobiles et desktop

Résultats

QR72 répond parfaitement aux besoins pédagogiques en offrant un scanner QR sécurisé et sans installation.

L'épuration du projet original garantit une utilisation sûre dans les environnements scolaires, tandis que le mode hors-ligne assure une meilleure disponibilité pour pallier les éventuels problèmes de connexion.

Cette adaptation démontre ma capacité à améliorer des projets existants en les adaptant aux contraintes spécifiques du monde éducatif.