Syllabus
—Obiettivi formativi
L’obiettivo del corso è introdurre lo studente ai principi fondamentali della progettazione e realizzazione di siti web.
Il corso affronta l’intero processo che porta dallo studio e dall’organizzazione dei contenuti alla definizione della struttura del sito, fino alla progettazione delle pagine e delle loro interazioni. Particolare attenzione è dedicata alla chiarezza, alla leggibilità e alla costruzione di percorsi informativi coerenti.
Gli studenti acquisiranno inoltre le competenze tecniche di base per sviluppare pagine web utilizzando HTML e CSS, comprendendo come tradurre le scelte progettuali in codice e come strutturare layout semplici e responsivi.
La parte finale del corso consiste in un’esercitazione pratica che richiede la progettazione e la realizzazione di un sito web completo, dalla definizione dei contenuti alla pubblicazione online.
—Modalità di svolgimento dell’insegnamento
Lezioni frontali in aula. Durante il corso sono previste esercitazioni pratiche, con presenza obbligatoria.
—Esercitazioni e revisioni
Sono previste esercitazioni intermedie oggetto di valutazione al fine del conseguimento della materia. Lo svolgimento delle esercitazioni è obbligatorio per poi sostenere l’esame.
L’accesso alle revisioni è su prenotazione (verrano poi fornite modalità e dettagli durante le lezioni).
—Elaborato finale
Per il conseguimento della materia è prevista la realizzazione di un sito web, da svolgere in gruppi di due persone, e da consegnare prima dell’esame. Al progetto bisognerà poi affiancare una presentazione che illustri tutto il processo di realizzazione.
Non sarà valutato solo il risultato finale, ma tutto il processo (dalla struttura dei contenuti al markup, passando per il design grafico del sito). Si rendono quindi necessarie almeno 3 revisioni prima della consegna finale.
—Prerequisiti richiesti
Nessun prerequisito richiesto.
—Frequenza lezioni
La frequenza è obbligatoria, non inferiore all’80% della totalità della didattica frontale come previsto da palinsesto, con esclusione dello studio individuale come da Art.10 del DPR n. 212 del 8 luglio 2005.
—Contenuti e programmazione del corso
- Principi introduttivi del design e della comunicazione visiva applicati al web
- Progettare interfacce, progettare siti web: ruolo e competenze del designer digitale
- Elementi fondamentali del visual design: layout, tipografia, colore, immagini
- Chiarezza, leggibilità e definizione delle gerarchie visive
- Organizzazione dei contenuti e basi di architettura dell’informazione
- Wireframe e progettazione della struttura preliminare delle pagine
- Elementi dell’interfaccia (UI): pulsanti, form, campi e stati
- Introduzione ai design system: palette, tipografia e componenti visivi
- Basi tecniche HTML: struttura semantica, testo, immagini, collegamenti e sezioni
- Basi tecniche di CSS: box model, tipografia, colori, spaziature
—Testi di riferimento obbligatori
Steve Krug, Don’t make me think, Tecniche Nuove, 2014
John Maeda, Le leggi della semplicità, Mondadori, 2006
Edward Stull, UX Design: Guida ai principi di base per progettare l’esperienza utente, Apogeo, 2019
—Altro materiale didattico
Dispense fornite dal docente.
—Strumenti per studenti con disabilità e/o DSA
Gli studenti con disabilità o DSA (Disturbi Specifici dell’Apprendimento) sono supportati da professori e da tutor (se assegnati) attraverso la consulenza con il CInAP (Centro per l’integrazione Attiva e Partecipata). Gli studenti possono, mediante e-mail istituzionale eventualmente anche attraverso i tutor, chiedere al professore del corso un colloquio in modo da concordare obiettivi didattici ed eventuali strumenti compensativi e/o dispensativi, in base alle specifiche esigenze. Tale colloquio sarebbe opportuno che avvenisse prima dell’avvio delle lezioni e comunque non oltre la prima settimana di corso. Per rivolgersi direttamente al CInAP è possibile utilizzare la mail istituzionale cinap@abacatania.it
—Nota di trasparenza
Il seguente Syllabus è l’unico documento a cui gli studenti possono fare riferimento per la fruizione e il conseguimento della disciplina nell’a.a. in oggetto, non saranno pubblicati ne presi in considerazione altri programmi didattici. Le informazioni inserite nel presente documento, con particolare attenzione alle caratteristiche delle esercitazioni intermedie, degli elaborati finali e dei testi di riferimento obbligatori, non potranno essere modificate dopo l’avvio della disciplina in oggetto. Tutto ciò che non è specificatamente descritto in questo Syllabus e/o effettivamente svolto a lezione non potrà essere chiesto in fase di esame.
—Testi di approfondimento consigliati
Jon Duckett, HTML e CSS. Progettare e costruire siti web, Apogeo, 2017
Patrick J. Lynch, Sarah Horton, Web Style Guide, Yale University Press, 2016 (la versione web è gratuita)
Aaron Gustafson, Web design adattivo. Come cambia la User eXperience, Pearson, 2017
Jeremy Keith, Resilient Web Design, (esiste solo in versione web)
Ethan Marcotte, Responsive Web Design, A Book Apart, 2011 (la versione web è gratuita)