syllabus.md

DS 2021 | Laboratorio di design dei sistemi (ICAR/13)

Docente: Daniele Tabellini @fupete (github.com/fupete)
Collaboratore Irene Trotta @iretrtr (github.com/iretrtr)

Corso di Laurea magistrale in Design
A/A 2020-21 @unirsm (design.unirsm.sm)
Università della Repubblica di San Marino

Digital Art and Meaning: ..., Simanowski 2011 :

(Introduction p.21) — In postmodern times, interpretation is no longer about control or truth. It is not about solving the puzzle of meaning that a work of art represents. It is about suggesting, playing with ideas, reflecting, and sharing thoughts and feelings triggered by interaction with the artwork. Hermeneutics can be considered "a metatheory of the play of interpretations" (Vattimo 1997, 9). No single interpretation should be the end of this process, but there should also be no end to interpretation.

---

W1

Introduzione. Digital Art and Meaning.

• Vectorial Elevation, 1999, Rafael Lozano-Hemmer +
• Urban/Mexico City, 2007, Spencer Tunick +

• Valence, 1999, Ben Fry +
• Genome Valence, 2002, Ben Fry +
• Tron Legacy, 2010, JT Nimoy/Gmunk + + +

• Ma gli androidi sognano pecore elettriche? (Do Androids Dream of Electric Sheep?), 1958, Philip K. Dick + +

Lab/#core

• Close reading: what is | what does it mean | how it works | what if
• The Cognitive Style of PowerPoint, Edward Tufte + *
• Hackers & Painters, Paul Graham + +
• 10 Print, AA.VV. +
• Vice the Versatile Commodore Emulator +
• FS-UAE Amiga Emulator +
• Deluxe Paint I +

Lab/#tools

• Github +
• Slack +
• Figma +

Lab/#filmografia

• Tron, 1982
• Blade Runner, 1982
• Minority Report, 2002
• Hulk, 2003
• Tron: Legacy, 2010
• Blade Runner 2049, 2017

Lab/#altreRisorse

• User Friendly - How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play, Cliff Kuange & Robert Fabricant +
• Semiotica dell'investigazione, Eduardo Grillo

compito

1. 10 Print/Cap. 35, porting in processing + variazioni significative

compito/progetto

1. Git/Github hello

W2

La lingua. A computational approach to sketching ideas.

• The Source, 2004, Greyworld + +
• Museo della mente, 2008, Studio Azzurro + +
• Museo audiovisivo della Resistenza, 2000, Studio Azzurro + +

Lab

• Close reading/what does it mean: metodo e approccio
• Processing +
  • editor IDE | console | play
• p5.js + (video su streams "La lingua parte 1")
  • editor
    • Editor IDE per p5.js +
    • Atom + | ispeziona elemento | ricarica
    • P5LIVE +
• Explorative programming
  • sketches, approccio espressivo
  • commenti, formattazione, estetica della scrittura
  • sintassi/grammatica della lingua
  • reference/dizionario della lingua + +
  • librerie/estendere la lingua
• Risorse utili
  • Generative Gestaltung +
  • Daniel Shiffman / The Coding Train + +
  • Open Processing +
• Git / Github + +
  • Github workflow: pull request, merge, discussioni, history, graphics... + + (video su streams "La lingua parte 2")
  • Markdown: mastering Markdown +

Letture/progetto W2

1. lettura tre casi studio di riferimento

Altri materiali da approfondire

• Covid e dataviz
  • The Official Coronavirus Numbers Are Wrong, and Everyone Knows It +
  • WorldOMeters | Coronavirus +
  • Nextstrain +
  • Ten Considerations Before You Create Another Chart About COVID-19 +
  • Creating data-driven maps of #COVID19 is hard +
  • How the Virus Got Out +
  • Open-Source-COVID-19 | A global collection of Open Source projects during COVID-19 +
  • Coronavirus in Italia, i dati e la mappa +
• Sull'open source
  • What Does “Open Source” Even Mean?, Jen Kagan +
  • Processing and FLOSS, Casey Reas +
• Tutorial Hello world Processing + +
• Processing >< p5.js + + +
• Gene Kogan p5.js tutorials on Trasformations + and Perlin Noise +

REMOTE W3

