Fly By Wire allows users to connect and interact in real time. However, instead of being tied to the main viewport users can attach a secondary device to control their interactions.
To see a functional demo of Fly By Wire please go to flite-labs.no.de with a modern browser (we tested with the latest stable versions of Safari and Chrome) and have handy any iPhone or iPad running iOS 4.2+ or another mobile device with a browser that supports JavaScript device rotation events (Definitely works with iPhone 4). In the case that such a device is not handy, a laptop with an accelerometer (MacBook Pro) or another HTML5 capable device will work but you will have to open the connection link in a new window and use manual sliders.
Scan the QR code with your device and go to the associated URL. If you do not have a QR scanner you can optionally text your phone using the Twillio integration or go to the link provided (if on the same device, please open in a different tab)
Once your mobile device is connected, the QR code will disappear and you will see a shared screen. Move your phone around (or use the sliders) to control your circle (same color as the header).
An unfortunate bug manifested itself literally minutes before the hackathon ended. It results in the server restarting frequently. If you lose your connection or see an error, this is why.
Note: locking your device-orientation is recommended.
Second Note: It makes a lot more sense when you have a friend connect at the same time.
We are using express, jasmine, socket.io, node uuid, twillio, google charts api, easeljs, jade, underscore, backbone, coffeescript, jquery, modernizer, and HTML5 boilerplate.
Voting is now closed.
chrismatthieu
andrewfchenVery cool. This was very innovative and unique. The next step is to make it into something useful or fun. The functionality is a very cool technology waiting for a problem to solve. Therefore it’s incomplete. And without a true application it’s hard to truly judge utility/fun or design since those serve purpose. In all though, I give full rating for innovation, very cool technology. | |||
elizabethchaCool idea that could go in many directions! I saw this at the demo session post NKO and liked the concept, but had trouble duplicating the experience myself. I used Chrome, scanned QR code with my Android phone and got to screen with “alpha” “beta” and “gamma” but was unable to make the orange circle on my laptop move :( I’m giving you credit for the demo I saw though! | |||
therazorbladeDidn’t work for me. Opened it on my iPhone 4 but all I got were three input boxes and changing the numbers inside didn’t do anything on my desktop. Happy to try again if you have any suggestions on how to make it work. | |||
All those libraries to show what socket.io does? It might help with the real judges if you update your explanation to explain the significance of why this is new and exciting. | |||
Thanks for the feedback. We originally wanted to build an application on top of the work we did but we ran out of time. How this is different is that instead of just connecting users via sockets, it allows for a user to be connected with multiple devices on the same channel, in this demo a screen and a mobile controller. Our system coordinates all the information and handshaking needed.
Didn’t work on my iPhone 3GS/4.3. Scanned the QR code, got a form with 3 text fields and nothing happened. Just a single circle on my laptop screen and nothing moved. | |||
We originally thought it had more to do with the OS version than hardware version, but apparently mobile Safari’s support for rotation events and HTML5 sliders are best on iPhone 4. It is a bummer it didn’t work for you. You can always open the QR link in another tab (or window) and use the sliders there. Thanks.
jerrysievertthis is very cool. i can see quite a lot of potential for this. open source please? | |||
This is a really nice proof of concept. The steps to scan, connect, join are done very well. Not sure if i missed something other than a circle moving, but it’s pretty cool regardless! | |||
i can see how this would be a framework for all kinds of possible applications!