PIMA 7742G Dynamic and Interactive Media in Performance II: Classes 9-12

Topic: Networked Art & Web Streaming

Lesson: Networking Basics:

Revisiting Open Sound Control

Download Class 9 Files

Networks and Communication Art
Conceptual Theory:
Brecht The Radio as an Apparatus of Communication
“a vast network of pipes”

Art, Creating and Exploring a Social Network:

The Telephone Network and Live Radio Art of Max Neuhaus
Public Supply by Max Neuhaus
Public Supply Listen 1
Public Supply in Chicago Version 2

More information on the technical specifics of Public Supply and publicity images.

Extra: Max Neuhaus' Radio Net.
 

Where we are now?
Innovations in Socially Distant Performance explores how live performance makers are adapting in this time of isolation and how their work will innovate the arts when we can gather again.

 

Coverage of Networked Art:
Rhizome: Rhizome champions born-digital art and culture through commissions, exhibitions, digital preservation, and software development.

Régine Debatty’s we make money not art

 

Art by Mail:

Art in America, the history of mail art
Queer Correspondence (mail art during the pandemic)

 

Archives, Community and Games:

Danielle Brathwaite-Shirley's We are here because of those that are not: The Black Trans Archive

An interview with Danielle Brathwaite-Shirley

Molly Soda's Control the Virus
(using webGL built with Unity)

The Virtual Fashion Archive

 

Text and Information Art:

rile*, reading room is an online space for textual companionship. Here you can find a collection of texts for reading across and through. It is a shelf as much as a bucket, a space for browsing and collecting.

the Neighbird Poetry Project

 

Art, Education and Traveling Networks:

Stewart Brand's the Whole Earth Catalog

reflecting back on the WEC

William Pope L. The Black Factory
More info on Pope L.   

 

Shredding the Internet:
Mark Napier’s potatoland
 

Net. Art 2.0:

Net art 2.0 and remixing

Alex SIlva aka Abe Linkoln

jim punk

Kutiman's Thru You: remixing youtube

Marissa Olsen

 

Begin Working on Final Project
Explore:
Net Art, Blogs and Examples provided in this week’s class

Watch:
how the internet works in 5 minutes
Read:
NFTs Weren’t Supposed to End Like This by Anil Dash
in the Atlantic(featuring the work of Kevin McCoy)

Topic: Max, APIs & Web Interactivity

Download link for Class Lesson Files

Download and install (free) Sublime Text for your Operating System.

Basic 7742 HTML Online Lesson page link.

Max Object: Maxurl

Maxurl is an object in Max 8 to make HTTP requests.

Watch for more info:

What is an API?

POST to your Class Weblog about your progress on your Final Project. Drawings, ideas, research, names, images. Load up your weblog with as much as possible about what you are thinking.

 

HTML Exercise:

Create an html based choose-your-own-adventure game.

Use text, sound and image to tell a story / solve a mystery/ display data.

Add CSS to customize your game.

Try: Running this game on your local network using your computer's built-in Web Server.

Add screenshots of your game to your class WebLog.

Try: Use the API Maxurl Query patches provided from class 10.

if you do, post a video of your patcher! or if you have trouble running it, post what you are working on.

 

For Class 11

Watch this linked video on What is Javascript?

Do you want to give dynamic web coding a try with javascript?

Have a look at these javascript exercises.

7742 Cass 11 will have a brief introduction to Javascript  & Max (the front end of web development).

Class 11 will emphasize server-side Javascript coding (the backend) using Max and Node.js.

DO NOT install Node on your computer, Max comes with Node already installed! Examples will be provided.

For more information on Node.js a look at this introduction to node.js from W3schools

We will cover Max's N4M (Node for Max) Help Files and we will build our own Node.js Express Servers for use on our local networks. This will facilitate dynamic browser-based communication with Max.

 

 

 

Topic: Max 8 & Node.js

Lesson: Interactive Web pages using Max 8 and Node.js.

Download Class 11 files here.

Intro to Javascript web lesson

Node.js is an open source, cross-platform runtime environment for developing server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, and Linux.

Max8 > EXTRAS > Node for Max Overview

Node for Max (n4m). With the introduction of Max 8, Node.js is included with the Max application.
Max has an API and it is a module that can be accessed by Node.js

For our Node Web servers we will use Express, a minimalist web framework for Node.js.
For interaction between the browser and Max we will use Socket.IO. This enables real-time, bidirectional and event-based communication. It works on every platform, browser or device, focusing equally on reliability and speed.

More n4m examples on github
 

More API Queries, the expansive Max MSP Internet Sensors Github, by Tom Zicarelli.

 

 

SPRING BREAK!

 

Exercise: Add Interactivity with JavaScript and node.js to your html web choose-your-own-adventure.

Use my pages as examples.

Work on Final Projects.

Make a post on your Weblog outlining what your final project will be.

Post research materials and questions that you have for me and the community.

Topic: Machine Learning & Max

Lesson: How to use Google's Teachable Machine to train a model for use with Max 8.

This is the capstone lesson to our Networked Art primer using JavaScript, Node.js and Max8.

Download Class 12 files with this link

Web Guide for the Google Teachable Machine

Max 8 Machine Learning Packages:

Using the Max Package Manager you can download and launch these libraries!

ml.* (watch and learn with this tutorial for ml.markov)

the fantastic & dense MuBu by ircam.

and one compiled for Max and Pd (you can run on Raspberry pi) ml.lib.

For Max, install by searching for ml.lib in the Max Package Manager that can be found under File -> Show Package Manager.

Further Resource Links:
ml5.js: a friendly machine learning for the web with JavaScript.

Want to learn more about Machine Learning with Max8?

Download, watch & follow this PIMA Salon with former student Adrian Cameron.

We learn about Markov chains with the ml.* package.

 

Work on Final Projects.

Update your weblog with progress.

Post research materials and questions that you have for me and the community.