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

From Publication Station
Line 27: Line 27:


= Classes =
= Classes =
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/01]] - Vector Graphics on the wweb
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/01 | Vector Graphics on the web]]
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/02]] - Javascript
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/06 | audio and video]]
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/03]] - jQuery library
 
* <s>[[Courses/Design_%26_Technique-Essential_Web_Design/Q2/04]] - exploring the city - choose your own adventure game</s>
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/02|Javascript]]
* <s>[[Courses/Design_%26_Technique-Essential_Web_Design/Q2/05]] - review game; tutorials </s>  
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/03|jQuery library]]
* [[Courses/Design_%26_Technique-Essential_Web_Design/Q2/06]] - audio and video
* <s>[[Courses/Design_%26_Technique-Essential_Web_Design/Q2/04|exploring the city]] choose your own adventure game</s> (d3)
* <s>[[Courses/Design_%26_Technique-Essential_Web_Design/Q2/05|review game; tutorials ]]</s>
* 07 - work-session  
* 07 - work-session  
* 08 - feedback; work-session
* 08 - feedback; work-session
Line 54: Line 55:
* http://species-in-pieces.com/ --> very awesome
* http://species-in-pieces.com/ --> very awesome
* http://jviewz.com/ --> something worth seeing and hearing
* http://jviewz.com/ --> something worth seeing and hearing


= Brain storm ==  
= Brain storm ==  

Revision as of 17:03, 7 November 2016


Js-woody-buzz.jpg

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.

Tools and interfaces can take the shape of a map, a game, a audio guide, a video, an animated illustration or anything else you come up with.

Topics:

  • 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


deliverables

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.
  • final deliverable - a tool or interface for your intervention


Classes


Web-based works - exploring city spaces

Examples

Brain storm =

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