Media Computing Project (in Bonn): Summer 2019

  Class Information

Lab Fri., 14:30 - 17:00
  3.111, B-IT building
Language English
Credits 7 or 10 ECTS

  Important Dates

Kickoff Fri., Apr. 5th, 14:30
Presentation Fri., Jul. 12th, 14:30

Media Computing Project (in Bonn) is our hands-on lab ("Praktikum") primarily for M.Sc. Media Informatics students, although we also invite students with strong skills from other disciplines to apply. This year, you will iteratively build web applications that will be useful to researchers or teaching assistants. Example project: An analytics UI framework that can used to log information from a researcher's website for later analysis. 

Note: You need to use web technologies to complete the project. Prerequisite knowledge of web technologies (HTML/CSS, JavaScript, etc.) are required. You will be able to use our Mac-lab in B-IT to work on the project. The Mac-lab will be accessible during the normal working hours at B-IT. 

This course has limited seating. You need to register to obtain a seat in this course.


Prof. Dr. Jan


For any questions about the class, please contact Krishna.


This year, you will iteratively design and develop a web application that solves a particular problem faced by researchers or teaching assistants.
You will first perform a root-cause analysis by observing and/or interview target users. Then, you will brainstorm solutions, prototype them, and progressively test them with users to settle on a solution. Finally, you will implement the solution as a web application and test it with users in a final user study. You will learn:

  • Techniques that will be useful during various stages of the design process such as brainstorming, user observation, and prototyping; 
  • How to use web frameworks like Angular, ReactJS, etc., to build responsive applications.

If you have taken Designing Interactive Systems I previously, you can think of this lab as an elaborated version of the project you did; you will continue past the medium-fidelity prototypes to build a fully-functional production-ready application at the end.

  • Introduction

    • Lab: Kickoff

      Fri., Apr. 5th

    • Milestone: Interviews and Observation

      Due: Fri., Apr. 12th

  • Design Thinking

    • Lab: Design Thinking

      Fri., Apr. 12th

    • Milestone: Root-Cause Analysis

      Due Fri., Apr. 19th

  • Ideation

    • Lab: Ideation

      Fri., Apr. 19th

    • Milestone: Paper Prototypes and Evaluation

      Due: Fri., Apr 26th

  • Project Pitch

    • Fri., Apr 26th

    • Milestone: Medium-Fidelity Prototypes and Project Milestone Definition

      Due: Fri., May 17th

  • High-Fidelity Prototype

    • Lab: Medium-Fidelity Prototype Presentation and Discussion

      Fri., May 17th

    • Milestone: Begin Working on High-Fidelity Prototype

      Due: Fri., May 24th

  • High-Fidelity Prototype

    • Lab: Discussion

      Fri., May 24th

    • Milestone: High-Fidelity Prototype

      Due: Fri., May 31st

  • High-Fidelity Prototype

    • Lab: Discussion

      Fri., May 31st

    • Milestone: High-Fidelity Prototype

      Due: Fri., Jun 7th

  • High-Fidelity Prototype

    • Lab: Discussion

      Fri., Jun 7th

    • Milestone: High-Fidelity Prototype

      Due: Fri., Jun 21st

  • Evaluation

    • Lab: Project

      Fri., Jun. 21st

    • Milestone: Evaluation

      Due: Fri., Jun. 28th

  • Video

    • Lab: Project

      Fri., Jul. 5th

    • Milestone: Video

      Due: Thu., Jul. 11th

  • Presentation

    • Final Presentations

      Fri., Jul. 12th


Lab exercises and assignments will be graded on the following scale:

1.0 exceptional work that clearly went above and beyond what was given on the exercise
2.0 exercise was completed satisfactorily as per the assignment specification
3.0 exercise was completed, but has some problems
4.0 incomplete exercise
5.0 little or no effort was put into the exercise


To take this course for credit, you must complete all assignments, lab exercises, and the final project. The grade of this course will be a combination of the assignments and final project.
Note that you must achieve a cumulative score above 4.0 and complete all exercises to pass the course.
You are expected to be aware of, and abide by, the ethics policy for courses taught at our chair.

Assignments/lab exercises individualized to each group will be assigned every week. They are to be completed in a group size of 2–3.  
Late assignments will be graded with 5.0. Exceptions will be granted only for valid (i.e., medical) reasons.

Fields of Study

  • Informatik (M.Sc.)/Angewandte Informatik
  • Media Informatics (M.Sc.)
  • Software Systems Engineering (M.Sc.)

Course Allocation and Registration Guide

Number of SWS: P3 (Aachen)
ECTS Credits: 7/10 (for M.Sc. Media Informatics)
Course language: English for all lectures, assignments, and exams

Previous Offerings

WS18/19 – SS18 – WS17/18SS17WS16/17SS16WS15/16SS15WS14/15SS14WS13/14SS13WS12/13SS12WS11/12SS11WS10/11SS09SS08SS07SS06

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.