Interaction Design Wiki ･ Bits & Atoms II

Web Technologies (Former Bits & Atoms II) 2019

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

Overview

Introduction to Web technologies. Course is part of «Basic GUI 2019».
Overall goal of the course is to help you acquire a general understanding of how the internet and the world wide web evolved and what kind of technologies are useful for you as a designer. It should help you building interactive interfaces quickly, provide you with a powerful tool to make interactive prototypes or share information in a very accessible way.

Grading

The grades will be based on two 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.

Deliverables/Exercises

Product Detail
Every student lays out a product detail layout using HTML and CSS.
The product should at least include an image, a description and a list with key features/product attributes.
Delivery via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch.
per 10.5.2019. Exercises handed in later than 24:00 on the 10.5.2019 will receive a lower grade.
Shopping cart/Any part of GUI
Every students develops her/his personal «shopping cart»/or another part of their GUI built in HTML, CSS and JavaScript.
The part shows some interactive elements!
Delivery via Email to jonas.scheiwiller@wearelucid.ch containing links to published page on github pages, the github repository itself and a completed text file (template sent via email).
per 9.6.2019. Exercises handed in later than 24:00 on the 9.6.2019 will receive a lower grade.

Exercise: Product Detail

Features

UI
Image (at least one)
Lists
Headings, Text
~~Mediaqueries (Responsive layout)~~

Exercise: Shopping Cart

Features

!!! Still unclear. Depends on what can be covered in the course. Will be updated soon.

Material

Knowledge Base

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

Schedule

What is covered during the different lectures is not final and will be updated!

Date (Room)	Time	Topic	During overall course:
12.04 (4.K15)	9:30 – 12:00	Introduction, The Web	IAD Process
03.05 (4.E08)	9:30 – 12:00	Introduction: HTML, Page structure, tags, Github (Version Control),	IAD Process
07.05 (4.E08)	9:00 – 17:00	CSS, Box Model, Positioning, Mediaqueries Work on Exercise 1 / Mentoring	Basic GUI
10.05, 24:00		Submission exercise 1
16.05 (4.D12)	9:00 – 17:00	HTML/CSS Javascript/jQuery Basics Work on Exercise 2 / Mentoring	Basic GUI
23.05 (4.D12)	9:00 – 17:00	Deployment, FTP, Github Pages, Domain Registration etc., Webtypography Javascript/jQuery Basics Work on Exercise 2 / Mentoring	Basic GUI
31.05 (4.D12)	9:00 – 17:00	Examples / Work on Exercise 2 / Mentoring	Basic GUI
09.06, 23:59		Submission exercise 2