ITS Olivetti Quest
Avvio rapido (Windows)
- Installate Node.js (versione LTS), una volta sola.
- Fate doppio clic su
AVVIA-GIOCO.bat: la prima volta installa le librerie,
poi accende il gioco e lo apre nel browser su http://localhost:3000.
- Non chiudete la finestra nera finché state giocando: è il server del gioco.
Se aprite public/index.html con un doppio clic (senza server), il gioco funziona
lo stesso, ma la classifica viene salvata solo su quel dispositivo e un avviso lo
segnala. Per la classifica condivisa usate sempre AVVIA-GIOCO.bat.
Gioco nel browser per scoprire i corsi di ITS Academy Adriano Olivetti.
Ogni squadra inserisce un nome e gioca 5 livelli. Ogni livello raggruppa corsi
affini e propone un minigioco con domande sulle competenze trasversali (lavoro in
team, comunicazione, problem solving...). Dopo ogni livello compaiono la
spiegazione e la sede di ciascun corso del gruppo.
Alla fine il punteggio entra nella classifica del giorno, visibile a tutti.
| Livello | Corsi | Minigioco |
|---|
| 1 | Sicurezza informatica e reti | Quiz a tempo (5 domande) |
| 2 | Sviluppo software e cloud | Quiz a tempo (5 domande) |
| 3 | Dati e intelligenza artificiale | Memory: 8 coppie competenza/descrizione |
| 4 | Audio, video e mondi immersivi | Acchiappa le qualità giuste, evita le intruse ingannevoli |
| 5 | Marketing, contenuti e moda | Indovina la parola: 4 parole lunghe |
Le competenze delle domande sono quelle citate più spesso nelle pagine dei corsi su
itsolivetti.it. Le domande non richiedono conoscenze tecniche: sono situazioni che capitano in
qualsiasi lavoro o progetto di gruppo (scadenze, errori, clienti, litigi nel team,
critiche, notizie da verificare). Così chi è interessato al marketing può rispondere
anche nei livelli di informatica, e viceversa. Il livello è medio: le risposte
sbagliate sono plausibili, quindi bisogna ragionare.
Nel quiz l'ordine delle risposte viene mescolato a ogni partita.
Ogni elemento indovinato (domanda, coppia, parola) vale fino a 150 punti:
100 più un bonus che cresce con la velocità.
Vite: si parte con 3 cuori (nella barra blu, tra il nome della squadra e i punti).
Ogni errore costa una vita: risposta sbagliata o tempo scaduto nel quiz, tempo
scaduto nel memory, parola intrusa colpita, parola non indovinata. Un livello
perfetto (3 stelle) regala una vita in più, fino a un massimo di 5. Finite le vite
compare "Vite esaurite" con il pulsante per continuare con 3 nuove vite, così nessuno
resta bloccato e tutti vedono le schede di tutti i corsi.
Grafica e dispositivi
- Tema scuro "vetro": sfondo blu notte con aloni di luce, card semitrasparenti,
sfumatura blu → viola (
#0F4FF1 → #A151D9, colori del sito ITS Olivetti) su
pulsanti, fasce e carte del memory, rosso #FF1243 per vite e accenti, font Sora.
Tutti i colori sono in cima a public/style.css (:root): per cambiarli basta
modificare quelle righe.
- Pensato per presentare: barra in alto blu scuro con il nome dell'ITS e il
pulsante ⛶ Schermo intero (per il proiettore); fascia blu in cima a ogni card
con punteggio e livello; schede dei corsi con intestazione blu. Sugli schermi
molto grandi (da 1400px, es. proiettore) i testi diventano più grandi, per
leggerli anche dal fondo della sala.
- Elementi di gioco:
- Sotto il punteggio, la riga con numero e titolo del livello.
- Mappa dei livelli prima di ogni livello, con sotto la barra di avanzamento:
tappe completate con le stelle, livello attuale evidenziato, livelli bloccati.
- Stelle a fine livello (0-3 in base ai punti fatti) e totale a fine partita.
- Effetti sonori generati dal browser (nessun file audio); il pulsante
🔊/🔇 a sinistra del titolo del livello li spegne.
- Pulsante Salta ⏭ a destra del titolo durante i minigiochi (doppio clic per
confermare): porta alle schede dei corsi, la parte saltata vale 0 punti.
- Telefono e tablet: layout a una colonna, pulsanti grandi da toccare.
- Computer (schermi da 900px in su): layout largo, risposte del quiz su 2
colonne, schede dei corsi affiancate, memory e tastiera dell'impiccato più grandi.
Si gioca anche solo con la tastiera: Invio per i pulsanti principali, 1-4
per rispondere al quiz, lettere per l'impiccato.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
