Home > Room Engine > Room Engine iPhone Web App

Room Engine iPhone Web App

iPhone Web App component
By 26/10/10 [Last Edited by Joseph 10/01/11]
BOOKMARK
LOGIN
REGISTER
The iPhone Web App uses the excellent iWebKit. I am going to answer the following question before it is asked: 'Why isn't the RE iPhone Control a real iPhone App?'. The answer to that is simply cost and flexibility. I do not own a Intel Mac computer to install the SDK onto, and I do not have $100 to spend on joining the developer program. Whatsmore, I don't have the time to learn the SDK and Objective-C. It would be nice, but I don't really see the advantage of making a native app. One other reason is flexibility. With the Web App, any user can modify it to suit his/her needs in practically any way. With a native app, you are stuck with what I deliver you.

Requirements

The Web App runs on any web server supporting PHP, though it has only been tested with Abyss and Apache on Windows.

Class/Component Breakdowns



rcComms (classes/rcComms.php) - In here you can change the server IP and port number. This class contains all the methods required by the Web App to communicate with REServ over TCP/IP

rcPage (classes/rcPage.php) - Generic page construction methods

rcData (classes/rcData.php) - Temp data stash methods. Currently uses PHP sessions, though it could be modified to work with HTML5 local SQL database.

Installation

The WebApp comes pre-installed and configured with Abyss Web Server X1. All you need to do is simply run the iPhone WebApp Server & REServer from the Start Menu program group, and do the following:

Ensure that the iPhone Web App Server is running (you should see this in the system tray):



Go to Start, Run, type in cmd and press OK. Then in the command window, type ipconfig and hit enter.



Now you have the IP address of your computer in the internal LAN, you can browse to it from Mobile Safari on the iPhone. Go into Safari, and browse to http://yourIPhere:88, so in my case, that is http://192.168.1.41:88



The login page, will appear, click the + icon:

Custom AJAX

The only bit of AJAX I have written for this, is on the Switches page. When a slider changes state, an event is risen, and this state change is sent to the RE Server.