eLite

Avvisi

• 2012-05-21: Durante le ore di esercitazione del modulo A (Rails), il docente sarà anche a disposizione per parlare del "lato implementativo" del progetto di fine corso. Si consiglia agli studenti di utilizzare comunque parte di quelle ore per svolgere le regolari esercitazioni e, in caso di necessità, di sfruttare le ore di consulenza messe a disposizione dai docenti stessi.
• 2012-05-18: Inserito, nel materiale del modulo B, un template per la presentazione finale del progetto. Tale documento di esempio verrà anche analizzato brevemente in aula. 
• 2012-05-17: Venerdì 18 Maggio, durante la lezione del modulo A, si incoraggiano gli studenti a comunicare/concordare con il docente quali funzionalità intendono implementare per il progetto finale del corso. In questo modo si riduce il rischio di implementare troppi (pochi) aspetti del social network che sarà oggetto di esame.
• 2012-05-09: Venerdì 11 Maggio ci sarà lezione regolarmente dalle 11.30 alle 14.30.
• 2012-04-20: Pubblicate, nel materiale del modulo A, le specifiche "tecniche" del progetto di fine corso.
• 2012-04-19: A questo indirizzo potete accedere al pitch per scegliere la funzionalità chiave di ogni progetto di Social Network. Venerdì 20 Aprile verranno presentate le funzionalità vincenti, gli altri progetti in attesa di pitch e si inizierà il lavoro di flow chart durante le ore della prof. Taddeo.
• 2012-03-09: Si comunica che, nonostante la versione di Rails "ufficialmente supportata" durante il corso sia la 3.1.1, si cercherà di fornire almeno un minimo di supporto per chi avesse installato la più recente versione 3.2.
• Benvenuti all'edizione 2011/2012 del corso!

Programma

Programma del corso

Il fenomeno dei social networks ha rivoluzionato, in meno di dieci 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, Google+ e LinkedIn hanno infatti radicalmente modificato le dinamiche di interazione sociale, configurando nuovi scenari in cui il rapporto tra cosiddetto mondo on line e off line è più complesso e interdipendente.

Il corso sviluppa un’analisi approfondita del fenomeno dei Social Network Sites 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 e la validazione con degli utenti.
In particolare, il corso è diviso in due moduli: uno rivolto agli aspetti sociali e di comunicazione dei SNS (Linguaggi e Ambienti Multimediali B) e uno più orientato verso gli aspetti tecnologici e di sviluppo (Linguaggi e Ambienti Multimediali A).

• Il modulo B affronterà 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 community building, la riflessione sugli effetti dei SNS sulle dinamiche relazionali e comunicative off line. 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 (mock-up), validazione e utilizzo di metriche e strumenti di analisi dei feedback.
• A partire dai progetti di social network sviluppati in classe, il modulo A fornirà gli strumenti tecnici e le conoscenze informatiche necessarie per progettare e sviluppare un proprio social network utilizzando tecnologie e linguaggi Web allo stato dell'arte (Rails 3, HTML 5, CSS 3, ecc.).

Durante il corso, gli studenti arriveranno a progettare e implementare un proprio social network esplorandone in prima persona le principali caratteristiche, problematiche e opportunità; i progetti realizzati saranno poi presentati dagli studenti stessi in una sessione di demo pubblica.

La foto presente in questa pagina è stata scattata da Douglas Ray.

Introduzione

Presentazione

• Introduzione al corso e regole d'esame

Docenti

Modulo A

• Docente: Laura Farinetti ( This e-mail address is being protected from spambots. You need JavaScript enabled to view it )
  Consulenza su appuntamento via e-mail.

• Esercitatore: Luigi De Russis ( This e-mail address is being protected from spambots. You need JavaScript enabled to view it )
  orario di consulenza: mercoledì ore 14:30-16:30, presso il LAB6 (DAUIN, secondo piano sopra la segreteria studenti). Si prega di inviare una e-mail in anticipo.

Modulo B

• Docente: Gabriella Taddeo ( This e-mail address is being protected from spambots. You need JavaScript enabled to view it )
  orario di ricevimento: venerdì ore 16:30-17:00, in aula 5T. Si prega di inviare una e-mail in anticipo.

Orario del corso

Libri di testo

• Materiale distribuito dai docenti (vedi sezioni "Modulo A" e "Modulo B")
• Michael Hartl, Ruby on Rails 3 Tutorial: Learn Rails by Example, Addison Wesley, 2011, ISBN 978-0-321-74312-1 (disponibile online)
• Iannelli L., Facebook & Co. Sociologia dei Social Network Sites, Guerini, 2010, Milano
• Di Fraia G. (a cura di), Social Media Marketing. Manuale di comunicazione aziendale 2.0, Hoepli, 2011, Milano. Capitoli: 14, 15.

Modulo A

Progetto finale

• Specifiche

Lucidi delle lezioni

• Il pattern Model-View-Controller
• CSS: Cascading Style Sheet
• CSS Level 3
• SVG: Scalable Vector Graphics
  
  • Esempi SVG
  • Esempio bolle di sapone
• HTML5 - part 1
• HTML5 - part 2
  • Esempi HTML5 Canvas
• HTML5 - part 3
  • Esempi HTML5 audio & video (il video può essere scaricato qui)

Esercitazioni

• Layout con CSS (soluzione di esempio)
• Menu e immagini sensibili con CSS (immagine memory.png)
• Layout con CSS3
• Interazione con SVG e JavaScript (codice maglietta) - esempio di soluzione
• Canvas e JavaScript (immagine di esempio) - esempi di soluzione
• HTML5 video e CSS - esempio di soluzione

Room5T (Social Network di base)

