-
Notifications
You must be signed in to change notification settings - Fork 0
/
workshop.html
298 lines (293 loc) · 15.4 KB
/
workshop.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link rel='me' href='https://post.lurk.org/@artistsandhackers'>
<link rel='me' href='https://leetusman.com'>
<link rel="icon" href="./assets/img/favicon.ico">
<meta property='og:type' content='website' />
<meta property='og:image' content='https://leetusman.com/archiving-artist-spaces/assets/img/banner.jpg'>
<meta property='og:title' content="Archiving Artist-Run Sites">
<meta property='og:description' content="preserve the online activities of DIY and artist-run communities.">
<meta name='description' content="explorations of joyful and human-scale computing.">
<meta property='og:url' content='https://leetusman.com/archiving-artist-spaces'>
<title>workshop</title>
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="assets/css/main.css" />
<header>
<a href='./'><p>🗃️ Archiving Artist-Run Spaces</p></a>
<nav>
<p>
<p><a href='.'>Home</a> <a href='./about.html'>About</a> <a href='./archives.html'>Archives</a> <a href='./resources.html'>Resources</a> <a href='./reading.html'>Reading</a> <a href='./devlog.html'>Log</a> </p>
</nav>
</header>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
<main>
<h1
id="preserving-artist-run-and-diy-spaces-online-activities-workshop">Preserving
Artist-Run and DIY Spaces Online Activities Workshop</h1>
<p>Strategic Preservation of Online Communities: A Workshop. ISEA 2023.
Lee Tusman.</p>
<p>Title on top of a black and white 1970s image of Community Memory.
Community Memory was a networked electronic bulletin board system
installed in record shops and other community centers in Berkeley, CA in
the 1970s. In the image are two people sitting at a computer terminal in
front of a physical bulletin board. The terminal has a plastic cover and
cardboard side panel that says Community Memory in hand drawn
marker.</p>
<h3 id="workshop-goals">Workshop goals</h3>
<ul>
<li>“Methods” workshop</li>
<li>Case studies</li>
<li>Practical, hands-on</li>
<li>Bring our whole selves, backgrounds, experiences, knowledge and
skills.</li>
</ul>
<p>I’ll show many examples of archives, including several that I’ve
built, and show how I turned zines, press releases, scraped or collected
images, and oral history interviews into web-based archives, as well as
how I’m planning for longterm archiving.</p>
<h2 id="important-questions">Important Questions</h2>
<p>Questions guide the way.</p>
<ul>
<li>who is /was the community?</li>
<li>What did/do they do?</li>
<li>why is it important?</li>
</ul>
<h3 id="what-to-preserve">What to preserve?</h3>
<p>This is linked to your purpose. * Interviews * Images * Videos *
Emails * Reviews * blogs/”posts” * events/flyers * Forums * Social media
* Screenshots * What else?</p>
<h2 id="examples-of-diy-archives">Examples of DIY archives</h2>
<p><a href="./archives.html">see Archives</a></p>
<h3 id="elc">ELC</h3>
<p>Electronic Literature Collection screenshot, Collection 1. A grid of
screenshots of electronic literature, labeled Electronic Literature
Collection Volume One.</p>
<h3 id="textfiles">Textfiles</h3>
<p>I like the questions listed on the front page of textfiles.com Where
are the files? Who are you? Why does this matter? What was it like? How
can I help? The “What was it like?” question seems very important to me,
and hardest to answer. Image is a screenshot of textfiles.com with the
title and a description and the above questions.</p>
<p>Description: A screenshot of Textfile Writing Groups. There is a text
description of how groups of close internet friends in the 80s formed
informal groups and published files on online bulletin boards under
their group names. Examples in the screenshot are 9X, AnarchyInc, BAR.
The text appears like an old terminal - green text on black.</p>
<h3 id="museum-of-zzt">Museum of ZZT</h3>
<p>ZZT is a text-mode game from 1991 created by Tim Sweeney of Epic
Games. ZZT has its own editor and scripting language which offers what
may still be an unmatched level of accessibility to beginning game
developers. A significant number of ZZT worlds were created by authors
in their early teenage years, with some being made by children under 10.
ZZT’s simple ZZT-OOP scripting language gave many a friendly
introduction to programming. Description: Screenshot of Museum of ZZT. A
text description, excerpted above, and a grid of “New Releases” showing
screenshots of various ZZT game-worlds.</p>
<p>The goal of the Museum of ZZT site is to collect these worlds, offer
discussions into them and the community built around them, and keep them
safely preserved. It is the hope of the Museum that the generally
unknown works of ZZT community can be easily discovered and that their
importance can be recognized.</p>
<h3 id="glorious-trainwrecks-software-collection">Glorious Trainwrecks
Software Collection</h3>
<p>The Glorious Trainwrecks Software Collection. Screenshot of the
collection on the Internet Archive showing there are 246 items, an intro
written by Glorious Trainwrecks tying the work to early 90s
“Postcardware” games and then 4 example games, including A Blackthorne
and his Blob, A Boy and His Rhinoceros, A Very Velociraptor Christmas
and Alladin Hates Penguins. Each includes a screenshot of the game.</p>
<p>A screenshot from the original Glorious Trainwrecks website showing a
selection of games with titles, dates, creator and screenshot or logo.
Submitted games are Binky XXVI: Die Wunderkammer vom BINKY, nerdsnipe:
the game, Super Vadimka V: Versus Roman Norrow; Damon 1, Open World Jam,
Black Screen, and Clown Party: Part 2.</p>
<h3 id="the-serving-library">The Serving Library</h3>
<p>The Serving Library is a journal, a web archive, and a physical
archive of framed objects.</p>
<h3 id="hbml">HBML</h3>
<p>HBML DIY space single page</p>
<h3 id="rave-preservation-project">Rave Preservation Project</h3>
<p>The largest collection of rave flyers in the world. RPP is a rave and
underground memorabilia archival project. Rave Flyers, Rave Flyers, Rave
Flyers! Rave Preservation Project: Preservation of original;
Underground, Rave, Club, and Disco memorabilia. Peace Love Unity
Respect! http://www.ravepreservationproject.com/ Screenshot shows the
top of the landing page, an example Rave flyer QUASAR and an image card
of a gofundme campaign on the right labeled Buy RPP New Computers
showing they raised $6000.</p>
<h3 id="qzap">QZAP</h3>
<p>Queer Zine Archive Project - https://archive.qzap.org/ Description:
Image shows a simple website labeled QZAP Zine Archive now with
xZINECOREx. Welcome to the QZAP Zine Archive. There is a description and
randomly selected zines. There is Fuzz Box and Queer Fanzine Roze Lente
97 Special, both in a roughly photocopied punk aesthetic.</p>
<h3 id="little-berlin">Little Berlin</h3>
<p>Little Berlin website. A screenshot of a simple mid 2000s website.
There is a youtube video of the Little Berlin Annex. Below is a text
description explaining Little Berlin is over (RIP) and what happened
(the building sold) and a link to find out about members, events, about,
zine library, press. For this archive I scraped the original squarespace
and added additional content and replicated the web 1.0 site design, in
collaboration with Peter Erickson.</p>
<h3 id="experimental-archive-space">Experimental Archive Space</h3>
<p>Description: A screenshot of the Experimental Archive Space, an
archive of Space 1026. On the left is a description of this DIY space
from Philadelphia, PA. On the right are some images and text. The text
are links to a zine maker online, photos and about. Giant questions in
the forefront are How is it run? How do you deal with conflict? What
would you like other DIY spaces to know? How has Space 1026 maintained
itself…? There is an image of a person wearing a wig and bright sequined
vest holding a mic. And a photo of a pink spider-looking sculpture. I
directed this archive project for Space 1026 with designer/programmer
Caleb Stone.</p>
<p>A screenshot of Space 1026 photos section showing a shoebox approach
to collecting images. There are layers of overlapping images from Space
1026 over the years such as people playing music in the street -
accordion and banjo. There are soft sculptures, a drawing of a dog in a
cap, half-covered, labeled “Of Egypt”, a pixelated flower illustration,
and a postcard of a flyer for a show for a A Film by Robert Millis of
Sublime Frequencies in 2010.</p>
<p>A screenshot of the Zine Maker software on Experimental Archive
Space, showing an interface to select color quantity and length. In the
center is a generated zine with the question What would you advise
people who want to start their own space and collective, and two
responses from Andrew And Ben from oral history interviews.</p>
<h3 id="prelinger-archives">Prelinger Archives</h3>
<p>The Prelinger Collections hosts their digital archive on the Internet
Archive. Screenshot shows the Internet Archive page for the Prelinger
Archives. There are cards for 10 out of 8,599 movies. Each of the 8 have
a screenshot representing the video and a title.</p>
<h3 id="ubuweb">UbuWeb</h3>
<p>UbuWeb is over two decades old. Started as a way to share avant garde
art and film, it morphed into something stranger, and is largely built
off files collected from torrents and the like. The screenshot shows the
landing page of UbuWeb, a very minimal late 1990s era style design. In
the top left is a black and white image of a man’s head, I believe John
Cage.</p>
<h3 id="as-ap">AS-AP</h3>
<p>This website expired several years ago.A screenshot of the wayback
machine archived page of “Art Spaces Archives Project AS-AP is a
non-profit initiative founded by a consortium of alternative art
organizations, including Bomb Magazine, College Art Association,
Franklin Furnace Archive, New York State Council on the Arts NYSCA, New
York State Artist Workspace Consortium, and the Skowhegan School of
Painting and Sculpture, with a mandate to help preserve, present, and
protect the archival heritage of living and defunct for- and
not-for-profit spaces of the”alternative” or “avant-garde” movement of
the 1950s to the present throughout the United States”</p>
<h3 id="gas">Gas</h3>
<p>Gas gallery - a screenshot of the web-based archive I built for Gas
gallery, in collaboration with Gas director Ceci Moss, and with
assistance by designer and programmer Caleb Stone</p>
<h3 id="kitchen-sisters-podcast">Kitchen Sisters podcast</h3>
<p>Kitchen Sisters podcast - We can consider a podcast a kind of
archival project, especially one where you interview participants in a
community on their projects and/or history.</p>
<h3 id="elevator-mondays">Elevator Mondays</h3>
<p>Elevator Mondays book</p>
<h3 id="laca">LACA</h3>
<p>The Los Angeles Contemporary Archive (LACA) challenges established
concepts of the archive and art institution, sustaining a unique
experimental environment for critical inquiry, artistic research, and
public dialogue. LACA is an art archive, library, and exhibition space
located in Chinatown, Los Angeles. A photo of LACA’s physical space in
LA showing shelves with books, organized on one bookcase and open on
book holders on the other and containing elaborate style and color and
size artist books.</p>
<h2 id="what-to-preserve-1">What to preserve?</h2>
<p>This is linked to your purpose. Linked to your purpose. Don’t
preserve everything, it’s impossible. Be strategic.</p>
<ul>
<li>Interviews</li>
<li>Images</li>
<li>Videos</li>
<li>Emails</li>
<li>Reviews</li>
<li>blogs/”posts”</li>
<li>events/flyers</li>
<li>Forums</li>
<li>Social media</li>
<li>Screenshots</li>
<li>What else?</li>
</ul>
<h3 id="publications">Publications</h3>
<p>Consider longevity and physical media.</p>
<ul>
<li>websites</li>
<li>zines</li>
<li>books, booklets</li>
</ul>
<h3 id="nice-to-have">Nice to have</h3>
<p>Data entry / media collectors, programmers, money, energy</p>
<h3 id="permissions">Permissions</h3>
<p>Permission forms and notices, fair use. I have extension notes and a
guidebook for DIY archives built in collaboration with NYU Law that I
will distribute to all participants.</p>
<p><a href="copyright.html">copyright guide</a></p>
<h2 id="design-principles-and-useability">Design Principles and
Useability</h2>
<h3 id="accessibility">Accessibility</h3>
<p>How can you make things clear with useful descriptions? Think through
your system and implement it consistently. There are best practices and
tools! You don’t have to figure it out yourself. Plaintext and images
with useful descriptions will get you far.</p>
<h3 id="form-plain-text">Form: Plain Text</h3>
<p>(+folders and images), Shoebox vs Curated personal zine, Intro
text</p>
<h3 id="hierarchy-of-resiliency">Hierarchy of Resiliency</h3>
<p>An ASCII hierarchy of resiliency - on the top: Our custom designed
GUI software, like a website. Below: text user interface (TUI) or
Command Line Interface (CLI) programs, below that: the OS, with builtin
programs to navigate and view media, files. On the bottom level: text
files, images, in folders.</p>
<h3 id="community-memory">Community Memory</h3>
<p>Community memory from
https://www.histoiredesinventions.com/grandes-dates-internet/ For more
info on this project, check out
https://www.artistsandhackers.org/Community-Memory I am referencing this
1970s-80s project as a reference because of its status as one of the
first DIY networked ‘bulletin board’ style communities.</p>
<h3 id="tuicui">TUI/CUI</h3>
<p>TUI and CLI: Flux Archive 0.1 1) View the archive dir…, 2) See a
random archive page 3) See a random image 4) (Selected) Read the book of
memories 5) Enter your own memory 6) Quit. Presented on top in TUI form
and below as CLI.</p>
<h3 id="xavier-roi-retrospective">Xavier Roi retrospective</h3>
<p>Featured mac computers with the filesystem, video files, text files,
PDFs. That’s it. The OS was the interface.</p>
<h1 id="tools">Tools</h1>
<p>Scraping tools:</p>
<p>Octoparse, ScrapeStorm and other commercial tools with freemium
models</p>
<p>Wayback Machine, Conifer, Webrecorder</p>
<p>Plaintext! Markdown!</p>
<p>Ideas? Comments? Collaborations? Contact Me! Lee Tusman
https://leetusman.com https://artistsandhackers.org Mastodon: <span
class="citation"
data-cites="artistsandhackers">@artistsandhackers</span><span
class="citation" data-cites="post.lurk.org">@post.lurk.org</span></p>
</main>
<footer>
<hr/>
<p><a href='.'>Home</a> <a href='./about.html'>About</a> <a href='./archives.html'>Archives</a> <a href='./resources.html'>Resources</a> <a href='./reading.html'>Reading</a> <a href='./devlog.html'>Log</a> </p>
<p>Texts, images, and site code are shared with the <a href='https://wiki.p2pfoundation.net/Peer_Production_License' target=_blank rel='external noreferrer noopener' title='Peer Production License'>Peer Production License</a>.</p>
<p><a href="https://leetusman.com/archiving-artist-spaces"><img src="assets/img/banner.jpg" /></a></p>
</footer>
</body>
</html>