4th Games without frontiers: the art chapter. Dataviz tools&books.

Lab

• esercitazione (*vedi board Figma)
• Dataviz, risorse, strumenti & the many faces of data by Irene Trotta +

compiti

1. integrare il Perlin Noise nel camminatore. Consegnare almeno due variazioni significative
2. prima pull-request con i precedenti compiti
3. 4th Games without frontiers (continua)
4. 10 Print variazioni significative (continua)

letture/progetto

1. rilettura tre casi studio di riferimento

{ d'ora in poi tutte consegne su Github via pull request }

REMOTE W4

Perlin Noise, Vettori, Nature of Code. Making Visible.

• Listening Post, 2000+, Mark Hansen & Ben Rubin +

• All the names | 9/11 Memorial, 2009, Jer Thorp +
• Make data more human, Jer Thorp/TED +
• Information design studios: The O.C.R. +, Fathom + and Accurat +
• Dear Data, 2015, Giorgia Lupi & Stefanie Posavec +

Lab

• Perlin Noise, Ken Perlin
• Webinar: Designers Italia/Servizi digitali
• Conferenza stampa: JR "La Ferita", Palazzo Strozzi
• Q&A

Esercitazioni in p5.js

1. programmare un generatore casuale di parole
2. programmare un generatore di pattern usando la regolarità del modulo %
3. dotare i camminatori di indipendenza
4. incontri/scontri tra camminatori che cambiano la via
5. camminatori che disegnano mondi

Altri materiali da approfondire

• Nature of code, Daniel Shiffman, cap. introduzione e 1 vettori + +
• Changes over time, tutorial, Allison Parrish +

compiti

1. Esercitazioni in p5.js (continua)
2. integrare il Perlin Noise nel camminatore. Consegnare almeno due variazioni significative (continua)
3. 4th Games without frontiers (continua)
4. 10 Print variazioni significative (continua)

letture/progetto

1. rilettura tre casi studio di riferimento

REMOTE W5

The AI/ML issue

Lab

• Image-to-Image Demo, Christopher Hesse +

• Style Tranfer, Gene Kogan +

• Airbnb design/ Sketching interfaces... +

• Visual intro to Machine Learning +

• Machine Learning + Design +

• Frameworks ML/JS

  • ml5 +
  • magenta +

letture/progetto

1. rilettura tre casi studio di riferimento

compiti/esercitazioni P5js

1. riordinare materiali
2. proseguire i lavori su 10Print e su esercizi vari
3. approfondimento esempi e metodi ml5

compiti/progetto

1. ricerca contesto e idee

REMOTE W6

Concept design, early stage. Figma.

Lab

• The spreadsheet method
  • P5js retrieve data from Google Spreadsheets/JSON +
  • P5js retrieve data from Google Spreadsheets/JSON & make OOP +

Progetto

• Concept design, early stage (*vedi board Figma)

compiti/esercitazioni P5js

1. riordinare materiali
2. proseguire i lavori su 10Print e su esercizi vari
3. approfondimento esempi e metodi ml5

compiti/progetto

1. approfondimento, stringere su due idee complete
2. fare self close reading

REMOTE W7–W8

Concept design, revisioni a coppie e gruppi. Figma.

Progetto

• Concept design evolve/spread/simplify (*vedi board Figma)

Lab

• GUI
  • in Processing
    • ControlP5 +
  • GUI libs in Js / P5.js / Ml5
    • via DOM +
    • uil simple javascript ui +
    • DAT.gui +
• 3D orbital control
  • in Processing
    • PeasyCam +
  • in P5.js
    • P5.easycam +

compiti/esercitazioni P5js

1. proseguire i lavori su 10Print e su esercizi vari, integrare GUI

compiti/progetto

1. approfondimento, consolidare idee/a e direzione come da revisione/i
2. fare self close reading e PR dedicata
3. approfondimento esempi e metodi ml5/ML utili al progetto

REMOTE W9

Let's start prototyping, revisione. Cronoprogramma.

Progetto

• Dal concept design alla prototipazione, approccio modulare

---

work in progress

---

Sillabi weekly precedenti: 2020 2019 2018 2017 2016 / Repository as is progetti: 2020 2019 2018 2017 2016

---