Module Handbook

  • Dynamischer Default-Fachbereich geändert auf INF

Module INF-00-51-M-3

Basics of Web Technologies (M, 8.0 LP)

Module Identification

Module Number Module Name CP (Effort)
INF-00-51-M-3 Basics of Web Technologies 8.0 CP (240 h)


CP, Effort 8.0 CP = 240 h
Position of the semester 1 Sem. in WiSe
Level [3] Bachelor (Core)
Language [DE] German
Module Manager
Area of study [INF-SI] Socioinformatics
Reference course of study [INF-82.B16-SG] B.Sc. Socioinformatics
Livecycle-State [NORM] Active


Type/SWS Course Number Title Choice in
Presence-Time /
SL SL is
required for exa.
PL CP Sem.
2V+1U INF-00-31-K-3
Web 2.0 Technologies 1 (Principles and Techniques)
P 42 h 78 h
ja PL1 4.0 WiSe
2V+1U INF-16-52-K-5
Human Computer Interaction
P 42 h 78 h
- no 4.0 WiSe
  • About [INF-00-31-K-3]: Title: "Web 2.0 Technologies 1 (Principles and Techniques)"; Presence-Time: 42 h; Self-Study: 78 h
  • About [INF-00-31-K-3]: The study achievement "[U-Schein] proof of successful participation in the exercise classes (ungraded)" must be obtained.
    • It is a prerequisite for the examination for PL1.
  • About [INF-16-52-K-5]: Title: "Human Computer Interaction"; Presence-Time: 42 h; Self-Study: 78 h
  • About [INF-16-52-K-5]: The study achievement "[UK-Schein] proof of successful participation in the exercise classes (incl. written examination, ungraded)" must be obtained.

Examination achievement PL1

  • Form of examination: written exam (Klausur) (60-90 Min.)
  • Examination Frequency: each semester
  • Examination number: 60031 ("Web 2.0 Technology I")

Evaluation of grades

The grade of the module examination is also the module grade.


  • HTTP (web-standards, protocols, request and response analysis, authentication, cookies)
  • HTML5 (concepts, standards, encoding, semantical structures)
  • CSS (concepts, properties, selectors, cascade)
    • Layouts (box-model, positioning, flexbox, grid)
    • Webdesign (concepts, adaptive designs, animation)
  • Javascript (concepts, language introduction, APIs, DOM, event-handling, jQuery)
  • PHP (concepts, language introduction, APIs)
The course introduces students to the theory and applications of human computer interaction (HCI). Students should achieve an understanding of human perception and psychology related to HCI, as well as learn about concepts and methods of interactive systems. The course builds on theoretical principles and numerous examples from research and practice.

Thematic priorities are:

  • Goals and fundamentals of human computer interaction
  • Human perception and cognition: fundamentals, preattentive perception
  • Relations between psychology and interaction design
  • Hardware used for man-machine interaction (I/O-devices)
  • Human-centered approaches
  • Usability: definitions and standards, measuring usability
  • User Analysis & User Modeling, Task Analysis & Task Modeling
  • Interaction models, interaction styles
  • Scalability
  • Interaction metaphors: basics, examples
  • Evaluation: methods, techniques, basics

In the exercises, the lecture topics will be deepened and expanded. For this, the students work through current, lecture-related publications of the most important HCI conferences (e.g., CHI, UIST, IUI, Interact). Second, the prototypical implementation (from paper mock-up to concrete implementation, e.g., in Flash or HTML5) and evaluation of user interfaces is practiced in small groups.

Competencies / intended learning achievements

After successfully completing the module, students will be able to
  • understand the web 2.0 (HTTP, HTML 5, CSS3, Javascript, PHP) and its possibilities, goals and basic techniques like interfaces and protocols.
  • interpret and implement current web standards.
  • design semantic websites with advanced design options.
  • implement web services.
  • explain current theories and practices in the field of human-computer interaction,
  • design and prototype user-centered human-machine interfaces,
  • Design and conduct evaluations for hardware and software systems


  • Buxton: Sketching User Experience.
  • Dix, Finlay, Abowd, Beale : Human-Computer Interaction.
  • Kerren, Ebert, Meyer: Human-Centered Visualization Environments.
  • Maeda: The Laws of Simplicity.
  • Sharp, Rogers, Preece: Interaction Design.

Requirements for attendance of the module (informal)


Requirements for attendance of the module (formal)


References to Module / Module Number [INF-00-51-M-3]

Course of Study Section Choice/Obligation
[INF-82.B16-SG] B.Sc. Socioinformatics [Compulsory Modules] Socioinformatics and Methodology [P] Compulsory