Difference between revisions of "Courses/Design & Technique-Essential Web Design/Q2"

From Publication Station
Line 5: Line 5:
In the second quarter of Design & Technique will be focus on the interactive side of web design.
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.
As an '''assignment''' you'll be asked to build '''a tool or interface for your intervention''', using web design tools.
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.
Tool and interface can take the shape of a map, 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
* vectorial drawings: that can react to the user actions in the browser
* Javascript and jQuery: to interaction with elements of you page.
* capture web cam  
* capture web cam  
* geolocation
* geolocation
* 3D (A-frame)


== Classes==  
== Classes==  

Revision as of 20:15, 25 October 2016

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 tools. Tool and interface can take the shape of a map, a game, a audio guide, a video, an animated illustration or anything else you come up with.

  • vectorial drawings: that can react to the user actions in the browser
  • Javascript and jQuery: to interaction with elements of you page.
  • capture web cam
  • geolocation

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