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.
Attenzione: Questa pagina contiene la versione archiviata relativa all'edizione 2015/2016 del corso. L'ultima versione del corso è invece disponibile alla pagina: http://bit.ly/polito-sonet
Avvisi
- 2016-07-26: Risultati del secondo appello (pdf)
- 2016-06-23: Aggiornati gli orari dell'esame del 4/7/2016
- 2016-06-23: Risultati del primo appello (pdf)
- 2016-06-19: Creata playlist su YouTube con i video dei progetti del 2016.
- 2016-06-14: Confermati ora e luogo dei due appelli estivi.
- 2016-06-08: Pubblicato, nella sezione Materiale, il testo del tema d'esame di programmazione che useremo in aula domani per una simulazione d'esame.
- 2016-05-27: La consegna del deliverable 3 è posticipata: la valutazione con gli utenti dovrà essere consegnata insieme al prototipo finale prima dell'esame (e ovviamente dovrà riguardare la valutazione del prototipo finale).
- 2016-05-26: Aggiunta una guida per la creazione del video di progetto nella sezione Esame.
- 2016-05-04: Come da accordi, la lezione di domani (giovedì 5/5) inizierà alle 13:30.
- 2016-04-28: Aggiornate date di scadenza e feedback del deliverable 2 e 3
- 2016-04-28: E' stato pubblicato il template per il deliverable 2
- 2016-03-21: La scadenza per la consegna del deliverable 1 è spostata al 4 aprile
- 2016-02-15: Benvenuti all'edizione 2015/2016 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, Luigi De Russis, Teodoro Montanaro |
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, si affronteranno i principali nodi sociali e comunicativi legati allo sviluppo di un social network. La parte teorica riguarderà l’analisi storica e comparativa dei principali social network mondiali, l’analisi delle principali teorie sull’interazione mediata e sui modelli di networking e di community building, la riflessione sugli effetti dei SNS sulle dinamiche relazionali e comunicative offline. Alla riflessione teorica verrà accompagnato il lavoro di progettazione di un Social Network, che riguarderà le fasi di analisi del target, definizione del concept e della value proposition, progettazione e prototipazione, validazione e utilizzo di metriche e strumenti di analisi dei feedback. 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.
Slides
- Introduzione al corso
- Teoria dei social network
- Progettare un social
- Tecnologie Web
- HTML5
- Architettura web
- Cascading Style Sheets (CSS): basics, selectors and page layout
- Cascading Style Sheets (CSS): more properties and application examples
- Core JavaScript
- Client-side JavaScript
- JavaScript examples
- Esempio: rating (testo e codice)
- AJAX
- AngularJS
- HTML canvas
- Reading: analisi delle performance (frontend)
Laboratori
- Git e HTML5: Primi passi
- CSS3: Primi passi (file utili: index.html e icon_list.png) [Soluzione su GitHub]
- Prototipare un social
- Introduzione e CSS (esercizio: pizza-plain.zip) [Soluzione su GitHub]
- JavaScript: Primi passi (file utile: gestionePizze.js) [Soluzione su GitHub]
- Starter Kit (su GitHub)
- AngularJS: Primi passi [Soluzioni su GitHub]
- Integrazione con Firebase (progetto di partenza, JSON) [Soluzione su GitHub]
- Autenticazione con Firebase [Soluzione su GitHub]
- Integrazione di Google Maps (progetto di partenza) [Soluzione su GitHub]
- Integrazione di una chat [Soluzione su GitHub]
Temi d'esame (programmazione)
- Simulazione del 09/06/2016
- testo e progetti di partenza (versione CSS, versione JS)
- soluzione
- Esame 20/06/2016
- Esame 04/07/2016
- Esame 07/02/2017
"Nuovo" Firebase
Strumenti
- Node.js: installare l'ultima versione stabile disponibile (5.x)
- AngularJS (versione 1.x)
- Git
- se non presente sul proprio computer, installare l'ultima versione disponibile
- creare un account gratuito su GitHub; dopo aver creato l'account, è possibile richiedere le agevolazioni per studenti all'indirizzo: https://education.github.com
- JetBrains WebStorm
- scaricare l'ultima versione disponibile dalla sezione Download del sito di WebStorm
- registrarsi sul sito di JetBrains per ottenere una licenza studenti gratuita: https://www.jetbrains.com/student/
- Google Chrome: installare l'ultima versione disponibile
Gruppi e progetti
- Documento condiviso per la composizione dei gruppi e il target del social scelto
- Feedback sul deliverable 1 (documento condiviso online)
Esame
L'esame consiste nella presentazione del lavoro di gruppo, progettato e sviluppato durante il corso, di uno scritto a computer sulla parte di programmazione Web e di un orale sulla progettazione delle dinamiche sociali tra gli utenti.
A ogni gruppo, composto da 2-3 persone, è richiesto di:
- caricare e mantenere il codice sorgente relativo al suo progetto nel repository Git assegnato (https://github.com/SoNet-2016)
- creare e mantenere aggiornato un sito di progetto (GitHub Pages), associato al repository di progetto; le istruzioni per la creazione del sito di progetto sono disponibili all’indirizzo https://pages.github.com (vedere la sezione “Project site”); il sito deve essere facile da navigare e ben strutturato.
Il sito di progetto, in particolare, deve contenere:
- i documenti e le informazioni richieste entro le scadenze e seguendo i template riportati sotto;
- un video del progetto che illustri il concept adottato, realizzato seguendo questa guida (esempi nella sezione in fondo alla pagina).
Date importanti:
- 14/03 sottomissione della composizione dei gruppi (sul documento condiviso online)
- 04/04 creazione del sito di progetto (tramite GitHub Pages) e consegna del deliverable 1 (vision e target)
- 06/04 feedback sul deliverable 1 agli studenti (tramite documento condiviso online)
- 20/05 consegna del deliverable 2 (codice sorgente della prima versione del prototipo, flowchart e architettura dell’informazione del social completo)
- 26/05 feedback sul deliverable 2 agli studenti (in aula)
Template per i deliverable, i cui contenuti sono inserire nel sito di progetto (no PDF incorporato o linkato):
- Deliverable 1 [PDF contenente i contenuti da inserire sul sito del progetto]
- Deliverable 2 [PDF contenente i contenuti da inserire sul sito del progetto] (il codice sorgente deve essere disponibile nel repository di gruppo)
- Deliverable 3 [PDF contenente i contenuti da inserire sul sito del progetto], da consegnare per l'esame (vedi sezione sottostante)
Regole d'esame
Il progetto di gruppo (repository e sito di progetto) deve essere pronto per la valutazione entro tre giorni lavorativi prima dell’appello. Il prototipo interattivo completo del social deve essere disponibile nel repository di gruppo entro la stessa data.
L’esame sarà composto di tre parti:
- presentazione orale e demo del progetto (massimo 15 minuti, usando slide di PowerPoint o simili)
- esame scritto sulla parte di programmazione Web, a computer (30 minuti)
- esame orale sulla progettazione delle dinamiche sociali tra gli utenti
I contributi di ogni persona dovrebbero emergere nell’intera presentazione del progetto (per esempio, dividendo la presentazione orale in parti).
Ogni studente verrà valutato, con un voto in 30esimi, sul lavoro svolto durante il corso, sulla qualità delle informazioni e dei documenti presenti sul sito di progetto, sulla completezza del prototipo interattivo finale nonché sulla presentazione orale e demo del progetto stesso.
L’esame scritto di programmazione e l’esame orale saranno, invece, di tipo passo/non passo. Per superare il corso è necessario ottenere un voto maggiore o uguale a 18 e avere un “passo” sia all’esame scritto che a quello orale.
Le tre parti dell’esame sono obbligatorie ma possono essere svolte in appelli diversi. Gli unici requisiti sono che a) tutti i membri di un gruppo siano presenti e partecipino alla presentazione (e demo) del progetto durante lo stesso appello e che b) l'orale sia svolto in un momento successivo alla presentazione.
Prossimi esami con scadenze:
- 09/09/2016 (aula 11T) ore 11:00 scritto di programmazione, ore 12:00 presentazione dei progetti
- chi ha già passato la parte di programmazione può venire direttamente alle 12:00
- ricordarsi di iscriversi all'esame, entro il 07/06/2016, sul Portale della Didattica;
- inviare una mail ai docenti nel caso in cui si volesse sostenere solo la prima o la terza parte dell'esame, entro il 06/09/2016;
- i progetti (sito e codice sorgente) devono essere pronti per la valutazione su GitHub entro le 23:59 del 06/09/2016.
Esempi
- Sito web di esempio, che mostra una presentazione video e una descrizione di progetto efficace, sviluppato da due studenti della Princeton University.
- Playlist YouTube che contiene tutti i video prodotti dagli studenti dell’edizione 2015 del corso Linguaggi e Ambienti Multimediali, sempre incentrato sui social network.
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 | Argomento | Docente |
|---|---|---|---|---|
| 29/02/2016 | 10:00-11:30 | L | Introduzione al corso. | Laura Farinetti |
| 29/02/2016 | 11:30-13:00 | L | HTML5. | Laura Farinetti |
| 03/03/2016 | 13:00-16:00 | L | Teoria dell'interazione mediata. | Gabriella Taddeo |
| 04/03/2016 | 10:00-13:00 | L | Social Network: storia, dinamiche e modelli di interazione. | Gabriella Taddeo |
| 07/03/2016 | 10:00-13:00 | L | Social Network: analisi di casi. | Gabriella Taddeo |
| 10/03/2016 | 13:00-14:30 | L | HTML5. | Laura Farinetti |
| 10/03/2016 | 14:30-16:00 | L | Progettare un sistema interattivo con gli utenti. | Laura Farinetti |
| 11/03/2016 | 10:00-11:30 | L | Introduzione a Git. | Luigi De Russis |
| 11/03/2016 | 11:30-13:00 | L | Progettare un sistema interattivo con gli utenti. | Laura Farinetti |
| 14/03/2016 | 10:00-13:00 | L | Analisi degli utenti. Strumenti. | Gabriella Taddeo |
| 17/03/2016 | 13:00-14:30 | L | Progettare un sistema interattivo con gli utenti. | Laura Farinetti |
| 17/03/2016 | 14:30-16:00 | EL | Git e HTML5: esercizi. | Teodoro Montanaro |
| 18/03/2016 | 10:00-11:30 | L | Analisi degli utenti. | Gabriella Taddeo |
| 18/03/2016 | 11:30-13:00 | EL | Lavori di gruppo: ricerca sugli utenti. | Gabriella Taddeo |
| 21/03/2016 | 10:00-13:00 | L | Progettare un social: l'io online. | Gabriella Taddeo |
| (Vacanze di Pasqua) | ||||
| 31/03/2016 | 13:00-14:30 | L | Progettare un sistema interattivo con gli utenti. | Laura Farinetti |
| 31/03/2016 | 14:30-16:00 | L | Architetture Web. | Laura Farinetti |
| 01/04/2016 | 10:00-13:00 | L | Progettare un social: il noi online. | Gabriella Taddeo |
| 04/04/2016 | 10:00-13:00 | L | Gamification. | Gabriella Taddeo |
| 07/04/2016 | 13:00-14:30 | L | CSS3. | Laura Farinetti |
| 07/04/2016 | 14:30-16:00 | L | CSS3. | Laura Farinetti |
| 08/04/2016 | 10:00-11:30 | L | CSS3. | Laura Farinetti |
| 08/04/2016 | 11:30-13:00 | EL | CSS3: esercizi. | Teodoro Montanaro |
| 11/04/2016 | 10:00-13:00 | L | Meccanismi di autoregolazione, alimentazione e diffusione virale. | Gabriella Taddeo |
| 14/04/2016 | 13:00-14:30 | L | Javascript. | Laura Farinetti |
| 14/04/2016 | 14:30-16:00 | EL | Costruire un social: introduzione e CSS3. | Luigi De Russis |
| 15/04/2016 | 10:00-11:30 | L | Javascript. | Laura Farinetti |
| 15/04/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 18/04/2016 | 10:00-11:30 | L | Javascript. | Laura Farinetti |
| 18/04/2016 | 11:30-13:00 | EL | Javascript: esercizi. | Teodoro Montanaro |
| 21/04/2016 | 13:00-14:30 | L | Javascript: ES2015/ES6. | Laura Farinetti |
| 21/04/2016 | 14:30-16:00 | EL | AJAX. Architettura dell'informazione. | Laura Farinetti |
| 22/04/2016 | 10:00-11:30 | L | AngularJS. Starter kit. | Luigi De Russis |
| 22/04/2016 | 11:30-13:00 | EL | AngularJS: esercizi. | Teodoro Montanaro |
| 25/04/2016 | (Festa) | |||
| 28/04/2016 | 13:00-14:30 | EL | Costruire un social: backend con Firebase. | Luigi De Russis |
| 28/04/2016 | 14:30-16:00 | EL | Lavoro di gruppo supervisionato. | Luigi De Russis |
| 29/04/2016 | 10:00-11:30 | EL | Javascript: esercizi. | Laura Farinetti |
| 29/04/2016 | 11:30-13:00 | EL | Costruire un social: login utenti. | Teodoro Montanaro |
| 02/05/2016 | 10:00-11:30 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 02/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Gabriella Taddeo |
| 05/05/2016 | 13:00-14:30 | EL | Costruire un social: integrazione con servizi di terze parti e deploy. | Luigi De Russis |
| 05/05/2016 | 14:30-16:00 | L | Lavoro di gruppo supervisionato. | Luigi De Russis |
| 06/05/2016 | 10:00-11:30 | L | HTML5 canvas. | Laura Farinetti |
| 06/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 09/05/2016 | 10:00-11:30 | EL | Lavoro di gruppo supervisionato. | Gabriella Taddeo |
| 09/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 12/05/2016 | 13:00-14:30 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 12/05/2016 | 14:30-16:00 | EL | Sessione di domande su AngularJS | Teodoro Montanaro |
| 13/05/2016 | 10:00-11:30 | L | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 13/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 16/05/2016 | 10:00-11:30 | EL | Costruire un social: chat. | Teodoro Montanaro |
| 16/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Luigi De Russis |
| 19/05/2016 | 13:00-14:30 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 19/05/2016 | 14:30-16:00 | EL | Lavoro di gruppo supervisionato. | Teodoro Montanaro |
| 20/05/2016 | 10:00-11:30 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 20/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 23/05/2016 | 10:00-11:30 | EL | Accessibilità dei siti web. | Laura Farinetti |
| 23/05/2016 | 11:30-13:00 | L | Seminario esterno (TreataBit). | Laura Farinetti |
| 26/05/2016 | 13:00-16:00 | EL | Lavoro di gruppo supervisionato. Feedback su D2. | Laura Farinetti |
| 27/05/2016 | 10:00-11:30 | EL | Performance di siti web (cenni). Lavoro di gruppo supervisionato. | Luigi De Russis |
| 27/05/2016 | 11:30-13:00 | EL | Lavoro di gruppo supervisionato. | Laura Farinetti |
| 30/05/2016 | 10:00-13:00 | EL | Lavoro di gruppo supervisionato. | Luigi De Russis |
| 02/06/2016 | (Festa) | |||
| 03/06/2016 | 10:00-13:00 | EL | Lavoro di gruppo supervisionato. | Teodoro Montanaro |
| 06/06/2016 | 10:00-13:00 | EL | Lavoro di gruppo supervisionato. | Teodoro Montanaro |
| 09/06/2016 | 13:00-16:00 | EL | Simulazione tema d'esame. Lavoro di gruppo supervisionato. | Luigi De Russis |
| 10/06/2016 | 10:00-11:30 | EL | Lavoro di gruppo supervisionato. | Teodoro Montanaro |