Ce projet est une démonstration éducative qui illustre les risques potentiels liés aux autorisations accordées aux sites web dans les navigateurs modernes.
L'objectif de cette démonstration est de sensibiliser les utilisateurs aux types d'informations personnelles qu'un site web peut collecter lorsqu'on lui accorde certaines autorisations. Le site démontre comment, en un seul clic, un site malveillant pourrait :
- Prendre des photos via la caméra
- Obtenir la position géographique précise
- Accéder aux informations sur la batterie de l'appareil
- Interface utilisateur simple avec un bouton "Démarrer"
- Demande d'autorisations pour la caméra, la géolocalisation et l'API Battery
- Affichage de la photo prise par la caméra
- Affichage de la position sur une carte interactive (utilisant Leaflet et OpenStreetMap)
- Affichage des informations détaillées sur la batterie
- Explication des risques associés à chaque type d'information collectée
- HTML5, CSS3, JavaScript (ES6+)
- API MediaDevices pour l'accès à la caméra
- API Geolocation pour la position
- API Battery pour les informations sur la batterie
- Leaflet.js pour l'affichage de la carte
- OpenStreetMap pour les données cartographiques
- Twind (Tailwind CSS en CDN) pour le style
Cette démonstration est conçue uniquement à des fins éducatives pour sensibiliser aux questions de confidentialité et de sécurité en ligne. Elle illustre pourquoi il est important d'être prudent lorsqu'on accorde des autorisations aux sites web.
- Certaines fonctionnalités peuvent ne pas fonctionner sur tous les navigateurs ou appareils
- L'API Battery est dépréciée dans certains navigateurs pour des raisons de confidentialité
- La précision de la géolocalisation peut varier selon l'appareil et l'environnement
Ce projet ne collecte ni ne stocke aucune donnée. Toutes les informations affichées restent sur votre appareil et ne sont pas transmises à un serveur externe.