Sito ufficiale del corso di Social Networking: technologies and applications (01QYAPD) per studenti della Laurea Magistrale in Ing. del Cinema e dei Mezzi di Comunicazione.
Questa pagina è raggiungibile anche all'indirizzo abbreviato: http://bit.ly/polito-sonet
Avvisi
- 2018-09-13: L'appello di lunedì 17/9 si terrà in aula 4T alle ore 9.00.
- 2018-06-16: nel file zip che contiene tutti i file del sito web deve essere presente anche un file readme.doc con le informazioni importanti per la valutazione, secondo questo schema
- 2018-06-04: Gli appelli di giugno-luglio saranno nelle seguenti date (diverse da quelle attualmente presenti sul portale)
- giovedì 28 giugno, ora e aula verranno comunicate in seguito
- giovedi' 19 luglio, ora e aula verranno comunicate in seguito
- nella sezione "Esami" sono pubblicate le scadenze per la consegna del materiale per entrambe gli appelli
- 2018-05-31: Nella sezione Esame è stato pubblicato il terzo homework, con scadenza 11/6 e discussione il 14/6.
- 2018-05-10: Nella sezione Esame sono stati pubblicati i requisiti tecnici e di contenuto per il sito web utile per l'esame. Venerdì 11/5 nella seconda parte della lezione discuterò dei possibili argomenti con gli studenti interessati, mentre gli altri potranno completare l'esercitazione su Javascript del lunedì precedente.
- 2018-04-23: La lezione di lunedì 30 aprile è cancellata.
- 2018-04-09: Una delle associazioni studentesche del Politecnico, SITP (Social Innovation Team Politecnico) ci ha contattato perchè sarebbe interessata a sviluppare un social network per mettere in contatto le varie associazioni studentesche. Giovedì 12/4 alle 15.45 (verso la fine della lezione) verrà un loro rappresentante per presentarvi la loro idea di base. Invitiamo i diversi gruppi a valutare l'idea e il target, come una possibile opzione alternativa a quelle già emerse durante le lezioni.
- 2018-03-23: Nella sezione Esame è stato pubblicato il primo homework, con scadenza 22/4 e discussione il 26/4.
- 2018-02-27: A causa della sospensione didattica del 5/3, il corso inizierà giovedì 8/3.
- 2018-02-07: Benvenuti all'edizione 2017/2018 del corso!
Informazioni
Carta di identità
| Nome | Social Networking: technologies and applications |
| Crediti | 12 |
| Anno | Primo anno della Laurea Magistrale |
| Semestre | Secondo (Marzo-Giugno) |
| Lingua | Italiano |
| Link ufficiale | Portale della Didattica |
| Titolare del corso | Laura Farinetti |
| Altri docenti | Gabriella Taddeo, Fabio Ballati |
Orario del corso
| Giorno e ora | Aula |
| Lunedì 10:00-13:00 | 5T |
| Giovedì 13:00-16:00 | 5T |
| Venerdì 10:00-13:00 | 5T |
Vedere la sezione Registro per informazioni più dettagliate.
Contenuti del corso
Il fenomeno dei social network ha rivoluzionato, negli ultimi anni, il panorama della produzione mediale, delle relazioni interpersonali, e anche della comunicazione politica e di impresa.
I Social Network Sites (SNS) come Facebook, Twitter, Instagram e LinkedIn hanno infatti radicalmente modificato le dinamiche di interazione sociale, configurando nuovi scenari in cui il rapporto tra cosiddetto mondo online e offline è più complesso e interdipendente.
Il corso sviluppa un’analisi approfondita del fenomeno dei Social Network e definisce le caratteristiche tecnologiche, strutturali e le pratiche relazionali e comunicative abilitate da queste nuove forme socio-tecnologiche. Durante il corso, gli studenti impareranno i concetti e i meccanismi che stanno dietro alle tecnologie del Social Web, come la progettazione di un social network, la sua realizzazione prototipale e la validazione con degli utenti. In particolare, si affronterà tale argomento da due punti di vista: uno rivolto agli aspetti sociali e di comunicazione dei SNS e uno più orientato verso gli aspetti di progettazione e di sviluppo tecnologico.
In dettaglio, i principali nodi tematici riguardanti la parte di interazione sociale riguardano:
- analisi storica e comparativa dei principali social network
- modelli di networking, computer mediated communication e community building
- strumenti e metodologie di analisi del target e della user experience
- progettazione, design dell’interazione e prototipazione secondo l’approccio del Design Thinking
- definizione del business model e delle opportunità di sviluppo in relazione alle dinamiche di impresa 4.0 ( in particolare big data analytics, Internet of Things)
- validazione e utilizzo di metriche e strumenti di analisi dei feedback e design iterativo
A supporto di tutto ciò, si forniranno gli strumenti tecnici e le conoscenze informatiche necessarie per affrontare con successo la parte di progettazione e prototipazione del Social Network, grazie all'utilizzo di tecnologie e linguaggi Web allo stato dell'arte.
Al termine del corso, gli studenti avranno ideato, progettato, realizzato e validato in gruppi un prototipo di Social Network, esplorandone in prima persona le principali caratteristiche, problematiche e opportunità.
Libri di testo
Vedere la sezione Materiale.
La foto presente in questa pagina è stata scattata da Douglas Ray.
Materiale
Questa sezione conterrà tutto il materiale didattico (slide, documenti, link, ...) utilizzato durante il corso.
Slide
- Introduzione al corso
- I Social Network
- Lezione 2: panoramica dei social network
- Lezione 3: metodi di ricerca
- Lezione 4: personae e scenario
- Lezione 5: pitch e user scenario
- Lezione 6: architettura dell'informazione
- Lezione 7: social design
- Lezione 8: social design (parte 2)
- Lezione 9: la nuova ludicità
- Lezione 10: marketing sui social media
- Lezione 11: test di usabilità
- Progettare un sito web
- Tecnologie Web
Laboratori
- Laboratorio 1: Html 5 - Primi Passi - Bozza di soluzione
- Laboratorio 2: Css - Primi Passi - Bozza di soluzione
- Laboratorio 3: Css - Box Model & Posizionamento - Bozza di soluzione
- Laboratorio 4: Css - Responsive Design - Bozza di soluzione
- Laboratorio 5: Css - Media Queries
- Laboratorio 6: Javascript - DOM - Bozza di soluzione
- Laboratorio 7: HTML5 - Canvas - Bozza di soluzione
- Laboratorio 8: Javascript - Animations - Bozza di soluzione
- Laboratorio 9: HTML5 & Javascript - drag & drop
- Laboratorio 10: Verifica di accessibilità di siti web
- Laboratorio 11: HTML5 - video
Strumenti
- JetBrains WebStorm
- scaricare l'ultima versione disponibile dalla sezione Download del sito di WebStorm
- registrarsi sul sito di JetBrains utilizzando l'email del politecnico (This email address is being protected from spambots. You need JavaScript enabled to view it.) per ottenere una licenza studenti gratuita: https://www.jetbrains.com/student/
- Google Chrome: installare l'ultima versione disponibile
Approfondimenti
Materiali utili a chi è interessato ad approfondire la parte sociologica del corso:
- E. Yayici, (2016), Design Thinking Methodology Book, ArtBizTech.
- B. Whitworth (2013), The Social Design of Technical Systems: Building technologies for communities. The Interaction Design Foundation.
- D. Boyd (2014), It's complicated. La vita sociale degli adolescenti sul web, Castelvecchi, Firenze.
- L. Rainie, B Wellman (2012), Networked. Il nuovo sistema operativo sociale, Guerini Scientifica Milano.
- G. Boccia Artieri (a cura di) (2015), Gli effetti sociali del web. Forme della comunicazione e metodologie della ricerca online. Franco Angeli, Milano.
- G. Boccia Artieri. (2014) Stati di connessione. Pubblici, cittadini e consumatori nella (Social) Network Society, Franco Angeli, Milano.
- R. Callois (1958) I giochi e gli uomini. La maschera e la vertigine, Bompiani, Milano.
- Ellison, N. B. & boyd, d. (2013). Sociality through Social Network Sites. In Dutton, W. H. (Ed.), The Oxford Handbook of Internet Studies. Oxford: Oxford University Press, pp. 151-172. Pre-print version disponibile online all'indirizzo http://www.danah.org/papers/2013/SocialityThruSNS-preprint.pdf
- G. Greco (2014) (a cura di), Pubbliche intimità. L'affettivo quotidiano nei siti di social network. Franco Angeli, Milano.
- H. Jenkins, M. Ito, d. boyd. (2015). Participatory Culture in a Networked Era. Polity Press.
- Materiali e video dal sito Interaction Design Foundation. In particolare The Encyclopedia of Human-Computer Interaction, 2nd Ed : https://www.interaction-design.org/literature
- THE THEORY, PRACTICE AND LIMITS OF BIG DATA FOR THE SOCIAL SCIENCES, Opening Speech at UC Davis Institute for Social Sciences.
- http://www.martinhilbert.net/the-theory-practice-and-limits-of-big-data-for-the-social-sciences/
- S. Turkle (2012), Connessi ma soli? TED TALK https://www.ted.com/talks/sherry_turkle_alone_together?language=it
- Why We Post. The anthropology of social media, research project: https://www.ucl.ac.uk/why-we-post
- Transmedia Literacy. Exploiting informal and transmedia skills to improve formal education. Research project: https://transmedialiteracy.org
Regole d'esame
La valutazione dell'esame è costituita da tre parti:
- Valutazione del lavoro (di gruppo) di progettazione di un social network, con particolare attenzione agli aspetti di comunicazione, e relativa discussione orale (~14/32)
- Valutazione di un’applicazione web legata al social network progettato, sviluppata (individualmente) con le tecnologie apprese, e relativa discussione orale (~12/32)
- Homework (individuali) su aspetti di usabilità ed accessibilità dei siti web (~6/32)
Vincoli:
- Il materiale da valutare per l’esame (sito web, progetto e documentazione richiesta) deve essere consegnato una settimana prima dell’appello in cui si intende sostenere l’esame
- Gli homework devono essere consegnati entro le scadenze indicate di volta in volta
A. Progettazione di un social network
- Lavoro di gruppo: 3 persone
- Attività documentate
- Docente di riferimento: Gabriella Taddeo
B. Sviluppo di un'applicazione web
- Lavoro individuale
- Tema: legato al social network progettato (marketing, approfondimento, report, …), da concordare preventivamente
- Requisiti tecnici
- Utilizzo di tutte le tecnologie argomento del corso (vedere dettagli nelle regole d’esame)
- Interattività
- Usabilità
- Accessibilità
- Docenti di riferimento: Laura Farinetti, Fabio Ballati
C. Homework
- Tre homework, 2 punti ciascuno
- Consegna tramite «Portale della Didattica» entro la scadenza (rigida) di volta in volta indicata
- Gli studenti selezionati (6 - 8) devono presentare il lavoro e partecipare alla discussione in aula
- Docente di riferimento: Laura Farinetti
- Studenti non frequentanti: contattare la docente per definire una modalità alternativa di consegna e valutazione degli homework
Requisiti del sito web
Qui trovate i requisiti tecnici e di contenuto del sito web utile per l'esame. Nota: Come requisito di accessibilità si intende che l'estensione Wave del browser sito web non deve segnalare errori nel sito web. Altre caratteristiche, come l'uso di tag semantici HTML5 e di attributi WAI-ARIA non sono obbligatorie ma saranno considerate come plus nella valutazione.
Homework
- Homework #1 su usabilità: descrizione
- scadenza per la consegna tramite Portale della Didattica: 22 aprile
- discussione in aula: 26 aprile
- Homework #2 su accessibilità per non vedenti: descrizione
- scadenza per la consegna tramite Portale della Didattica: 23 maggio
- discussione in aula: 28 maggio
- Homework #3 su valutazione del codice sorgente per l'accessibilità dei siti: descrizione
- scadenza per la consegna tramite Portale della Didattica: 11 giugno
- discussione in aula: 14 giugno
Prossimi esami con scadenze
28/06/2018, ora e aula verranno comunicati in seguito
- il sito web e i documenti devono essere consegnati per la valutazione sul Portale della Didattica entro le 23:59 del 21/06/2018; nel file zip che contiene tutti i file del sito web deve essere presente anche un file readme.doc con le informazioni importanti per la valutazione, secondo questo schema
- inviare una mail ai docenti entro le 23:59 del 21/06/2018 comunicando l'intenzione di sostenere l'esame, specificando quale/i parte/i
19/07/2018, ora e aula verranno comunicati in seguito
- il sito web e i documenti devono essere consegnati per la valutazione sul Portale della Didattica entro le 23:59 del 12/07/2018; nel file zip che contiene tutti i file del sito web deve essere presente anche un file readme.doc con le informazioni importanti per la valutazione, secondo questo schema
- inviare una mail ai docenti entro le 23:59 del 12/07/2018 comunicando l'intenzione di sostenere l'esame, specificando quale/i parte/i
Registro
La tabella seguente riporta l'andamento delle lezioni del corso, per trasparenza di informazione e per facilitare la pianificazione da parte degli studenti. Ci riserviamo di modificare la pianificazione delle lezioni per esigenze didattiche.
Legenda: la colonna Tipo può essere L=Lezione, EL=Esercitazione.
| Data | Ore | Tipo | Ore | Argomento | Docente |
|---|---|---|---|---|---|
| 05/03/2018 | 10.00-13.00 | L | 3 | Sospensione didattica. | |
| 08/03/2018 | 13.00-16.00 | L | 3 | Introduzione al corso. HTML5. Achitettura Web. | Laura Farinetti |
| 09/03/2018 | 10.00-13.00 | L | 3 | Social Network: storia, dinamiche e modelli di interazione. | Gabriella Taddeo |
| 12/03/2018 | 10.00-13.00 | EL | 3 | Esercitazione su HTML5. | Fabio Ballati |
| 15/03/2018 | 13.00-16.00 | L | 3 | CSS3: sintassi, selettori, box model, page layout. | Laura Farinetti |
| 16/03/2018 | 10.00-13.00 | L | 3 | Social Network: panoramica sui social network. | Gabriella Taddeo |
| 19/03/2018 | 10.00-13.00 | EL | 3 | Esercitazione su HTML5 e CSS3. | Fabio Ballati |
| 22/03/2018 | 13.00-16.00 | L | 3 | CSS3: media queries e responsive design. | Laura Farinetti |
| 23/03/2018 | 10.00-13.00 | L | 3 | User-centred design. | Laura Farinetti |
| 23/03/2018 | 10.00-13.00 | EL | 3 | Esercitazione su CSS3: box model e posizionamento. | Fabio Ballati |
| Vacanze di Pasqua. | |||||
| 05/04/2018 | 13.00-16.00 | L | 3 | User-centred design. | Laura Farinetti |
| 06/04/2018 | 10.00-13.00 | L | 3 | Progettare un social network attraverso il metodo del design thinking: emphatize. | Gabriella Taddeo |
| 09/04/2018 | 10.00-13.00 | EL | 3 | Esercitazione su CSS3: responsive design. | Fabio Ballati |
| 12/04/2018 | 13.00-16.00 | L | 3 | Architettura dell'informazione. | Laura Farinetti |
| 13/04/2018 | 10.00-13.00 | L | 3 | Progettare un social network attraverso il metodo del design thinking: emphatize. | Gabriella Taddeo |
| 16/04/2018 | 10.00-13.00 | EL | 3 | Esercitazione su CSS3: media query, responsive images. | Fabio Ballati |
| 19/04/2018 | 13.00-16.00 | L | 3 | Javascript: sintassi, DOM. | Laura Farinetti |
| 20/04/2018 | 10.00-13.00 | L | 3 | Progettare un social network attraverso il metodo del design thinking: define. | Gabriella Taddeo |
| 23/04/2018 | 10.00-13.00 | L | 3 | Javascript: eventi, interazione. | Laura Farinetti |
| 26/04/2018 | 13.00-16.00 | EL | 3 | Discussione homework #1: usabilità. | Laura Farinetti |
| 27/04/2018 | 10.00-13.00 | L | 3 | Progettare un social network attraverso il metodo del design thinking: prototype. | Gabriella Taddeo |
| 30/04/2018 | 10.00-13.00 | EL | 3 | Lezione cancellata | |
| 03/05/2018 | 13.00-16.00 | L | 3 | HTML5 canvas. | Laura Farinetti |
| 04/05/2018 | 10.00-13.00 | L | 3 | Strumenti per il fast prototyping. | Gabriella Taddeo |
| 07/05/2018 | 10.00-13.00 | EL | 3 | Esercitazione su JavaScript DOM. | Fabio Ballati |
| 10/05/2018 | 13.00-16.00 | L | 3 | Progettare l'io online. | Gabriella Taddeo |
| 11/05/2018 | 10.00-13.00 | L | 3 | Accessibilità dei siti web. | Laura Farinetti |
| 14/05/2018 | 10.00-13.00 | EL | 3 | Esercitazione su HTML5 canvas. | Fabio Ballati |
| 17/05/2018 | 13.00-16.00 | L | 3 | HTML5 drag & drop. | Laura Farinetti |
| 18/05/2018 | 10.00-13.00 | L | 3 | Progettare il noi online. | Gabriella Taddeo |
| 21/05/2018 | 10.00-13.00 | EL | 3 | Esercitazione su HTML5 canvas. | Fabio Ballati |
| 24/05/2018 | 13.00-16.00 | EL | 3 | Esercitazione su animazioni JavaScript. | Fabio Ballati |
| 25/05/2018 | 10.00-13.00 | L | 3 | Social design. | Gabriella Taddeo |
| 28/05/2018 | 10.00-13.00 | EL | 3 | Discussione homework #2: analisi accessibilità con screen reader. | Laura Farinetti |
| 30/05/2018 | 14.00-17.00 | L | 3 | La nuova ludicità. | Gabriella Taddeo |
| 01/06/2018 | 10.00-13.00 | L | 3 | Accessibilità e linee guida. | Laura Farinetti |
| 04/06/2018 | 10.00-13.00 | EL | 3 | Esercitazone su accessibilità del codice sorgente. | Laura Farinetti |
| 07/06/2018 | 13.00-16.00 | EL | 3 | Esercitazione su HTML5 video. | Fabio Ballati |
| 08/06/2018 | 10.00-13.00 | L | 3 | Gabriella Taddeo | |
| 11/06/2018 | 10.00-13.00 | EL | 3 | Sviluppo sito web per esame. | Fabio Ballati |
| 14/06/2018 | 13.00-16.00 | EL | 3 | Discussione homework #1: analisi accessibilità del codice sorgente. | Laura Farinetti |
| 15/06/2018 | 10.00-13.00 | L | 3 | Gabriella Taddeo |