http://www.jhwilbert.com João Wilbert: Creative Technologist. Selected Works. Fri, 29 Jul 2011 09:46:37 +0000 http://www.jhwilbert.com en http://www.jhwilbert.com/Pachube-Widget http://www.jhwilbert.com/following/jhwilbert.com/Pachube-Widget Fri, 29 Jul 2011 09:46:37 +0000 João Wilbert: Creative Technologist. Selected Works. 1660012 <img src="http://payload.cargocollective.com/1/3/105272/1660012/controller.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660012/controller_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660012/browser_SMALL.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660012/browser_SMALL_o.jpg" align="left" /> PACHUBE WIDGET Haque:Design+Research, 2010 Pachube Controller is a web widget that serves as controller for Pachube the data brokerage platform created in 2007. The widget is an user friendly panel of knobs and switches that allows users to control and visualize Pachube feeds. Combined with an Arduino client it can serve as a powerful remote control mechanism used in home automation. Developed with App Engine and jQuery, integrated with Pachube API. View Demo | Download Source @Github http://www.jhwilbert.com/Offon http://www.jhwilbert.com/following/jhwilbert.com/Offon Fri, 29 Jul 2011 09:38:20 +0000 João Wilbert: Creative Technologist. Selected Works. 1660008 <img src="http://payload.cargocollective.com/1/3/105272/1660008/OFFON1.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/OFFON1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660008/OFFON2.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/OFFON2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660008/OFFON3.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/OFFON3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660008/OFFON4.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/OFFON4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660008/offondiagram.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/offondiagram_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660008/offondiagram2.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660008/offondiagram2_o.jpg" align="left" /> OFFON Wieden+Kennedy, 2011 'OFF-ON' is an initiative to make people more aware of energy they consume every day and taking pro active steps to reduce the consumption. You turn a light OFF here to turn someone's light elsewhere. The principle is that all money saved in the workspace is given to install solar power panels in countries around the world. The pilot Wieden+Kennedy consists of a open source energy data platform that monitors energy of the building by collecting real time values using Current Cost. These values are then stored in a platform that feeds a series of physical LED displays and screensavers reactive to the consumption in the building. The screensavers and displays were designed focusing on behavior change. The energy consumption data drives the mood of a character that represents the building and changes mood as the building is saving more and less energy. Developed in collaborataion with Sophie Dollar, Sophie Bodoh, Laurence Mence, Paul Skinner, Yuki Yoshida and Daniel Hirschmann. Creative direction: Dan Norris, Ray Shaugnessy. Photos: Robbie Maynard. http://www.jhwilbert.com/Watching-the-Watchers http://www.jhwilbert.com/following/jhwilbert.com/Watching-the-Watchers Fri, 29 Jul 2011 09:12:19 +0000 João Wilbert: Creative Technologist. Selected Works. 1660010 <img src="http://payload.cargocollective.com/1/3/105272/1660010/img03.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/img03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/img02.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/img02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/04.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/05.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/06.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/07.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/07_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660010/09.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1660010/09_o.jpg" align="left" /> WATCHING THE WATCHERS Edith-Ruß-Haus, 2009 Watching the Watchers is a workshop practice of using lowcost wireless CCTV receivers and transmitters to capture and transform public video surveillance systems with Signal Hijack and VideoSniffin'. In June 2009 I was invited by Graham Harwood to do a collaboration in a workshop at the Edith Russ Media Arts Centre investigating creative opportunities of reusing the local wireless CCTV system to broadcast messages. The idea was to involve the participants into speculative investigation of the local area mainly by targeting wireless CCTV cameras often present in shops, stores and areas of road traffic control. In the workshop session, the participants became signal detectors and detectives to perceive, visualise and question the signals captured with Video Sniffin’ and then became broadcasters using Signal Hijack to interfere and interact with the cameras sending the signals captured. The project was featured in Newsweek’s ‘The Technologist’ section due to its unique approach to surveillance bringing the creative aspects of DIY culture to life. http://www.jhwilbert.com/1000-Kaiser-Chiefs-Albums http://www.jhwilbert.com/following/jhwilbert.com/1000-Kaiser-Chiefs-Albums Fri, 01 Jul 2011 19:57:32 +0000 João Wilbert: Creative Technologist. Selected Works. 1662125 <img src="http://payload.cargocollective.com/1/3/105272/1662125/a01.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1662125/a01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1662125/a02.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1662125/a02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1662125/a03.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1662125/a03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1662125/a04.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1662125/a04_o.jpg" align="left" /> 1000 KAISER CHIEFS ALBUMS Wieden+Kennedy, 2011 1000 Kaiser Chiefs Albums is a visualization tool to celebrate the user created covers for the Kaiser Chiefs album launch. In the website users could design their artwork for the album using a set of pre-allocated assets. Throughout the album launch thousands of unique covers were created by the fans. As you roll over the designs of the album covers, they flip over like record sleeves and display the user name of the fan who created it. If you click on the cover, it takes you to the fan page where you can buy that fan’s version of ‘The Future is Medieval’. The visualisation tool is an open source Google App Engine application programmed using Python. It scrapes the Kaiser Chiefs website and collects a selection of covers created by users and then it loads 1000 random ones every time the user views it. View App | Download Source @Github http://www.jhwilbert.com/Cao-Guimaraes http://www.jhwilbert.com/following/jhwilbert.com/Cao-Guimaraes Wed, 29 Jun 2011 11:27:59 +0000 João Wilbert: Creative Technologist. Selected Works. 1660072 <img src="http://payload.cargocollective.com/1/3/105272/1660072/01.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/02.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/03.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/04.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/05.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/06.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660072/07.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1660072/07_o.jpg" align="left" /> CAO GUIMARÃES osso studio, 2005 Cao Guimarães is a brazilian filmmaker and visual artist. Given the ephemeral essence of his pieces, the website was conceived as an abstract map that displays his works as constellations graphed in a dotted-grid. Users can access audiovisual information, as they navigate through the internal pages of the website. The website was featured in Taschen’s Flashfolios book. www.caoguimaraes.com http://www.jhwilbert.com/Type-Swarms http://www.jhwilbert.com/following/jhwilbert.com/Type-Swarms Wed, 29 Jun 2011 09:44:52 +0000 João Wilbert: Creative Technologist. Selected Works. 1660009 <img src="http://payload.cargocollective.com/1/3/105272/1660009/06.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/01.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/02.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/03.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/04.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/05.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/06.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1660009/09.jpg" border="0" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/3/105272/1660009/09_o.jpg" align="left" /> TYPE SWARMS FABRICA, 2010 Type Swarms is an interactive piece about typography, nature and code. It is based on natural phenomena as insect agglomeration and swarming. As the people type words in the keyboard, semi-domesticated particles move in different directions and positions in a constant struggle to form the shapes of the typed letters. The project looks at the expressive qualities of code and at its relation to nature and design. Developed with openFrameworks. View Workshop Catalog Download source @Github http://www.jhwilbert.com/Kaiser-Chiefs-Album-Launch http://www.jhwilbert.com/following/jhwilbert.com/Kaiser-Chiefs-Album-Launch Wed, 29 Jun 2011 09:36:56 +0000 João Wilbert: Creative Technologist. Selected Works. 1659936 <img src="http://payload.cargocollective.com/1/3/105272/1659936/01.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/02.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/03.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/04.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/05.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/06.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/07.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/07_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/08.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/08_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/09.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/09_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/10.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1659936/10_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/THINK.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659936/THINK_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659936/11.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659936/11_o.jpg" align="left" /> KAISER CHIEFS ALBUM LAUNCH Wieden+Kennedy, 2011 Project for the launch of the album ‘The Future is Medieval’ by the British rock band Kaiser Chiefs. The project is a unique online platform that introduces an unconventional model of releasing an album. The site allows fans to create their perfect version of the album, design their own artwork and then sell their creations for a £1 commission. In the website, the user can compile a custom playlist based on his criteria, using a visual tool of plugging in wires into a music-making machine. Fans can then design their artwork with pre-allocated assets based on their track selection and transfer these assets from photos to oil paintings. Fans can download their albums packaged with their bespoke cover, drop it into their iTunes and see their track listing and artwork. The site also auto-generates a webpage with a user friendly address and creates designed banners and posters using the fan’s artwork allowing them to promote their album on their blogs and in social media to earn commission from peer to peer sales. Kaiser Chiefs Launch Site | Read more http://www.jhwilbert.com/Yesterday-s-Future http://www.jhwilbert.com/following/jhwilbert.com/Yesterday-s-Future Wed, 29 Jun 2011 09:36:55 +0000 João Wilbert: Creative Technologist. Selected Works. 1659858 <img src="http://payload.cargocollective.com/1/3/105272/1659858/image1.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659858/image1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659858/image2.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659858/image2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659858/image3.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659858/image3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1659858/image4.jpg" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1659858/image4_o.jpg" align="left" /> YESTERDAY'S FUTURE Collaboration, 2010 This project was developed in collaboration with the architectural studio Naja & DeOstos commissioned for the exhibition Swarming Futures of Architecture at the Embassy of Brazil, as part of the International Architecture Showcase of London Festival of Architecture 2010. Yesterday’s Future is a sculptural piece that combines raw elements of technology and architecture. The piece is a tree-like monolithic structure with 8 arm stands holding interactive LCD monitors. The monitors are hand made and fitted with sensors and motors able to detect and react to human presence. Users inside the space are confronted by the massive structure interacting with the screens that demonstrate awareness to its surroundings with the choreography of their antennas. Swarming Futures was shortlisted as one of the top 3 exhibitions in the International Architecture Showcase. Source @Github | View Demo Photos by Samantha Lee. Video by Laura Barbi. http://www.jhwilbert.com/Pachube-Interactive-Wall http://www.jhwilbert.com/following/jhwilbert.com/Pachube-Interactive-Wall Wed, 29 Jun 2011 08:38:11 +0000 João Wilbert: Creative Technologist. Selected Works. 1344023 <img src="http://payload.cargocollective.com/1/3/105272/1344023/pachubeDisplay.png" border="0" width="670" height="448" width_o="670" height_o="448" src_o="http://payload.cargocollective.com/1/3/105272/1344023/pachubeDisplay_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1344023/wall.jpg" border="0" width="670" height="445" width_o="670" height_o="445" src_o="http://payload.cargocollective.com/1/3/105272/1344023/wall_o.jpg" align="left" /> PACHUBE INTERACTIVE PANEL Haque: Design+Research, 2010 Part of the ‘Design of the Year Exhibition’ at the Design Museum. Pachube’s interactive wall is part of a series of physical and web based applications I created for the data web service Pachube. The interactive wall was a display of the features of Pachube. It was made by simple interaction models that were mediated by the platform in real time. In the gallery, users could interact with a set of sensors (gas, temperature, light) and trigger events in actuators embedded in the board. At the same time this interactions were overlayed by a mapped projection that displayed the data that is flowing through the platform. Video | Documentation http://www.jhwilbert.com/Colorslab http://www.jhwilbert.com/following/jhwilbert.com/Colorslab Mon, 02 May 2011 14:27:31 +0000 João Wilbert: Creative Technologist. Selected Works. 1343999 <img src="http://payload.cargocollective.com/1/3/105272/1343999/sea.jpg" border="0" width="670" height="1261" width_o="670" height_o="1261" src_o="http://payload.cargocollective.com/1/3/105272/1343999/sea_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1343999/superheroes.jpg" border="0" width="670" height="1261" width_o="670" height_o="1261" src_o="http://payload.cargocollective.com/1/3/105272/1343999/superheroes_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1343999/dance.jpg" border="0" width="670" height="1261" width_o="670" height_o="1261" src_o="http://payload.cargocollective.com/1/3/105272/1343999/dance_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/105272/1343999/collector.jpg" border="0" width="670" height="1261" width_o="670" height_o="1261" src_o="http://payload.cargocollective.com/1/3/105272/1343999/collector_o.jpg" align="left" /> COLORSLAB FABRICA, 2009 COLORSLAB is the home for COLORS MAGAZINE. The website is a laboratory of ideas where users can contribute with content to the magazine. Whenever a new issue begins, the theme is displayed online. Through the website, users can suggest and discuss topics, upload stories and photo sessions and participate on the creative and editorial process of the magazine. The best content is selected and then featured in the paper magazine. The end result is a Colors issue made online: brainstormed, suggested and edited by users all over the world. The model was introduced in its first collaborative issue #76 Teenagers that had most of its stories sourced via users. In its following issues #77 The Sea and #78 Dance and #78 Superheroes the website has been used to collect content. Through the website users can suggest and discuss topics, upload stories and photo sessions and participate on the creative and editorial process of the magazine. The end result is a Colors issue made online: brainstormed, suggested and edited by users all over the world. Created at FABRICA in 2009 in collaboration with Erik Ravelo, Barbara Soalheiro, Andy Cameron, Bejnamin Joffe Walt, Pau Casals, Paolo Eramo and the COLORS team. www.colorsmagazine.com