Il corso introduce i principi dell’interazione nei sistemi computazionali, con particolare attenzione all’arte interattiva e al web come piattaforma creativa.
Metodi di Insegnamento
- Lezioni frontali per i concetti teorici e l’analisi di case study.
- Laboratori pratici in aula per lo sviluppo di esercizi e progetti.
- Project work individuali e di gruppo.
- Peer review e momenti di discussione collettiva.
- Modalità di Verifica e Valutazione
- Partecipazione attiva ed esercitazioni intermedie: 20%
- Prove tecniche di verifica: 30%
- Progetto finale con presentazione pubblica: 50%
Criteri di valutazione: Originalità e qualità estetica, correttezza tecnica (HTML, CSS, JS), chiarezza nell’esposizione e documentazione.
Obiettivi formativi
Attraverso lezioni teoriche e laboratori pratici, gli studenti apprendono i fondamenti di HTML, CSS e JavaScript e sviluppano la capacità di progettare e realizzare piccole esperienze interattive: pagine web, landing page e microprogetti artistici digitali.
Contenuti del corso
MODULO 1
– FONDAMENTI DI INTERAZIONE E WEB
- Conoscenze: concetti base di interazione uomo-macchina, storia dell’arte interattiva, struttura del Web.
- Abilità: creare pagine HTML semplici, applicare regole CSS per testi e layout di base.
- Competenze: saper tradurre un concept visivo in una pagina web leggibile e coerente.
MODULO 2
– DESIGN DELL’INTERAZIONE E LAYOUT
- Conoscenze: principi di UX/UI, wireframe, responsive design.
- Abilità: creare layout complessi e responsive, progettare pagine coerenti.
- Competenze: valutare e migliorare l’usabilità, realizzare landing page e portfolio semplici.
MODULO 3
– INTRODUZIONE A JAVASCRIPT E INTERAZIONE DINAMICA
- Conoscenze: basi di programmazione, relazione DOM-struttura HTML.
- Abilità: implementare eventi, animazioni e modifiche dinamiche ai contenuti.
- Competenze: sviluppare pagine web dinamiche e ben strutturate, seguendo buone pratiche di codice.
MODULO 4
– PROGETTI CREATIVI E APPROFONDIMENTI
- Conoscenze: tecniche di narrazione interattiva, gamification, accessibilità e sostenibilità.
- Abilità: progettare e realizzare un progetto creativo completo, applicando animazioni e interazioni complesse.
- Competenze: documentare, presentare e discutere il proprio lavoro in pubblico; integrare feedback per migliorare il progetto finale.
Testi consigliati
- Norman – La caffettiera del masochista (Giunti, 2013)
- Moggridge – Designing Interactions (MIT Press, 2007)
- McLuhan – Gli strumenti del comunicare (Il Saggiatore, 2011)
- Duckett – HTML & CSS: Design and Build Websites (Wiley, 2011)
- Duckett – JavaScript and JQuery (Wiley, 2014)