3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

Public Window with HTML5

Public Window with HTML5
Before we start to explain how to setup your own Public Window, we want to give a short introduction on how this project started and who we are.

Public Window
The objective of the Public Window is to promote interactive art in public spaces. Artists get the opportunity to develop interactive work for the audience on the street and the internet user at a distance. The shop windows have been transferred into software windows. The viewer can control the works through the use of touch-screens fitted to the window. The occasional passer-by can change form, movement and / or lighting of the works.
Public Window 001 and Public Window 002, both in Leiden, are the first in a series. Amsterdam, Delft, The Hague, Brussels, Basle, Dublin, Sydney and many other cities will follow. Artists will be able to reach new audiences throughout the world through this new social medium. Cameras will take the art beyond it’s local setting and the whole world will become it’s platform for communication.
Quoted from http://www.publicwinow.net

Simply said, a public window is a collaboration of interactive art, software and hardware in a window which allows artists to display their creations and have people from all around the world to interact with it. At the end we want to see Public Windows all across the world to make one big social platform for audiences and artists.


(Public Window before we started with this Intstructable)

How this project started
This project (the making of an instructable for making a Public Window) is an initiative from the University Leiden of applied Science. We intend to motivate people to make Public Windows themselves so that, eventually, Public Windows exist all around the world. And what better way to do this than by providing a step-by-step guide to help others set-up their own public window.


Who we are
We are Swing Concepting, a group of students of the Bachelor of Information, Communication & Technology from the University Leiden of applied Science. This project is in line with our Major: Media Technology. Besides making this step-by-step guide, we analysed the techniques that were used in the first version of Public Window and came with a new version where a number of bugs were fixed, and where HTML5 was implemented!. More about this further on in the guide. Let’s start!

Note
We are from a Dutch school of computer science. Most of the screen-shots taken during the installation show Dutch language. Please don't worry as the guide is written in English. You will not have any problems going through the steps.


 
Remove these adsRemove these ads by Signing Up
 

Step 1Required Skills and Hardware

Required Skills and Hardware
What you need to know
Before you start with this guide you need to know that you are expected to have knowledge of:
• Basic HTML & CSS knowledge (for editing your own Public Window website)
• Basic HTML5 knowledge or interest in learning about it
• Basic Programming Knowledge (Arduino)
Overall you really don’t need to know that much. If you feel that you do not “qualify” you can always try to set up a public window by using the example code.

What you need
In this instructable we are only going to explain how to setup the Public Window itself. But we do not mention the part about the interactive art. So if you want to have a guide regarding the programming of a LED-cube, like in our example, or any other Arduino interactive art pieces than we will need to redirect you to other instructables.
For setting up the Public Window (PW) you will need to following items:

• A window
• A computer (Windows/Mac)
• An internet connection
• An account on PublicWindow.net
• The Public Window software, downloadable at:
                   http://swing.nderuijter.nl/wp-content/uploads/2011/07/PublicWindow_Install_Files.zip
• An Arduino dev board
• Sensors for controlling the Arduino (your choice)
• Idea for interactive art to place in the PW and to control with the Arduino

All software we used is Open Source, the only items that come with a cost are the Arduino and the equipment/items that are required for making your own interactive art, the choice is yours.
Let’s move on to setting up the first part the Computer
« Previous StepDownload PDFView All StepsNext Step »
1 comment
Jul 14, 2011. 2:14 AModvratno.zgodan says:
Wow! This is a great and thorugh instructable. I love to see things that people can interact and have videostreaming. Here is my instructable on the same subject http://www.instructables.com/id/Arduino-Candygrabber/ unfortunatly I had to take offline my example becouse the Red5 hosting became too expensive.

Great work!

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
0
Followers
1
Author:PublicWindowHSL