Lab: The Media Computing Project (in Bonn)

The lab will take place in the Mac Lab (located on the 2nd floor in the B-IT building) every Thursday, 15:00–17:00h, starting from 20th April, 2017.

Journey to the Center of the Earth
Example of an interactive visualization. (Click on the image to view the visualization.)

Course Information:


During this year's Media Computing Project in Bonn, you will build interactive and engaging visualizations (examples) by using datasets available online (examples). The visualization should be interactive and support the user in some analytical task. You will use web technologies (like D3.js) to achieve this. More details about the project will be added shortly.


You will organize yourselves in groups and build interactive visualizations by applying the design principles you learnt during Designing Interactive Systems I. You will get weekly feedback from Krishna about your project.

Note: You need to use web technologies to complete the project. Prerequisite knowledge of web technologies (HTML/CSS, JavaScript, etc.) are important, but not mandatory. In the first few weeks of the lab, Krishna will teach you some basics about web technologies. During this time, there will be mini-assignments every week.

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.

What You Will Learn

After the course, you will gain knowledge on designing and implementing visualizations. This is a valuable skill for both industry and research jobs.

Preferred Student Background

DIS 1 (Designing Interactive Systems 1), which we offer in the winter semesters, is a prerequisite for the course. Your project will be evaluated based on usability heuristics that were presented in DIS 1.

Course Materials

All the course materials can be accessed via an L2P course room, which will be activated soon.


Week From Date To Date Lab Topic (On 'From Date') Tasks
1 20.04. 27.04. Kick-off Meeting: Introduction to the lab, InfoViz, and A01 Read up on InfoViz
A01 out
2 27.04. 04.05. A01 discussion, more details on InfoViz, and A02 A01 in
A02 out
3 04.05. 11.05. A02 discussion, project kick-start A02 in
Form project groups
4 11.05. 18.05.
No Lab
Continue design & development
5 18.05. 25.05. In-Class Discussion Continue design & development
6 25.05. 01.06.
No Lab: Ascension of Christ
Continue design & development
7 01.06. 08.06. In-Class Discussion Continue design & development
8 08.06. 15.06.
No Lab: Excursion Week
Continue design & development
9 15.06. 22.06.
No Lab: Corpus Christi
Continue design & development
10 22.06. 29.06. In-Class Discussion Continue design & development
11 29.06. 06.07. In-Class Discussion Continue design & development
12 06.07. 13.07. In-Class Discussion Continue design & development
13 13.07. 20.07. In-Class Discussion Continue design & development
14 20.07. 27.07. In-Class Discussion Continue design & development
15 27.07. -
Final Presentation

Administrative Details

Language: The course will be held in English and all submissions are expected to be in English
Tutors: Krishna
Credits: 10 ECTS. If you are taking this course for 7 ECTS credits, drop Krishna an email.
Grading policy: Once the project phase has started, resignation from the course will result in a grade of 5.0.

Past Semesters

MCP WS 2016 — Personal Photonics - Using Light to Enhance your Life
MCP SS 2016 — Let's Make a Difference! (Designing Apps to Help Refugees & Refugee Workers)
MCP WS 2015 — Tangible Tabletop Tower Defence
MCP SS 2015 — Productivity Apps
MCP WS 2014 — Digital Fabrication
MCP SS 2014 — L2P Apps
MCP WS 2013 — Digital Fabrication
MCP SS 2013 (Bonn) — Mobile Gaming
MCP WS 2012 — Interactive Assembly
MCP SS 2012 (only available from within the RWTH-net, use VPN)
MCP WS 2011
MCP SS 2011
MCP WS 2010
MCP SS 2009
MCP SS 2008
MCP SS 2007
MCP SS 2006

Created by jon. Last Modification: Thursday 20 of April, 2017 11:37:59 by subramanian.

Media Computing Group at RWTH Aachen