Media Computing Project in Bonn SS 2017: InfoViz
Course Information:
Topic
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.
Structure
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.
Schedule
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