Course: DIGF-6039 Web Systems Design
Delivery Method: Studio
Term: 2018 Spring/Summer
Credit Value: 0.5
By the end of this course, students will be able to:
- Research and create digital architecture and implementation strategies that effectively create cutting edge mobile and cross-platform solutions, addressing both front end and server-side.
- Undertake a technical design with programming and scripting options, tools, systems, processes, hardware, web apps and apps
- Integrate digital components into open-source solutions, utilising API's for services, sensors and environments that include multi-user and internet of things applications
- Reference literature on developing and marketing digital products and services in order to critically inform their working
Getting Started with HTML and How CSS works
Jones, D. (2017). Javascript: Novice to Ninja. Sitepoint.
Students must have a laptop.
Students should prepared to bring an open mind and willingness to experiment and take risks.
Students will learn essentials through lectures using known online resources, open class discussions, videos, and real-time critique and analysis of live (and archived) websites. In each class, students will be expected to "always code."
OCAD U has a twelve-class semester followed by a two-week assessment period for exams and critiques. Students must be available for the duration of this period.
Learning of basic languages of the web and the anatomy of the web. Students will receive a fundamentals lecture and assigned the task of completing the Codecademy sessions on HTML, CSS, and responsive site design. A preliminary training on the Markdown language will also be taught.
Learning Git through GitHub and the command line interface. Students will get a basic understanding through a lecture and video presented in class, followed by a Git sandbox exercise done on the web. Students will then be given class time to create their own repo, and experiment with it via the terminal window. Class ends with review of the next assignment.
Students will be encouraged to begin their learning of ES6 Javascript, and will be briefly introduced to ES6 concepts. Lecture will cover front end and back end usage of the Javascript language.
Students will be briefly introduced to D3 and the interactive notebook framework, Observable. Class will end with exploring the web browser console, and coding D3 experiments within it.
Introduction to the WebGL API. Students will be introduced to 3D on the web and the concepts of shaders. The WebGL library Three.js will be explored through examples. Students will experiment with this library in Codepen.
From Design to Code. Students will learn the anatomy of an SVG and taught practical visual design techniques to convert designs into code.
Motion graphics techniques and tools for the web will be explored and discussed. The class will create motion scripts through a studio class of experimentation. Studio exercises will be published and documented on GitHub.
Studio exploration of pure CSS art and designs. Students will be encouraged to advance their CSS knowledge through Sass/SCSS training and experiements in Codepen.
Studio time, and open class discussion for questions and advice on assignments.
Studio time, and open class discussion for questions and advice on assignments.
Students will present their final Websites to the class.
Students will present their final motion graphics collections to the class.
There are no critiques or exams scheduled for this course.
| Name | Due Date | Weight |
|---|---|---|
| Assignment A. [Individual] Interactive Document in Markdown | May 22 2018, 11:59pm | 20% |
| Assignment B. [Group] Collaborative Coding Project | June 19 2018, 8:30am | 35% |
| Assignment C. [Individual] Motion Collection | June 21 2018, 8:30am | 35% |
| Participation | - | 10% |
|
Total:
|
100% | |
Late work will be subject to penalty unless instructor is provided sufficient notice in advance (48 hours for Assignment A, 1 week for Assignment B and Assignment C) and a newly agreed delivery date is approved.
In-class presence and participation will account for 10% of your final grade.
You are expected to submit your work for this course according to the conventions of the APA style.
For help with citation and format style, visit the Purdue Online Writing Lab.