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 and Project Introduction A01 in (due on 01.05.)
Form project groups
3 04.05. 11.05. Project Pitches and AngularJS Demo Work on Milestone #1
4 11.05. 18.05.
No Lab
Work on Milestone #1
5 18.05. 25.05. Milestone #1: What-Why-How Definition, Low-Level Prototype and Target User Definition Work on Milestone #2
6 25.05. 01.06.
No Lab: Ascension of Christ
Work on Milestone #2
7 01.06. 08.06. Milestone #2: Evaluation Results and Skeleton of the Project Work on Milestone #3
8 08.06. 15.06.
No Lab: Excursion Week
Work on Milestone #3
9 15.06. 22.06.
No Lab: Corpus Christi
Work on Milestone #3
10 22.06. 29.06. In-Class Discussion Work on Milestone #3
11 29.06. 06.07. In-Class Discussion Work on Milestone #3
12 06.07. 13.07. In-Class Discussion Work on Milestone #3
13 13.07. 20.07. Milestone #3: In-Class Demo and Feedback Work on Milestone #4
14 20.07. 27.07. Milestone #4: Production-Ready Webpage Work on Milestone #5
15 27.07. -
Milestone #5: 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 27 of April, 2017 10:47:18 by subramanian.

Media Computing Group at RWTH Aachen