The Emirati National House
Interactive map of the United Arab Emirates, 2016
A high-resolution interactive multitouch map was developed for the National Pavilion of the United Arab Emirates at the 15th international architecture exhibition – la Biennale di Venezia.
It provides insights into the geography and landscape of the UAE, as well as the diversity in typology of the Emirati National House, also know as the Sha’abi (folk) housing model, applied across the Emirates.
Multiple visitors simultaneously are able to zoom in to neighborhoods to examine their qualities and view photographs documenting the unique features of the Sha’abi houses. An overview map, where the currently selected map areas are indicated, provides general orientation within the country.
The Emirate National house was introduced in the 1970s to settle transient population and provide modern amenities. Architecturally it was based on a courtyard housing typology derived from traditional precedents. As the resident’s needs evolved, a series of changes took place: functional ones likes the addition of rooms, enlargement of living spaces and the raising of enclosure walls to ensure privacy as well as aesthetic or symbolic ones: replacing entrance doorways and repainting outer walls. These modifications resulted in visual diversity, moving away from a monotonous appearance.
The exhibition curated by Prof. Yasser Elsheshtawy, intents to move the urban housing discourse in the UAE to one that is grounded in the every day life of its citizens.
The exhibition is open to the public from May 28 until November 27, 2016.
Concept & UI design, hardware planning (65” 4K NEC multitouch display), software development in ReactJS and OpenLayers
A visual exploration of the travel freedom attached to passports, 2016
The weight and the travel freedom attached to a passport vary drastically across nationalities. International visa-regulations are very complex and often non-transparent. They reflect the economical and geopolitical situations as well as the relationships of countries.
This project aims to cast some light on these structures and make it easy to find out which countries an individual of a certain nationality can travel to without a visa or with visa on arrival. The destination country can be intuitively selected by clicking/tapping the map, via the live search field or by choosing it from the country list. In the "Visa-free sources" mode, you can alternatively explore the number of countries whose nationals can enter a specific country without a visa or with visa on arrival. The GDP and population modes are added for reference. Other modes can be implemented in the future.
This web application features a responsive design which works across browsers, platforms and screen sizes, as long as WebGL is available. Since WebGL is now supported by iOS, it also works on recent iOS devices running iOS 8+. Recent Android versions are supported as well.
Interactive multitouch table at the Hersbruck/Happburg documentation site, 2016
The second largest satellite camp of the Flossenbürg concentration camp was located in the town of Hersbruck, where 9,000 prisoners from all over Europe were held captive between July 1944 and April 1945. They were forced to dig a tunnel system in the Houbirg mountain for an armament factory in the nearby town of Happurg. Due to the extreme conditions in the camp and during the labor, around 4,000 prisoners died in Hersbruck and Happurg.
The Hersbruck/Happburg documentation site consists of two exhibition modules pointing to each other: a media installation in Hersbruck at the former location of the camp and an open air exhibition module in Happurg at the former place of forced labor: the prisoners were forced to commute 4.5 km by foot between these two locations all year round.
The Hersbruck installation features a projection of a 360° panoramic video of the surroundings of Hersbruck focussing on historically relevant places. A large multitouch table displaying the names of all the 9,000 known prisoners was designed and developed by Markus Lerner in collaboration with Bertron Schwarz Frey, who created the exhibition architecture for both locations. By touching the highlighted names, multiple visitors can simultaneously explore 90 representative biographies of prisoners from various countries featuring stories, animated quotes and images.
Screen design, Java/OpenGL/shader programming, software edge blending across multiple screens, Kinect tracking, test setup
Multi-touchscreen installation at Grimmwelt Kassel, Germany, 2015
Words are not static. They don’t have fixed meanings. Language is constantly evolving and will continue to.
The famous German Dictionary (1838–1854/1961) by the Brothers Grimm attempts to create a “natural history of words” by focussing on associations and connections between the words rather than their abstract definitions.
Located in the newly opened Grimmwelt Kassel, Germany, “Wortarbeit” attempts to capture the visitors’ associations with words, in reference to the work of the Brothers Grimm. Within a predefined set of formulas (word connections), one word has to be explained by another word entered by the visitor. The results is a chain that grows endlessly word by word.
While one touchscreen is waiting for input, the visitors can explore the existing chain of words in various views on the other screens: chronologically, alphabetically, by popularity and through the semantic net, which reveals the complexity of the definitions entered by the visitors.
Visitors can also extend an independent chain of words in english.
Screen Design, Java/OpenGL/Shader programming, multi-screen synchronisation
Micro – Macro
Interactive wall projection, 2014
An interactive installation was developed for the ZEISS Museum of Optics in Oberkochen. It allows visitors to explore the known orders of magnitude in an interactive way.
A continuous zoom leads from the Planck length (1,616199 × 10−35 m) via atoms, microorganisms, everyday objects, countries, planets galaxies up to the size of the currently observable universe (2,80 × 1026 m).
The user controls the zoom via the distance from the projection surface: zoom-in by getting closer, zoom-out by stepping back. The speed of the zoom can be accelerated or reduced by using the hands additionally.
The project was realized in collaboration with TheGreenEyl (Concept, Art Direction, Production).
Screen Design, Java/OpenGL/Shader programming, Kinect tracking
Virtual orchestra for the Mendelssohn-Haus Leipzig, 2014
The Mendelssohn-Effektorium is a virtual orchestra at thein Leipzig. It was developed and produced by . Markus Lerner was commissioned for the Screen Design and OpenGL software development.
13 speakers with vertical displays are arranged behind a conductor’s stand, each one representing a different group of instruments or choir voices. Visitors can select one of the works of Felix Mendelssohn-Bartholdy at the stand and conduct the virtual orchestra or choir by moving the coductor’s baton. The speed of the recordings is then adjusted in real-time. Voice groups can be controlled individually and different room situations can be set. The installation also allows one to compare modern and historical instruments.
The vertical screens can display the names of the voices, the sound level or an artistic interpretation of the voice groups influenced by the volume and character of each instrument/voice.
The idea for the Effektorium originated in the cooperation between Studioand . Sound production and programming by
Screen Design, Java/OpenGL/Shader programming, Leap Motion tracking and OSC network control
Interactive journey in time
Interactive table at the Museum of Hamburg History, 2012
A part of the new exhbition »The harbour – a key stimulus«, the interactive table leads through 1300 years of Hamburg history. The square table with 3.5 sqm surface area enables visitors to explore the development of the city from the Middle Ages until today.
A mechanical time wheel is used to navigate through the 11 periods. In each era, the most important changes in urban development as well as significant historical events are geographically displayed on the map, for example the North Sea flood of 1962 or the construction of the Speicherstadt. The bilingual content windows appear on different sides of the table, which enables several visitors to explore information independently. The programming was done on behalf of ART+COM (Concept, design and production).
Interactive table at »Taktgeber Hafen«
Museum für Hamburgische Geschichte
Java, OpenGL/OpenAL, GLSL shader programming, software edge blending
- Graphics PC for the real-time display
- 2 WUXGA (1920×1200 px) projectors
- Touch sensitive table surface (ART+COM)
- Acoustic shakers
Photos: Eva Offenberg, Markus Lerner
Solar Module Designer
Interactive web, touch screen and iPad application, 2011
The Solar Module Designer is as an interactive application, which allows one to design and configure the most diverse forms of solar modules with ease. This tool is available as an, a touch screen installation for trade shows and an iPad App.
It was developed in collaboration with.
Due to the need for a tool that helps architects visualise the various configurations that Odersun offers, we developed this communication tool that also helps the architects integrate unusual module shapes into their design/production drafts.
The custom designed solar modules can be exported as PDF/CAD-files, which can be directly integrated in construction plans or used as a reference in module manufacturing.
The Solar Module Designer was awarded the IF Communication Design Award, the Red Dot Award and the European Design Award Bronze.
Interaction Design, Programming in Flash/ActionScript 3, Backend in PHP/MySQL
Interactive presentation of complex archives, 2010
The interactive »Research Table« provides an intuitive access to large databases through its large-format multitouch-surface.
Time and location data of artists, commissioners and related institutions are shown in an easily comprehensible display. Works and paths of life are being put into relation and visualized in various ways.
The Research Table was initally developed for the research project »What was German Graphic Design?« at. (Supervision: Severin Wucher, Kilian Krug, Markus Lerner; contributors: Ferdinand Ulrich, Patrick Funk, Cathleen Gettkandt, Mara Hellmann, Wanda Proft, Manja Schiemann).
The exhibitionat the Bauhaus Archive, Berlin (23 March – 6 June 2011) featured an extended version of the table which gave an insight into ʼs network of partners.
The table was developed in collaboration with(Kilian Krug und Severin Wucher). Frontend/Backend Design: Kilian Krug, Markus Lerner; Programming: Markus Lerner; design-academic supervision: Severin Wucher.
Frontend-/Backend-Design (with Plural), Java/OpenGL programming, Backend: PHP/MySQL/Ajax, Hardware installation
- Graphics PC for the real-time display
- 1 Full HD Projector for back projection
- Multitouch table surface (Rear DI using )
Interactive city map
Multitouch table in the Red Town Hall, Berlin, 2009
A part of the “Be Berlin” campaign, the interactive table in the shape of the city of Berlin, located in the foyer of the main municipal building (Rote Rathaus) Berlin, which is visited by a large number of tourists daily, shows bilingual descriptions of sights and stories from berliners on a satellite map.
The table allows visitors to get an insight into the many attractions berlin offers with historical pictures, descriptions in german/english and trivia. The multitouch surface enables several users to explore the content at the same time. This project was done in collaboration with Felix Hardmood Beck (exhibition design, draft, consulting) and Hermann Klöckner (consulting) of ART+COM.
One can view the Be Berlin Table at the Red Town hall during working hours Monday–Friday, unless there is a private gathering.
Interactive city map
Foyer in front of the coat of arms hall (Wappensaal)
inside the Berlin Town Hall (Rotes Rathaus)
10178 Berlin Mitte
Concept & design in collaboration with ART+COM, Java, OpenGL and OpenAL programming, Projector timing control
- Graphics PC for the real-time display
- 2 SXGA+ (1400×1050) projectors
- Touch sensitive table surface (ART+COM)
Dynamic Lounge Object, 2008
The Polygon Playground is a large scale interactive lounge object developed and produced by. Markus Lerner was commissioned for the Tracking/OpenGL software development.
The object offers room for up to 40 persons at a time to walk, sit and explore its multifaceted surfaces. Gradient ramps guide to the top plateau or offer space to sit and rest. The installation features a software aided 3D surface projection system to cover the object with a seamless 360 degree projection. An additional sensory system detects peoples positions and proximity.
The visual appearance of the Polygon Playground changes continuously with the presence, movement and physical touch of its visitors. The object detects the positions and directions of people and reacts with evolving visual moods and graphic styles.
The hardware and software system of the Polygon Playground can be applied to virtually any 3D body to turn it into an interactive object.
Commission, production and art direction by.
Design of the interactive modes in collaboration with Christopher Bauder/WHITEvoid, Tracking/OpenGL programming in Java
– 2008 “SMUK” festival, Skanderborg, Denmark
– 2009 “STRP” festival, Eindhoven, Netherlands
– 2009 FREEZE! Art Show,
National Taiwan Museum of Fine Arts
– 2011 “I/O/I. The senses of machines”,
Disseny Hub, Barcelona, Spain
Photos: Christopher Bauder, Markus Lerner
3D Image Search
Intuitive 3D image browser, 2008
3D Photo View is an intuitive image brower for viewzi.com.
This online application is a whole new approach to image search, allowing you to place several searchfields in a 3D space. The image results get arranged around and between the searchfields. The engine also displays images related to several searchfields and related tags.
Commission, production and art direction by WHITEvoid.
Concept & design in collaboration with WHITEvoid, Flash ActionScript 3/Papervision programming.
Interactive screen display for tade fair stand, 2008
Climate protection being the theme of the installation, each visitor is estimated to have the decision making power on over 1,540 tons of CO₂. This amount could be potentially reduced by implementing more efficient lighting. In order to emphasise the influence each individual has on the climate change, the number of trees necessary to compensate this CO2 emission is displayed.
A tracking camera records the number of visitors who enter the OSRAM stand in real time. Every new visitor triggers the growth of a new tree in the foreground of the screen. As the number of visitors increase the tree thicket gets denser as well.
The total number of viewers on one day, their CO2 saving potential and the corresponding number of trees are displayed on the top part of the LED screen.
Design, Java and OpenGL programming
- Wall with 825.000 LEDs
- Tracking computer with fire wire camera
- Computer for the real time rendering of the display
Online magazine, 2008
ArtSchoolVets! is a German platform for design, music, art and fashion. Besides the continuously updated News and Features the website offers blogs for designers and artists as well as an online store where designers can sell their fashion products.
The recently introduced sections “Faces & Spaces” and “Portfolio Show” contain interviews with people from the design and music industry and the “Portfolio Show” section displays portfolios of designers and studios.
A highly customised content management system including an online shop for fashion articles was created in PHP/MySQL.
Light installation in an urban environment, 2007
A new display for OSRAM Seven Screens in Munich was created on behalf of ART+COM, Berlin. OSRAM Seven Screens is an installation of seven double-sided vertical screens in front of the OSRAM main office in Munich, next to the highway “Mittlerer Ring”, one of the most congested roads in Munich and Germany.
For the display Reactive Sparks, the traffic on the street is tracked in real-time; each vehicle creates a spark which moves across the screens. The Waves in the lower part of the display represent the amount of traffic in the past few minutes. More traffic results in higher waves with faster movement. The installation conveys the idea of energy and movement translated it into a visual representation. The warm colours create a warm spot in the gray winter landscape. The display will run until April 2008.
Idea, concept, design, Java and OpenGL programming
- 7 vertical screens with more than 750,000 RGB high-capacity LEDs
- tracking computer with firewire camera
- graphics computer for the real time rendering of the display
Textile history website, 2006
Thedocuments and the rich textile culture of the City of Norwich in the East of England.
The project was commissioned by and the . It was created in collaboration with Gero Grundmann from , who also executed the Corporate Design for Norwich Textiles.
The site offers comprehensive historical content, visitor information, interactive Textile Trails and a large image database of textile pattern books, shawls, etc, which is currently being expanded.
The site is based on an individually written content management system, based on PHP/MYSQL. It includes editing of each page, user administration as well as an image and file database. The interative sections were created in a combination of Flash and AJAX.
Generative display for the Vattenfall building facade, 2005
In collabration witha new generative animation for the 100 m² media facade in Chausseestr. 23, Berlin-Mitte, was created. The piece was developed on behalf of .
Small glowing particles are moving in the field of big, slowly gliding spheres. The accelerated objects emit light when they hit big masses of matter. A visualized dream of energy.
The animation was generated by delegated behavior systems that are part of a selfmade simulation package. The rendering software was written in Java. The rendering time took approximately 8 hours for 3000 movie frames of 7939 x 4340 pixels resolution.
The opening took place during the Lange Nacht der Museen. The piece was screened in turn with screenings byand again from March till August 2006.
Idea, concept, design, Java programming, rendering
- 18 back-projections on Priva-Lite® screens
- projectors with built-in mpeg2-video memory
Concept: Reactive Bar Counter Surface, 2004
Three concepts for the generative display on a bar counter surface were developed in collaboration with Nadine Thieme.
A bar is a meeting point. People meet, get closer and build personal relationships. The intensity of a contact is visualized by dynamic shapes surrounding the glasses on the bar.
Real mirror images of people are modified in generative manner. People and their movements are shifted in space and time.
Strich & Faden
A black & white texture which reminds you of manually produced tablecloths, reacts to external impulses like movements or touch.
Idea, concept, sketches in Flash and Processing, video simulations
Pressure project: Bar! Design a dynamic surface for a bar counter or a bar table.
Flash-website for music artist, 2004
The flash website for the music artist Terranova was designed in collaboration withand .
The site has an unusual concept. Three popup windows are opened simulatinuously in the layout of the Terranova logo. The user navigates from the top to the bottom. Content like news, photos, tracklists, etc. will be displayed in the lower window. Music samples and videos can be played with the integrated media player.
The site is fully based on a content management system, developed by Floor5.
Concept, web design, Flash programming
Rich content website for the music artist Terranova
Reactive robotic creature, 2004
Outerspace is a reactive robotic creature with animal-like behaviour. It was developed in collaboration with Andre Stubbe. Outerspace's fundamental motivation for any behaviour is based on curiosity, the desire to explore the surrounding space looking for contact. Touch it, play with it and watch its behaviour.
The project is at the edge of art and design involving various aspects of industrial design, physical computing & artificial intelligence. It was developed on the brief “Lustobjekt”, object of pleasure & desire, in the Digital Media Class at the Berlin University of the Arts.
Idea, concept, design, prototyping, building, Java software development, BX-24 microcontroller programming, video editing, web design
The given task was to create a “Lustobjekt”, a reactive physical object by means of microcontrollers and sensors.
– 2007 WIRED Nextfest, Los Angeles
– 2007 Ars Electronica Center, Linz, Austria
– 2006 STRP, Eindhoven, The Netherlands
– 2005 Artbots, Dublin, Ireland
– 2005 Designmai, Berlin, Germany
Indicating mobile radiation in real space, 2004
Radiation culture is an interactive installation that visualizes the spatial distribution of mobile radiation.
Electromagnetic radiant energy feeds a synthetic bioindicator. The visual display uses the metaphor of algal growth in places of strong insolation. The absorption range in the electromagnetic spectrum, however, is shifted from visible light to long-wave radiation.
The installation refers to a space, where mobile sources of radiation like mobile phones are. This can be both a room inside a building and an area of public space, for example a place, where many people frequent. At places of concentrated radiation an alga-like shape begins to grow. It is loosely connected and can freely move in space.
Idea, concept, design, programming in Java, video tracking
Conceive and design a project, whose main means of expression is generativity. The choice of topic is open.
Anticipation & Reality
Intermediate degree in the Digital Media Class, 2003
My intermediate diploma in thedeals with the relationship of anticipation and reality. A series of interactive screen applications explores the difference between the anticipated future and the actual reality.
Anticipation is the expectation or the mental idea of an event in the future. It originates from the ability of a subject to imagine a future. It can happen consciously or unconsciously.
The term of Reality describes the actual future reality, e.g. the consequences of an action. The mental expectations of an observer can turn out to be true or false.
Research, idea, concept, design, Flash programming, documentation
Open assigment, but the project was supposed to deal with digital media.
Website and CD-Rom for the Basic Course of the Digital Media Class, 2003
For the basic course 2002/2003 in the website and CD-Rom was developed. The Basic course was supervised by .a documentation
An interactive menu in the top left corner provides access to information on the participants of the course and their works. The layout is scalable and adapts to the screen resolution automatically. The menu was designed by the group, the programming was done in collaboration with.
Flash programming, CD creation
Generating sound loops through recursive algorithms, 2003
Interactive screen applications in collaboration with
Iteration is the mathematical term for the repeated application of a transformation.
The following experimental applications deal with the audiovisual display of iterative processes.
Idea, concept, design, Flash programming
Create an interactive application for sounds of your choice.
Short movie, 2002
Step and track, object and shadow, cause and effect – each one of those elements is strongly connected to the other from our experience. Their chronological order is determined. This short movie is going to look into that.
Idea, concept, direction, camera, editing, compositing
Design with the medium time: create time figures, time bodies, time tracks...
Visual entities, where time is inscribed or which are formed by processes of time.