Augmenting the Gallery

Introductions

pierre

you

this class

Augmenting

Galleries

Examples and inspirations

Web technologies

Anatomy of a webpage

Outro

Augmenting the Gallery


Introductions


plan for today:


pierre

pierre depaz ( pierre.depaz@nyu.edu , pierredepaz.net )

teacher in media arts

researcher in media philosophy


you

what about you?

what's your name? where are you from? what's your major? what do you expect from this class?

bonus question: what do you (dis)like about computers and/or galleries?


this class


what

a course about building digital interfaces for arts and culture.


why

museums, galleries and libraries used to provide access to physical objects, BUT:


how

through discussions on cultural studies, interaction design and web development, through practical web design and development, leading to a series of digital catalogues.


github.com/periode/augmenting-gallery

for all class resources, code, tutorials.


Augmenting


what does it mean to augment something?


The microscope, the telescope, are extensions of his sight; the telephone is the extension of his voice; then we have the plow and the sword, extensions of the arm. But the book is something else altogether: the book is an extension of memory and imagination.1


Augmenting is the process of using technology to better achieve one's goals.


Which technologies augment your life? How do they do it?

How do they relate to knowledge and archival?


Augmenting to improve is only one side of the pharmakon.


What are the pros and cons of Google Maps?


+ accessibility

- decontextualization



Galleries


What do we do in galleries?


how well are museums and galleries communicating culture?


They do so by making knowledge accessible, and telling stories.

The stories (through artworks, or artefacts) relate to one another, and that relate to us.


They do so by presenting a network of:


We're going to augment this by making pocket galleries.

Websites you can pull up on your smartphone, which represent a part of culture that you consider important to share.


Examples and inspirations


let's amplify unspeakable things

wonders of streetview

unesco languages

owned by others

air pressure

library of missing datasets

trash heap

archive of our own

hhellblauu

polynesian stick charts

letter form archive

broken archive

buchstaben museum

toastermuseum.com

handprint

512kb club

museum of failure

queering the map

map of sunsets


Web technologies


What is the Web?


The Web is a collection of pages linked together.

A page is made of content, with a particular style, and some interactivity.

These pages need to be written in a language that computers understand.


These languages are translated by a special software called a web browser.

Let's use the Developer Tools to reveal the source code of a web page!

Menu > Developer Tools > Inspect (doesn't work on Safari :/ )


Our websites will be hosted on Glitch.com .

Go ahead and create an account and a glitch-hello-website.


Anatomy of a webpage


HTML is made of tags, which tell the computer how the page is structured.

This structure is described by tags, which say when an element begins, and ends.


A basic HTML tag
A basic HTML tag


Some of the tags include:


Tags can be augmented through attributes.

The href attribute of the a tag turns it into a link!

A basic anchor tag
A basic anchor tag


Outro


This class is about designing digital galleries for arts and cultures (and thinking about what that means!).


For next week:

We will be talking about the historical dreams of augmenting humans through computers.