Interaction Design WikiBasic GUI

Basic GUI FS17 Tech

This course is about building a fundamental expertise in building graphical user interfaces with web technologies.

In several inputs, we will look into the history of the Internet, basic concepts, languages and frameworks for building web interfaces.


1. The Web (6.4, 09.00-12.00, 4.K14)

Exercise & Homework

Prepare a simple design in Photoshop or Sketch for an App, Website, Portoflio or a crazy Science-Fiction UI.

2. HTML & CSS (12.4, 09.00-12.00, 4.K14)

Exercise & Homework

Begin building some elements of your design in HTML and CSS.

3. Advanced Layout Techniques (20.4, 09.00-12.00, 4.K14)

Exercise & Homework

Improve your design and use more advanced techniques to improve the layout.

4. JavaScript (12.5, 09.00-17.00, 4.K14)

Exercise & Homework

Start working on your personal GUI Catalog.

5. Graphical User Interface Elements (19.5, 09.00-12.00, 4.K14)

Exercise & Homework

Work on your personal GUI Catalog.

6. Deployment & Future (24.5, 13.30-17.00, 4.E08)

Final work

You'll have to submit your GUI catalog as part of the final grading process.

Please but the HTML, CSS and JS file(s) on the filer by the 12th of June.