Skip to content

Syllabus and resources for "Interactive Media: Web" studio course at OCAD U

License

Notifications You must be signed in to change notification settings

candideu/wwworkshop

 
 

Repository files navigation

WWWorkshop Susan Kare, Macintosh Icons, 1984

Check links

Course material for Interactive Media: Web, an undergraduate course taught at OCAD University over the following semesters:

  • Fall of 2018
  • Spring/Summer of 2019
  • Spring/Summer of 2020 (Virtual)
  • Winter of 2022
  • Spring/Summer of 2024

Description

Learn how to weave a range of online technologies into engaging interactive experiences. In this course, students will learn the basics of web technologies that are fundamental to building an online presence for any design project. Students will learn how to identify the current technologies underlying social media interfaces, mobile web applications that rely on browsers and apps. You will also gain an understanding of the fundamentals of markup languages (HTML, XML) as well as formatting (CSS) and client-side programming (JS). —OCAD U Course Catalogue, 2018

License & Attribution


Schedule

12 classes are held in a regular semester. The following is based on the Fall 2018 semester and is meant to be an approximate guide as to when course content is presented.

Chapter 1—Everything is Deeply Intertwingled

Introduction to the course, our expectations and the gain a basic understanding of fundamental code-materiality of the web. Discussion prompt: What is one of your earliest memory of being online?


Chapter 2—Frame and a Mirror

A walkthrough and demonstration on fundamental aspects of structuring web documents and gain insights into the difference between form and function (Also framed as syntax and style).


Chapter 3—Aliasing

Presentation and assignment on the basics of on-screen typography past and present as well as embedding, anatomy of a screen font, and discuss how screens affect our typographic practices.


Chapter 4—Interaction I: JavaScript

A class devoted to playing with the fundamentals of web-based interaction via the JavaScript programming language and it's jQuery library.


Chapter 5—Interaction II: Frameworks

Presentation and demonstration of jQuery and interacting with the document object model (DOM) before our Study Chapter.


Chapter 6—Interaction III: Context

In-class discussion of Turing Complete User, by Olia Lialina, and reviews of drafts for Interactive Typologies.


Chapter 7—Interaction III: Context (Continued)

Review of the Interactive Typologies project and workshop session around using JavaScript, jQuery, and uploading work to OCAD University's Webspace.


Chapter 8—Interaction III: Context (Continued)

Class review of Interactive Typologies assignment. Presentation, and deeper look into the possibilities of web experience by learning about responsive design, media queries & HTML5 variables.


Chapter 9—Libraries, Stacks, and Collections

Presentation and demonstration around the design methodologies and possibilities of working with APIs (Application Programming Interfaces) as a means of creating novel experiences.


Chapter 10—Libraries, Stacks, and Collections (Continued)

Work session for the Data Rivers, Streams, and Creeks assignment and discussion around the final assignment, Collection of Collections.


Chapter 11—Collection of Collections

Final work session for Data Rivers, Streams, and Creeks assignment. Review of the brief for the final assignment final assignment, Collection of Collections.


Chapter 12—WWWorkshop

Brief discussion about Graphesis, by Johanna Drucker, and Database as a Symbolic Form, by Lev Manovich. Taking a look at a few offline, IRL, references for the final assignment, Collection of Collections.


Chapter 13—Class Critique

Final class review of the assignment Collection of Collections. Construct, and sequence, the class webring WWWorkshop.

About

Syllabus and resources for "Interactive Media: Web" studio course at OCAD U

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 95.0%
  • JavaScript 2.6%
  • CSS 2.4%