iPhone and iPod Touch Enhanced

We have just released some more iPhone and iPod Touch enhancements for ioBridge’s interface to your IO-204 Monitor and Control Modules. (I wanted to say ioPhone!) Give thanks to the community for making these requests.

  • Persistent Log In
    Even when you navigate away from Safari, you will stay signed in, so your ioBridge Dashboard will be easily accessible. Clear your cookies and sign in again to try out the new feature.
  • Add to Home Screen
    Add ioBridge to your home screen, so you can always have quick access to your dashboard. When you sign in, click “+” at the bottom of the iPhone/iPod Touch and touch, “Add to Home Screen”. Name it what you want and touch “Add”. We also created an iPhone friendly icon for your home screen.
  • Dashboard
    The ioBridge Dashboard is now quite larger and fills the screen when landscape oriented (without having to zoom in and out).

Let us know how this works out for everyone. We have tested and these enhancements make the dashboard very useful.

Execute Widgets with Change in Screen Orientation

The iPod Touch and iPhone have an accelerometer that adjusts the screen orientation (among other things). You can tap into the orientation and execute widgets depending on the orientation of the device by using a simple HTML file with some Javascript. Put an HTML file on a web server that you can get to on your iPod Touch or iPhone.

Part of the Apple Web Kit is the command “onorientationchange”. We will use that to detect the orientation change and call a script called “updateOrientation()”.

Add the following command to the BODY tag:

onorientationchange="updateOrientation();"

Place the following function in the HEAD of the document and call certain widgets at the specific orientation angles of 0°, -90°, and 90°. You can call any type of widget adjusting the position of a servo, controlling a digital output, or setting the state of an X10 widget.

function updateOrientation(){
switch(window.orientation){
case 0: widgetExecute("Upright Widget ID");
break;
case -90: widgetExecute("Right Widget ID");
break;
case 90: widgetExecute("Left Widget ID");
break;
}
}

Place the widgets referenced in the BODY of the document.

UPDATE:

The full iTurn web app is on the Wiki:

http://www.iobridge.net/wiki/projects/iturn