Versions Compared

Version Old Version 18 New Version 19
Changes made by

avillato (Unlicensed)

Luke Franzke

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

Topics:

World Wide Web

Graphic User Interfaces

Micro Interactions

Technology

p5.js / Javascript

HTML & CSS

CMS (GRAV?)

Hosting, FTP 

...

Software:

World Wide Web

Graphic User Interfaces

Micro Interactions

Deliverables/Exercises

  1. Attendance during lessons

  2. Individual Exercises A & B

  3. Documentation  

Exercise A: Develop an unconventional approach to a classic UI design pattern.

...

Part B: Brainstorm and prototype an alternative design pattern in P5js. Record your results as a GIF.

...

  • UI

  • Images 

  • Lists

  • Headings, Text

  • Responsive?

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

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

Knowledge Base

Schedule

P5.js

 Github (Version Control),G

(Exercise A Continued)(Exercise A Continued)

Web Technology

  • CSS Media Queries

  • CSS Animation

    • FTPWeb Technology
    Web Sockets (socket io , node js, osc)Web Technology
    Web RTC - video streaming peer to peerHeadless Browsing ( practice ) + hosting a web on your own computer ( local.run and IP forwarding ) & Net Art Input ( Theory )

    Date (Room)

    Time

    Topic

    Lecturer 

    During which  course:

    25.03.2020 (T 6.F01)

    15:00 – 17:00

    CANCELED

    Interaction Design Process

    01.04.2020 (5.D02)

    15:00 – 17:00

    Introduction: History Internet and the WWW to the modern web.

    P5.js

    EditorsOverview of Web technology

    (Research for Exercise A)

    Luke

    Interaction Design Process

    08.04.2020 (T 6.F01)

    15:00 – 17:00

    Luke

    Interaction Design Process

    15.04.2020 (5.D02)

    15:00 – 17:00

    Luke

    Interaction Design Process

    22.04.2020 (4.K15)

    15:00 – 17:00

    (Exercise A Presentation)

    Luke

    Interaction Design Process

    29.04.2020 (4.K16)

    15:00 – 17:00

    Introduction Web Technology: Page structure, HTML/CSS
    Deployment, Servers, FTP, Databases

    • HTML

      • Basic Layout Elements (not responsive)

      • CSS Basics (selectors, positioning introduction)

    • Github

    Florian? 

    Interaction Design Process

    06.05.2020 (4.K16)

    15:00 – 17:00


    Florian?

    Basic GUI

    13.05.2020 (4.K16)

    15:00 – 17:00

    Web Technology

    • Bulma / VueJs

    • JSON / Database / Webservice

    • Dynamic Webpage


    Florian?

    Basic GUI

    20.05.2020 (6.F01)

    15:00 – 17:00

    Andres

    Basic GUI

    27.05.2020 (7.D04)

    15:00 – 17:00

    Andres

    Basic GUI

    03.06.2020 (7.D04)2020

    15:00 – 17:00

    Andres

    Basic GUI