Option web & expérimentation numérique

Des expériences interactives construites par les étudiants

Les équipes de l'option web imaginent des interfaces immersives, des plateformes collaboratives et des mini-sites qui donnent vie aux projets des portes ouvertes. Découvrez leurs ateliers, prototypes et démonstrations prêts à être testés.

Activités pour les PO 12 Crée en 2025
Étudiants impliqués 20 sur 2 classes

Ateliers & stands

Une salle ou toutes les activités sont présentés

Visuel du jeu de la pyramide
Jeu interactif Jouer en ligne
Auteur·rice(s) Carolina Sofia Caetano

Le Jeu de la Pyramide

Grimpez les cinq niveaux de la pyramide en répondant aux questions sur la filière médiamatique. À chaque bonne réponse, la mascotte progresse avec vous et vos exploits rejoignent le tableau des meilleurs scores.

  • 5 niveaux guidés par la mascotte
  • Classement live visible sur place
Portail d'exploration médiamatique
Parcours interactif Tester son aptitude
Auteur·rice(s) Stan Hirsbrunner & Diego Fernandes Vaz

Explore ton potentiel médiamaticien

Un voyage guidé par l’Égypte antique pour découvrir si tu es fait pour la médiamatique. À chaque étape, des questions et mini-épreuves rapprochent le visiteur de son profil, tout en valorisant les compétences clés de la filière.

  • Parcours scénarisé inspiré des temples
  • Feedback instantané sur les talents mis en avant
Interface Les Mystères du Web
Découverte du web Disponible sur le stand
Auteur·rice(s) Youèn Ramassamy

Les Mystères du Web

Parcours initiatique dans les temples d’Égypte où HTML, CSS, JavaScript, PHP et SQL prennent vie sous forme de hiéroglyphes. Une aventure accessible aux curieux de tous les âges pour comprendre les langages web en s’amusant.

  • HTML • CSS • JS • PHP • SQL
  • Scénario inspiré des temples antiques
Interface du jeu Pharaoh's Reflex
Réflexes & mémoire Pharaoh's reflex
Auteur·rice(s) Dorian Prélaz

Pharaoh's Reflex

Testez vos réflexes sur un plateau inspiré des pyramides : icônes égyptiennes, compteur de score et chrono évoluent à chaque clic. Choisissez un pseudo, consultez les règles et lancez la partie depuis une interface simple et immersive.

  • Modes mémoire & réflexes
  • Interface pyramide + règles intégrées
Capture du jeu Média Runner
Auteur·rice(s) Joaquin Pasan Peña

Média Runner

Un runner façon dinosaure Google mais plongé dans l'Égypte antique. Esquivez chauve-souris, pyramides, dromadaires et momies pour pousser le score toujours plus haut.

  • Bouton règles + pseudo avant la course
Interface du jeu MédiaMemory d’Égypte
Auteur·rice(s) Matis Monnin & Marion Delay

MédiaMemory d’Égypte

Un jeu de memory à trois niveaux où chaque paire révèle une info sur la médiamatique. Inscris ton nom pour figurer au classement et tente de terminer la pyramide le plus vite possible.

  • 3 niveaux + jauge de progression
  • Matis Monnin & Marion Delay (SM-MI3a)
Interface du launcher de mini-jeux
Launcher & DB Ouvrir le launcher
Auteur·rice(s) Robin Schläfli

Lanceur des mini-jeux

Plateforme Node/Express reliée à MongoDB Atlas qui gère les pseudos, stocke les meilleurs scores par jeu et expose les routes /api/score et /api/leaderboard. Déployé avec PM2, le launcher diffuse les assets, surveille la base et synchronise le classement affiché sur place.

  • Nettoyage automatique de l’URI Mongo + encodage
  • Leaderboard partagé entre tous les jeux
Jeu Game 1 Scarab Runner
Auteur·rice(s) Robin Schläfli

Scarab Runner

Un plateau canvas responsive où l’on guide un scarabée sacré via clavier ou D-pad tactile. Hud temps réel, jauge de coups sûrs et overlay de pseudo se synchronisent avec l’API du launcher pour valider automatiquement les meilleurs scores.

  • Commandes mobile + desktop (flèches, WASD, D-pad)
  • Enregistrement instantané via /api/score
Interface Game 3 Harmonie des hiéroglyphes
Auteur·rice(s) Robin Schläfli

Harmonie des hiéroglyphes

Expérience musicale et puzzle où l’on active des constellations d’orbes hiéroglyphiques pour rétablir l’équilibre du temple. Le HUD multi-états, les boutons chorégraphiés et les combos alimentent le même leaderboard MongoDB que le launcher.

  • Interface animée (CSS custom + Caesar Dressing)
  • Score partagé via API et classement temps réel
Capture du Memory 4x4 et 6x6
Memory
Lancer le jeu
Auteur·rice(s) Corentin Louis Vaucher

Memory · 4x4 & 6x6

Choisis ta difficulté et affronte le temps : deux grilles, un objectif. Retourne les cartes, mémorise les symboles et fais toutes les paires le plus vite possible. Chaque partie enregistre automatiquement ton chrono dans le top 10 dédié au mode sélectionné.

  • Deux modes : 4x4 accessible, 6x6 expert
  • Classement en ligne par difficulté
Interface de personnalisation Crea Mommie
Personnalisation Créer ta mascotte
Auteur·rice(s) Anaëlle Zahnd

Crea Mommie

Un jeu dans lequel tu peux créer et personnaliser ta propre mascotte dans un palais égyptien. Tu peux configurer sa chemise, son t-shirt, ses cheveux, son pantalon et ses chaussures. Tu peux aussi choisir les couleurs : soit parmi des couleurs prédéfinies, soit grâce à une palette qui te permet de sélectionner exactement la teinte que tu veux.

Une fois ta mascotte entièrement personnalisée et nommée, elle apparaît sur le grand écran de la classe. Tu pourras la voir se balader avec les mascottes des autres élèves dans un décor inspiré des pyramides égyptiennes, et grâce à son nom tu la retrouveras facilement.

  • Personnalisation complète : cheveux, vêtements, couleurs
  • Affichage collectif sur grand écran
Interface Interactive-Egypt
Parcours interactif Explorer l'Égypte
Auteur·rice(s) Umberto Martellotta

Interactive-Egypt

Plonge dans l'univers fascinant de l'Antiquité grâce à un voyage interactif unique — Interactive Egypt te transporte au cœur de l'Égypte ancienne avec un quiz immersif et pensé pour éveiller ta curiosité. Que tu sois simplement curieux ou passionné par l'histoire et le design digital, explore les majestueuses pyramides de Gizeh, la mystérieuse Vallée des Rois, le monument imposant du Temple de Karnak, ou encore les trésors du Musée Égyptien — quatre lieux emblématiques, quatre défis pour tester tes connaissances.

Navigue à ton rythme, survole les « points lumineux », découvre les secrets des artefacts et des temples, et laisse-toi porter par l'ambiance visuelle et interactive. Simple, intuitif et captivant... c'est une expérience ludique et enrichissante, parfaite pour apprendre, se challenger et cultiver ton esprit médiamatique, tout en voyageant dans le temps.

  • 4 lieux emblématiques à explorer
  • Quiz immersif et interactif