Skip to content

Latest commit

 

History

History
276 lines (199 loc) · 12.6 KB

syllabus.md

File metadata and controls

276 lines (199 loc) · 12.6 KB

DS 2022 | 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 2021-22 @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.


W0.5

Setup.

Lab/#tools

  • Slack +
  • Figma +

W1

Introduzione. Digital Art and Meaning.

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

  • 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

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

Lab/#core

  • Close reading: what is | what does it mean | how it works | what if
  • The Cognitive Style of PowerPoint, Edward Tufte + *
  • 10 Print, AA.VV. +
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/#The Macbeth Sessions
  • Making visibile by A. Castellucci 2021 +

Compiti

  1. 10 Print/Cap. 35, porting in processing + variazioni significative
  2. Git/Github hello

W2

La lingua. A computational approach to sketching ideas.

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

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

(video su streams "W2-2-2022-video+paolo-rosa+greyworld-720")

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 "W2-1-2022-github-flow-ds-22-720")
    • Markdown: mastering Markdown +
Lab/#The Macbeth Sessions (inizio fase divergente)
  • Predisposizione board Figma dedicata con atti e scene

Compiti

  1. tutorial OOP/P5.js (video su streams "Camminatori nello spazio e Noise 3D", parte 1 e parte 2)
  2. lettura tre casi studio di riferimento
  3. idee e casi studio per i diversi atti/scene su board Figma dedicata

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

W3

La lingua. A computational approach to sketching ideas. Part 2

The Secret Lives of Numbers, 2002, Golan Levine EyeWriter, Tempt1, Evan Roth, Chris Sugrue, Zach Lieberman, Theo Watson and James Powderly Messa di Voce, 2003, Golan Levin, Zachary Lieberman, Jaap Blonk, and Joan La Barbara

  • The Secret Lives of Numbers, 2002, Golan Levin +
  • EyeWriter, Tempt1, Evan Roth, Chris Sugrue, Zach Lieberman, Theo Watson and James Powderly +
  • Messa di voce, 2004, Golan Levin, Zachary Lieberman, Jaap Blonk, and Joan La Barbara +

(video su streams "w3-2-ml5-golan-levine-zach-lieberman-720")

Lab

  • hands on P5.js: OOP, Random Walker, Perlin Noise (Ken Perlin)...
  • intro to Ml5

(video su streams "w3-1-oop-hands-on-p5js-720")

Lab/#The Macbeth Sessions (fase divergente)
  • lavoro in gruppi su idee e casi studio per i diversi atti/scene su board Figma dedicata
  • condivisione lavori
  • idea e concept design: tra limiti e possibilità

Compiti

  1. approfondire in autonomia P5.js: focus su 'lettura' reference ed esempi annessi
  2. approfondire idee e casi studio
Altri materiali da approfondire in autonomia
  • 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 +

W4

In progress

Lab

  • recap + approfondimenti (video su streams "w4-recap+preparazione-WS")
Lab/#The ML/AI Issue
  • 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 +
Lab/#The Macbeth Sessions (fase divergente)
  • continuo lavori su idee e casi studio per i diversi atti/scene su board Figma dedicata
  • preparazione presentazione e WS con attori/stakeholder, vedi board Figma jam
  • planning e calendario

Compiti

  1. integrare il Perlin Noise nel camminatore. Consegnare almeno due variazioni significative (continua)
  2. 10 Print variazioni significative (continua)
  3. rilettura tre casi studio di riferimento (continua)
Altri materiali da approfondire in autonomia
  • Nature of code, Daniel Shiffman, cap. introduzione e 1 vettori + +
  • Changes over time, tutorial, Allison Parrish +

W5

Making Visible.

All the names | 9/11 Memorial, 2009, Jer Thorp+

  • All the names | 9/11 Memorial, 2009, Jer Thorp +
  • Make data more human, Jer Thorp/TED +

Lab

Lab/#Games without frontiers I (esercitazione)
  • Algoritmi con p5.speech e ml5.PoseNet ++
Lab/#The Macbeth Sessions (fase convergente)
  • Tra supereroi, clusterizzazione e costruzione di senso [FigJam]

Compiti

  1. integrare il Perlin Noise nel camminatore. Consegnare almeno due variazioni significative (continua)
  2. 10 Print variazioni significative (continua)
  3. rilettura tre casi studio di riferimento (continua)
  4. clusterizzare e convergere su 2-3 'idee narrative', presentazioni (a gruppi) [FigJam] (consegna su Figma lunedì mattina)
  5. algoritmo con p5.speech e Perlin Noise (consegna su github lunedì mattina)

W6–W7

Lab

Lab/#The Macbeth Sessions (fase convergente verso fase prototipazione)

  • Convergere su 2-3 'idee narrative', presentazioni (a gruppi) [FigJam] con regista
  • Q&A e approfondimenti [FigJam]
  • Divergere e ri-convergere a gruppi rimescolati su quattro livelli di comunicazione non verbale:
    • streghe === natura
    • follia === psiche
    • lingua segreta === intimità
    • violenza === caso

Lab/#Archive

  • Revisioni 1:1 e stato dell'arte [GitHub]

Compiti

  1. ricerca e concept (per discussioni live e revisioni a gruppi)
  2. prototipazione (per revisioni 1:1 e a gruppi)
  3. 10 Print variazioni significative (continua)
  4. rilettura tre casi studio di riferimento (continua)
  5. sistemare altri esercizi p5.js e repo GitHub (continua)

W8

Lab+

Lab/#The Macbeth Sessions (fase prototipazione)

...

Lab/#Archive

  • Costruire strumenti aperti
    • Parametrizzazione
    • Salvataggio, esportazione
    • Interoperabilità
  • Vjing e live performance

Lab

  • Physics engine
    • Matter.js +
    • Matter.js plus P5.js +
  • The spreadsheet method
    • Outdated P5js retrieve data from Google Spreadsheets/JSON +
    • Outdated P5js retrieve data from Google Spreadsheets/JSON & make OOP +
  • 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 +

work in progress


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