Docente: Piero Polidoro
E-mail: p.polidoro@lumsa.it
Ricevimento: Gli orari di ricevimento e i relativi avvisi sono pubblicati sulla pagina web di Piero Polidoro sul sito della Lumsa
Twitter: @piero_polidoro
Questo sito è stato realizzato da Piero Polidoro, che ne è responsabile. In nessun modo i contenuti di questo sito possono essere considerati di responsabilità dell’Università LUMSA.
Per ottenere le credenziali di accesso ai MATERIALI RISERVATI gli studenti devono scrivermi dal loro indirizzo lumsastud.
Introduzione al corso e informazioni pratiche; L'analisi qualitativa dei siti web; Perché i siti web sono ancora importanti; I media come forme di comunicazione
G. Cosenza, Introduzione alla semiotica dei nuovi media: Cap. 1
Che cos'è la semiotica, sul sito di Giovanna Cosenza
Che cosa sono Html e Css; Struttura di un file Html; La separazione fra struttura, presentazione e comportamento; Che cosa è il sistema web; Il ruolo del mobile e le differenze rispetto al desktop; Che cosa sono le applicazioni web; Native app, hybrid app, web app
Su Html e Css
Linguaggi di marcatura, su Wikipedia (solo la definizione iniziale)
Html, su Wikipedia
Sulle App
Slide della lezione (ad accesso riservato)
Web Sites vs. Web Apps: What the experts think, articolo di Ciprian Borodescu sulla differenza fra siti, applicazioni e app
Mobile: Native Apps, Web Apps, and Hybrid Apps, articolo di Raluca Budiu sul sito del Nielsen Norman Group
Mobile Website vs. Mobile App (Application): Which is Best for Your Organization?, un articolo di Jason Summerfield, sugli stessi argomenti di quello della Budiu (vi consiglio di leggere prima quello della Budiu e poi questo, per approfondimento)
Esempio discusso a lezione (ad accesso riservato)
Jeffrey Zeldman, Ethan Marcotte
Sviluppare siti con gli standard web
Apogeo, Milano 2010 (III ediz.)
Siti statici/siti dinamici (database, Php, MySQL); La moltiplicazione dei devices e delle risoluzioni; I layout liquidi; Responsive vs Adaptive
Su siti statici e siti dinamici
Che cos'è un database, su Html.it
Siti statici vs siti dinamici, su Html.it (non è importante la parte in cui si parla di Coldfusion)
Su responsive/adaptive
Web Design 101: Adaptive vs Responsive design, articolo di Lauren Bernhagen
Responsive design vs. adaptive delivery: Which one’s right for you?, articolo di Ravi Pratap
What is the difference between responsive vs. adaptive web design?, un articolo di Ryan Boudreaux
In alternativa potete leggere questo articolo di Google che è in italiano, ma è più dettagliato e forse più complesso (anche se è completo e potete saltare le parti sull'indicizzazione - per es. quelle sull'HTTP Vary e sul riconoscimento dello User Agent. ATTENZIONE: l'articolo è costituito da tre pagine (quindi non solo dalla pagina che ho linkato, ma anche dalle due successive).
Esempi discussi a lezione:
- Responsive: Harvard University
- Adaptive: Adidas
Alcuni dati citati a lezione
- Diffusione percentuale dei principali browser dal 1996 al 2009, da Wikipedia
- Diffusione percentuale dei principali browser dal 2009 al 2015, da Wikipedia
- Diffusione dei diversi formati di schermi fra gli utenti del sito w3schools
Infografica Evolution of the Web
Spiegazione e impostazione della prima esercitazione per gli studenti frequentanti (le istruzioni vengono inviate per mail)
Le fasi del lavoro di realizzazione di un sito web; Il documento dei requisiti; L'analisi del cliente e degli utenti; L'analisi della concorrenza
Slide (ad accesso riservato)
Sul sito del prof. Roberto Polillo studiare:
- Template per la stesura del documento dei requisiti
- Schema dell'intervista al committente
Che cos'è l'architettura dell'informazione; bisogni informativi; tipi di comportamento di ricerca; schemi di organizzazione e di navigazione; labels, card sorting, blueprints, wireframes; analisi qualitativa dell'albero di navigazione.
Architettura dell'informazione (slides ad accesso riservato)
Esempi di analisi dell'architettura dell'informazione (file zip ad accesso riservato)
Esempio di analisi qualitativa dell'albero di navigazione (ad accesso riservato)
Peter Morville e Louis Rosenfeld
Information Architecture
O'Reilly, 2007
Flat vs. Deep Website Hierarchies, articolo di Kathryne Whitenton sul sito del Norman Nielsen Group
Online card sorting - Even better than the real thing?, Articolo sul card sorting online e sui diversi software per farlo
Un breve video sul card-sorting
Due video più lunghi (equivalenti) sul card sorting: Video 1 e Video 2
Che cos'è l'usabilità e quando usarla; I principali tipi di test di usabilità; Esempi
Usabilità (slides ad accesso riservato)
G. Cosenza, Introduzione alla semiotica dei nuovi media: Cap. 3
J. Nielsen, H. Loranger, Web usability 2.0
S. Krug: Video di esempio di test di usabilità
Video su paper prototype di uno sportello automatico
Video su paper prototype di un sito web per bambini
Introduzione all'analisi qualitativa dei siti web (metodi); Esempio di analisi: i siti dei comuni di Roma e Barcellona.
G. Cosenza, Introduzione alla semiotica dei nuovi media: Cap. 4
Articolo di P. Polidoro, "City branding sul web: Roma vs Barcellona" (ad accesso riservato)
Propp, Greimas (il percorso generativo; le strutture discorsive)
Greimas (le strutture semio-narrative superficiali)
L'enunciazione (solo slides 1-14)
Esempio di analisi narrativa e visiva dei siti web: interfacce, stili di layout; siti opaci/trasparenti; i siti delle forze armate; le agenzie di monitoraggio degli eventi sismici; i siti degli studi di architettura.
Queste lezioni aiuteranno gli studenti a svolgere la tesina/esercitazione finale. Gli argomenti trattati equivalgono a quelli contenuti nei seguenti saggi:
- Articolo di P. Polidoro, "Teoria dei generi e siti web" (ad accesso riservato)
- Articolo di P. Polidoro, "City branding sul web: Roma vs Barcellona" (ad accesso riservato)
- Estratto sulle strategie di enunciazione dall'articolo "L'instabile costruzione enunciativa dell'identità aziendale in rete" di Costantino Marmo, VS nn. 94-96 (pdf ad accesso riservato)
- Articolo di P. Polidoro sulla comunicazione web delle agenzie sismologiche, in F. Comunello (a cura di), Social media e comunicazione d'emegenza, Guerini, Milano 2014 (ad accesso riservato)