Bits & Atoms II 2020

Overview

This seminar series covers history, theory and skills relating to technology and its relevance for design practice in contemporary and future contexts. The semester II Bits and Atoms module focuses on coding and web technology, providing an important preparation for the Basic GUI Module.

Grading

The grades will be based on an individual exercises and will account for 25% of the overall Basic GUI grade.
80% attendance is mandatory. Missing more than 20% of the lectures will result in a failing grade.

Technology

p5.js / Javascript

HTML & CSS

CMS (GRAV?)

Hosting, FTP 

Topics:

World Wide Web

Graphic User Interfaces

Micro Interactions

Deliverables/Exercises

1. Individual Exercises 1 & 2 

Exercise A: 

Extreme GUIS. Develop an unconventional approach to a classic UI design pattern:

http://www.welie.com/patterns/

https://threesixtyreality.co.uk/interaction-design-patterns-library/

https://www.smashingmagazine.com/2009/06/40-helpful-resources-on-user-interface-design-patterns/

Tools:

P5.js

Exercise B: 

Basic Web Technology.

http://www.welie.com/patterns/

Features

• UI
• Images 
• Lists
• Headings, Text
• Responsive?

Exercise Basic GUI module:

Collaboration with ZHAW Physiotherapy 

Old Material (from Jonas) (some good reference slides here) 

https://github.com/Jones-S/web-dev-zhdk-2019

• Download Slides 2019-04-12
• Download Slides 2019-05-03
• Download Slides 2019-05-07
• Download Slides 2019-05-16
• Download Slides 2019-05-23

Knowledge Base

• Overview: http://wiki.iad.zhdk.ch/CP

Schedule