Projet réalisé par l'équipe "Dev'ier" (IUT Informatique de Toulouse) dans le cadre de La Nuit de l'Info 2025.
Face à la fin du support de Windows 10 et à l'hégémonie des GAFAM, ce projet propose une solution pour aider les établissements scolaires à "tenir tête aux Big Tech".
Notre application web promeut la démarche NIRD (Numérique Inclusif, Responsable et Durable) à travers une expérience narrative et interactive. Elle démontre comment le logiciel libre (Linux) peut sauver le matériel de l'obsolescence programmée.
1. 🐍 Défi CAPCOD : "Hidden Snake"
Objectif : Cacher un jeu de snake au sein du site.
Nous avons intégré un Snake satirique qui dénonce la collecte de données, caché dans l'application.
- Le Concept : "Vous êtes Microsoft. Vous devez collecter les données personnelles des utilisateurs pour satisfaire vos investisseurs."
- Les Graphismes :
- Tête : Logo Microsoft.
- Nourriture : Bases de données personnelles.
- Corps : Pièces de monnaie (le capital).
- Fond : Code "Matrix" vert.
- Activation : *(Cliquez sur le titre jeu snake dans le footer de la page!).
Objectif : Créer un chatbot "complètement à côté de la plaque".
Rencontrez Moustache, notre assistant virtuel félin.
- Il ne répond jamais vraiment aux questions techniques.
- Il préfère parler de croquettes ou philosopher sur l'informatique de manière absurde.
- Il personnifie l'ironie face aux promesses parfois vides de l'IA générative.
Objectif : Un visuel enivrant, original ou drôle réagissant au son.
Notre page d'accueil est un visualiseur audio interactif développé en pur JavaScript (Canvas API + Web Audio API) :
- Des particules réagissent aux basses fréquences de la musique.
- Interaction : Création de vortex avec la souris.
- Mode Audio PC : Capture le son système de l'ordinateur de l'utilisateur pour animer le site avec sa propre musique (Spotify/YouTube). (si vous l'osez, rendrez muet plusieurs foirs la musique de l'accueil, une surprise vous attendra (pas de rickroll car ce n'est pas libre de droit))
Objectif : Repenser l'ergonomie sans conventions.
Nous avons adopté un style graphique agréable et moderne :
- Glassmorphism Moderne : Fluide et transparent pour le futur (NIRD).
Objectif : Ajouter un élément rétro gaming à l'une des pages
Une des pages durant la narration est stylisée "pixel art" ! La page s'appelle "retro.html"
Suivez Alice et Robert, élèves au lycée Ada Lovelace, dans leur quête pour convaincre l'administration et les élèves de passer au Libre.
- Scénario interactif avec dialogues.
- Arguments réels sur l'écologie et la protection des données.
Un quiz interactif pour vérifier si l'utilisateur a bien compris les enjeux du Green IT et des monopoles numériques.
Pour le Défi Visualisation Audio, nous utilisons l'API getDisplayMedia.
- ✅ Recommandé : Google Chrome, Microsoft Edge, Brave.
⚠️ Firefox : La capture de l'audio système n'est pas supportée sous Windows. Le visualiseur fonctionnera uniquement avec la musique d'ambiance intégrée.
- Anaïs DUVAL (Chef)
- Joseph LALOT
- Victor SIMONET
- Ilyas TURMINE
- Unai MURILLO
- Guillaume BOURNAZEL-LOTY
- Lucas FERNANDES
- Rémi SAGNES
- Elliot ISKEN--ANDERSEN NEXO
- Eulalie FRAYSSE
Projet réalisé sous licence libre - Nuit de l'Info 2025.