syllabus.md

DSII 2019 | Laboratorio design di sistemi interattivi per informazione (ICAR/13)

Docente: Daniele Tabellini @fupete (github.com/fupete)

Corso di Laurea magistrale in Design
A/A 2018-19 @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

• 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 +

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
• P5js +
  • editor
    • Editor IDE per P5js +
    • Atom + | ispeziona elemento | ricarica
• 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 +
• Collaborative programming
  • Teletype +

Letture/progetto W2

1. lettura tre casi studio di riferimento

Altri materiali da approfondire (via slack #general #materiali)

• Sull'open source
  • What Does “Open Source” Even Mean?, Jen Kagan +
  • Processing and FLOSS, Casey Reas +
• Tutorial Hello world Processing + +
• Processing >< P5js + + +
• Gene Kogan P5js tutorials on Trasformations + and Perlin Noise +

W3

Giochi senza frontiere: Processing. Making visible.

Lab

• esercitazione, giochi senza frontiere +
• Giro in giro. Making visible. Sulle cose invisibili. Sul visibile. Approccio alla progettazione e al concept design. Disegnare, silenzio e deep drawing. Vediamo col cervello? Cos'è il vedere?
• Sul guardare, Ways of seeing, ..., John Berger +
• Guardare, pensare, progettare. Neuroscienze per il design, Riccardo Falcinelli +
• Come gli hippie hanno salvato la fisica, David Kaiser
• Paradosso del gatto di Schrödinger +
• Git / Github + +
• Github workflow: pull request, merge, discussioni, history, graphics... + +
• Markdown: mastering Markdown +

letture/progetto

1. rilettura tre casi studio di riferimento
2. primi temi sull'invisibile

compiti/esercitazione Processing

1. risolvere l'esercizio 9 dell'esercitazione non completato in classe
2. programmare un generatore casuale di parole
3. programmare un generatore di pattern usando la regolarità del modulo %

Altri materiali da approfondire (via slack #general #materiali)

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

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

W4

Pre-Openday. Vettori, Git, ...

W4.5

Tre casi studio. Making visible & more + the AI/Ml issue.

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

• The flow towards Europe, 2015, Lucify + +
• Immaterials: Light painting WiFi, 2012, Timo Arnall, Jørn Knutsen and Einar Sneve Martinussen + + +
• Monument, 2006, Caleb Larsen + +

• 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

• Default Vs OOP: the Openday 2018 case. Let's rewrite "Are we human enough?" by Davide Onestini@DSII-2017-unirsm: project Pdf +, Processing before + and after +

• ML, DL and Design ideas

• Image-to-Image Demo, Christopher Hesse +

• Style Tranfer, Gene Kogan +

• ml5, Daniel Shiffman +

• Airbnb design/ Sketching interfaces ... +

• frameworks ML & js

  • ml5 +
  • magenta +

colab project for USMARADIO

• let's start, brainstorming

letture/progetto

1. rilettura tre casi studio di riferimento

compiti/esercitazioni P5js/Processing

1. riordinare materiali
2. proseguire i lavori su 10Print

compiti/progetto

1. ricerca contesto e idee, allargare

W6

Arduino & friends.

W6.5

Proposte progettuali. Milestone per lanciare lavori progetto def. Rev. collettiva.

W7

Proposte progettuali. Rev. 1 vs. 1.

• No Fun, 2010, Eva & Franco Mattes ++
• Marcel-lì Antúnez Roca ++
• Stelarc ++

Lab

• Progetto, revisione
• Google Maps Platform "Trasforma il mondo in un parco giochi" ++
• Speculative Everything. Design, Fiction, and Social Dreaming, 2013, Anthony Dunne & Fiona Raby +

letture/progetto

1. rilettura tre casi studio di riferimento

compiti/esercitazioni P5js/Processing

1. riordinare tutti i materiali sulla repository
2. proseguire i lavori su 10Print
3. proseguire i lavori su dataviz

compiti/progetto

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

W8 – W9

Lab, referenze e revisione. Milestone.

W10

Lab progetto, revisione a coppie, prototipo/i, dashboard. Cronoprogramma.

• Progetto, revisione.
• 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/progetto

1. lavorare al/i prototipo/i come condiviso in revisione
2. preparare bozza documento di progetto usando griglia fornita

W11

W12