Materiale

Questa sezione conterrà tutto il materiale didattico (slide, documenti, link, ...) utilizzato durante il corso.

Slide

• Introduzione al corso
• I Social Network
  • Teorie della socialità online
  • Panoramica dei social network
  • Metodi di ricerca
  • Personae e scenario
  • Interaction design e information architecture
  • Social design - parte 1
  • Social design - parte 2
  • Gamification
• Progettare un sito web
  • Human computer interaction
  • User-centred design
  • Architettura dell'informazione
  • Web accessibility: concept and screen readers
  • Web accessibility standards: WCAG 2 and WAI-ARIA
• Tecnologie Web
  • HTML5
    • HTML5 examples
  • Web architecture
  • CSS: basics, selectors, box model, page layout
  • CSS: responsive design
    • CSS example
  • Introduction to JavaScript
  • Client-side JavaScript
    • JavaScript examples
    • Javascript/DOM exercise (code to start)
  • HTML5 canvas
    • Canvas and animation examples
  • HTML5 video and synchronization
    • Examples (here you can download the video)
    • Synchronization example
  • HTML5 drag & drop
    
    • Examples
  • Server side programming and database interaction
    • Il linguaggio PHP (per ripasso)
    • Funzioni Mysql per PHP (per ripasso)
    • Examples

Laboratori

• Laboratorio 1: HTML5
• Laboratorio 2: CSS
• Laboratorio 3: CSS
• Laboratorio 4: JavaScript
• Laboratorio 5: Canvas
• Laboratorio 6: JQuery

• Soluzioni dei laboratori

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