Courses/Design & Technique-Essential Web Design/Q2

From Publication Station

Quarter 2 2015

Your city in the browser

In the second quarter of Design & Technique will be focus on the interactive side of web design.

As an assignment you'll be asked to build a tool or interface for your intervention, using web design and the browser. Tool and interface can take the shape of a map, a virtual 3D world, a game, a audio guide, a video, an animated illustration or anything else you come up with.

  • Javascript and jQuery: to interacto with elements of you page.
  • vectorial drawings: that can react to the user actions in the browser
  • capture web cam
  • geolocation
  • 3D (A-frame)

Classes

Squares and groups

Squares and groups

Examples

Web-based works that explore city spaces

{{#widget:Youtube|id=Tgef5gel4sk}} Ghost Machine

{{#widget:Youtube|id=sOkQE7m31Pw}} Alter Bahnhof Video Walk

Subjects

Subjects explored include:

  • Scalable Vector Graphics (SVG) – for the creation of interactive and animated vector images in the browser, also in conjunction with vector drawing software, such as Illustrator and Inkscape.
  • JavaScript and jQuery - to provide the interactive and dynamic elements to web pages to pages
  • Snap.svg Javascript libraries - for SVG manipulation.
  • D3 Javascript library - for the creation of visualizations
  • HTML audio-video and canvas

Work load

The work load for the quarter will be divided into:

  • weekly classes,
  • simple weekly deliverables – small exercises that consolidate the techniques and concepts approached in classes, as well as allow you to find expressive and personal ways of employing them.
  • one main deliverable project - that will congregate the knowledge acquired from classes and deliverables onto a project where you create the behind the scenes of your intervention.

Js-woody-buzz.jpg