Le soluzioni delle esercitazioni di laboratorio, quando possibile, saranno disponibili sia come file compresso che nel repository Git presente all'indirizzo https://bitbucket.org/luigidr/lam2012.

• Laboratorio 1 - Installazione ambiente di sviluppo e primi passi con Ruby on Rails
  • Ruby on Rails: a brief introduction (slide)
• Laboratorio 2 - Pagine ed helpers (soluzione)
• Laboratorio 3 - Primi passi con Git
  • Version control with Git (slide)
• Laboratorio 4 - Briciole di Ruby
• Laboratorio 5 - CSS in Rails (soluzione)
  • Asset pipeline and Sass in 10 minutes (slide)
  • Progetto di partenza (zip | disponibile anche sul repository Git)
• Laboratorio 6 - Routes (soluzione)
• Laboratorio 7 - Modellazione e preliminare gestione degli utenti (soluzione)
  
  • Per provare la soluzione di tale esercitazione, eseguire un bundle install per installare alcune gemme utilizzate
• Laboratorio 8 - Autenticazione degli utenti (soluzione)
• Laboratorio 9 - Sign up (soluzione)
  • Progetto di partenza (zip | disponibile anche sul repository Git)
• Laboratorio 10 - Login, logout e gestione dei profili utente (soluzione)
  • Si invitano gli studenti a svolgere uno dei due esercizi di questa esercitazione in laboratorio e di implementare l'altro per conto proprio. Il tempo rimanente verrà utilizzato per parlare, con i singoli gruppi, dei loro progetti finali.

Materiale integrativo

• XHTML
• W3C DOM
• W3C HTML and CSS
• JavaScript/jQuery:
  • Learn to Code - Codecademy
  • Learning jQuery in 30 minutes
  • W3C Scripting and Ajax
• Tutorial Javascript
  • http://javascript.html.it/guide/
  • http://www.w3schools.com/js/
• Ruby/Ruby on Rails:
  • Try Ruby! (in your browser)
  • Ruby in 20 minuti
  • Da Java a Ruby
  • Ruby on Rails: Documentation

Modulo B

Progetto finale

• Template per la presentazione finale del progetto

Lucidi delle lezioni

• Lezione 1 - Le forme della socialità
• Lezione 2 - Social Network: modelli e linee di sviluppo
• Lezione 3 - Chi sono gli utenti dei social media (con esercitazione)
• Lezione 4 - Fare ricerca sul proprio pubblico
• Lezione 5 - Architettura dell'informazione
• Lezione 6 - Social design

Materiale integrativo

Altro materiale verrà fornito a lezione.

• Boyd D. Ellison N. “Social Network Sites: definition, history and scholarship” in Journal of Computer Mediated communication, 13, 1: http://jcmc.indiana.edu//vol13/issue1/boyd.ellison.html
• Lenarhart A. (2009), "Adults and Social Network websites", in Pew Internet & American Life Project: www.pewinternet.org/Reports/2009/Adults-and-Social-Network-Websites.aspx
• Lenhart A. et al. (2010), "Social Media and Young Adults", in Pew Internet & American Life Project: www.pewinternet.org/Reports/2010/Social-Media-and-Young-Adults.aspx
• Lenhart A., Purcell K., Smith A., Zickuhr K. (2010), "Social Media & Mobile Internet Use among Teens and Young Adults", in Pew Internet & American Life Project
• Hampton K. et al. (2011), "Social Networking sites and our life", in Pew Internet & American Life Project: www.pewinternet.org/Reports/2011/Technology-and-social-networks.aspx
• Livingstone S. (2008), "Taking Risky Opportunites in Youthful Content Creation: Teenagers' use of Social Networking Sites for Intimacy, Privacy and Self-expression", in New Media and Society, 10, 3, draft disponibile su eprints.lse.ac.uk
• Lee Rainie et al. (2011), "The social side of the Internet", in Pew Internet & American Life Project: www.pewinternet.org/Reports/2011/The-Social-Side-of-the-Internet.aspx.
• UE Next Media CSA White Paper (2011), "Social Networks Overview: Current Trends and Research Challenges": cordis.europa.eu/fp7/ict/netmedia/docs/publications/social-networks.pdf
• Dati e infografica sui SNS di Vincenzo Cosenza: http:www.vincos.it

Link

Riferimenti ufficiali

• Pagina web del corso: http://bit.ly/lingambmult
• Pagina ufficiale sul Portale della Didattica

Tool

• Aptana Studio 3 - http://www.aptana.com
• Ruby on Rails 3.1.1 -  dato il recente aggiornamento di RailsInstaller alla versione 3.2 di Rails, durante il corso si cercherà di fornire un minimo di supporto anche per questa versione
  • Installazione su Windows: si consiglia di utilizzare RailsInstaller (patch per utilizzare la versione 2.0.1 con Aptana Studio 3)
  • Installazione su Mac OS X:
    • incluso negli strumenti per gli sviluppatori (Xcode). Se si installa Xcode versione 4.3 o successiva dall'App Store, è necessario installare i "command line tools" dalle preferenze di Xcode. In alcune versioni del sistema operativo sarà necessario aggiornare/installare Rails (sudo gem update/install rails -v 3.1.1 --include-dependencies)
    • se la versione di Ruby presente sul sistema non è almeno la 1.8.7 (o se la si vuole cambiare), si può utilizzare RVM (Ruby Version Manager) per aggiornarla. Dopo questa operazione sarà necessario (re-)installare Rails (gem install rails)
  • Installazione su Linux: utilizzare i tool per installare nuovo software (come apt-get o simili)
• Balsamiq - www.balsamiq.com/
• Firebug (estensione per Firefox)
• SQLite Database Browser

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.