10.04.2014 Views

WebCenter User Experience and Interaction From iPads to Xbox

WebCenter User Experience and Interaction From iPads to Xbox

WebCenter User Experience and Interaction From iPads to Xbox

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

How does this Work<br />

There are currently no browser APIs available for the Kinect; however, there are two ways I have managed <strong>to</strong><br />

integrate the Kinect with the browser.<br />

1. WebSocket Push<br />

1. Plug the Kinect in<strong>to</strong> your PC or Mac.<br />

2. Install the Kinect drivers OpenNI <strong>and</strong> NITE<br />

3. <strong>From</strong> device manager you will see you Kinect is now recognized.<br />

4. Setup a WebSocket server (I use nodeJS)<br />

(If you prefer, you can setup nodeJS <strong>to</strong> run directly on the clients machine within a FireFox XUL Extension -<br />

a tu<strong>to</strong>rial can be found here so an external server is not required.)<br />

http://rawkes.com/blog/2011/12/05/running-node.js-from-within-a-firefox-xul-extension<br />

a.) WebSocket Server plugin for WebLogic is soon <strong>to</strong> be released.<br />

5. I wrote a small C++ app that passes the information from the Kinect <strong>to</strong> the socket server.<br />

6. On the webpage I use the socket.io.client JS Lib that opens a connection <strong>to</strong> the WebSocket server.<br />

7. I pass an array X,Y,Z co-ordinates from my C++ app connected <strong>to</strong> the Kinect through the WebSocket<br />

gateway that transfers the information <strong>to</strong> the browser in realtime allowing me <strong>to</strong> create my own gestures<br />

<strong>and</strong> integrations with HTML5 elements like canvas.<br />

2. DepthJS<br />

DepthJS in action interacting with The New York Times Website<br />

Students at the Massachusetts Institute of Technology have gone further, inventing DepthJS, a browser extension<br />

(currently Chrome & Safari) that allows the Microsoft Kinect <strong>to</strong> talk <strong>to</strong> any web page. It provides the low-level raw<br />

access <strong>to</strong> the Kinect as well as high-level h<strong>and</strong> gesture events <strong>to</strong> simplify development. These allow the Kinect <strong>to</strong><br />

recognise h<strong>and</strong> <strong>and</strong> finger motions, allowing users <strong>to</strong> surf the internet <strong>and</strong> ''h<strong>and</strong>le'' computer files. And, unlike Tom<br />

Cruise's character in Minority Report, no gloves are required.<br />

© 2012. Fishbowl Solutions, Inc.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!