Courses/Design & Technique-Essential Web Design/Q2/Squares and groups

Web side of the invention

what it can be:

• documentation: a "recording" of the intervention
• behind the scenes of the intervention: a window on to the process that led to your intervention - photos, archive searches, interviews.
• part of the intervention: a tool, interface, or guide to the invention

Groups & squares

B

Groep 1: Marconiplein - Bart Esther Maxime

• draggable letters on shopping windows images
• capture user created image, save it server side:

html2canvas does only captures the DOM elements, not the images, The user could ask for the page to be printed, since it keeps the position of the dragged elements.

• instruct the browser to print - to pdf
• save the pdf on server

Groep 2: Piet Heynsplein Karlijn - Lot Lisa Lara

• posters based on typography and links from there

Groep 3: Plein 1940 - Maud Geoffrey Amber Jennifer

• sounds of the square

Groep 4: Schouwburgplein - Bo Carlos Susan Naomi

• typography and walks in the square
• http://schouwburgpleintypo.nl/
• Needs: resize images

Groep 5: Stadhuisplein - Lisanne Maura Joëlle

• typography of shops. The user can change the css - font-family, font-size, spacing - of the shop titles.

Groep 6: Stationsplein - Maartje Marije Sjoerd

• running selfies

Groep 7: Visserijplein - Kristy Gavin Anouk

• vector image map, with links

A

Beursplein: Eva, Sungmi, Ferize

• branding - type faces, colors,
• circulation movemnts
• social side:no social
• alternative to shopping

Burgemeester Hoffmanplein: Nami, Louisa, Dian

• empty, quiet space
• game - memory game with images children's
• interviews
• separation - interviews

Eendrachtsplein: Joy, Sofia, Noemi, Juliet

• empty
• lack of identity
• anamorphic typography

send them Marlon's contact

Grotekerkplein: Iris, Tara, Doo Won, sChayenne

• invisible
• events - that should be made known
• time-lapse
• vector image - links war

Heemraadsplein: Annebel, Maya, Sam

• gentrification
• time-line of topography
• portraits+ interviews

Ideas

(loose) ideas

• maps - collecting information from the surroundings (sounds, colors) - 3 maps based on 3 things from the place - book, video, website
• intervention based on map
• intervention - 1 min video, a typographic intervention
• examples: "exhausting a crowd"

Ideas to further develop and explore

Video

live capture + super imposed images

images

Superimposed images

Capture current (jquery manipulated) page layout on to PDF

Panoramic, with I frame for scroll through content -