Mobile web page for your Apex

[d0ughb0y]

I created a new webpage for Apex controllers designed for mobile devices. The program is all self contained in one htm file. I also created an index.htm page that will automatically detect the browser and if it is a mobile browser, will load the m-apex.htm file, otherwise, it will load the regular apex page.

Download the m-apex.zip file attached to this post. Unzip and upload the m-apex.htm and index.htm files to your apex www directory on your controller.

Feature summary:
Displays all your sensors (probes) values and chart of last 24 hours data.
Display and control all your outlets.
Send feed command.
Integrated webcam display.
Searchable outlet and data log display.
Modify your outlets and profiles.
Displays your apex info.

Screenshots.

Thanks to RussM for providing access to his apex to test this program.

 

[turbojones]

I was just about to write something like this for use in IOS7 since the app doesn't send commands.

I'll give it a go and let you know how it works for me.

Are you planning to package this for app store distribution?

 

[turbojones]

Ok, now that I noticed this is hosted on the controller please disregard my last app store packaging comment :uhoh3:

 

[turbojones]

I've got it up and running. Some challenges with IOS7 though. Looks like Safari's user agent isn't matching or something since I'm getting the default UI.

Opening in Chrome on IOS7 does work but creates a problem with the javascript trying to access data before credentials can be entered.

IOS6 is working just fine on my iPad.

EDIT: Found a workaround for now on IO7 Safari. Just bypassed the agent check and addressed the m-apex.htm directly (e.g. 192.168.1.5/m-apex.htm). However, I still run into times when the javascript is updating the sensor data before I can login.

Thanks for the great work!

 

[whodah]

Wow, that is pretty slick. Thx d0ughb0y!

 

[Breadman03]

My Apex is still sitting in the box it came in earlier today, so I'll probably be trying this out soon.

 

[cyphoma]

Download the m-apex.zip file attached to this post. Unzip and upload the m-apex.htm and index.htm files to your apex www directory on your controller.

I just updated to newest firmware and want to try your mobile HTML file out. Can you tell me how to access the www folder on my apex? I don't want to mess anything up, it's all working fine right now!

 

[aquamanic]

I don't want to mess anything up, it's all working fine right now!

Then don't do it!

 

[d0ughb0y]

I just updated to newest firmware and want to try your mobile HTML file out. Can you tell me how to access the www folder on my apex? I don't want to mess anything up, it's all working fine right now!

This is the instruction I got from RussM

To upload a file, just add it into the www folder of the extracted firmware update utility and then update the web pages using the firmware utility"¦ all files in that folder are uploaded. To remove a file, use telnet and delete the file by name (the command is "˜del')

backup the index.htm before replacing it.[FONT=&quot]





[/FONT]

 

[eyesolator]

What a great idea, way better than the (gray) Neptune app! A web page makes more sense than a phone widget, I always had a fear of pocket connecting to my Apex via the widget and turning something on or off that I didn't want on or off. Maybe it's just me but it seems a litter safer.
Thanks for taking the time to put it together.

John

FYI Galaxy 3 with Chrome.

 

[rockdoc2010]

i got failure to connect.. but I am in my house using local wifi on my device(Iphone)

comments..??

 

[d0ughb0y]

you got the initial page displayed then got failure to connect?
or did you not get the initial page at all?
are you able to bring up the regular apex page?
if you can bring up the regular apex page, there there is no reason for the mobile page to not work (assuming it got loaded to apex), as they use exactly the same server commands.

 

[d0ughb0y]

I have uploaded a new version to github.

Please go to my github page
https://github.com/d0ughb0y/m-apex

Thanks.

 

[whodah]

Nice! Is there a changelog up there on github I'm missing by chance?

 

[d0ughb0y]

I updated the program to support Foscam server push video (use this if you have unlimited data plan on your mobile device).
I can add pan tilt buttons if there are interests.

download from github
https://github.com/d0ughb0y/m-apex

 

[eyesolator]

Hi Jerry, Knowing the state of switches (Open or Closed) would be nice too.

Thanks,
John

 

[d0ughb0y]

Aren't switches just outlets?

 

[d0ughb0y]

ok, I see they are not outlets. I can add an Inputs section.
does apex log the change of state for inputs?

 

[eyesolator]

Hi Jerry,
No they show up separately on the main Apex page.
This is from the Dash script file where I changed the font color for my Apex pages.

function genInputHTML(b) {
var a;
if (b.v == 0) {
Status = "Open" .fontcolor("#009900") /* open color for switches*/
} else {
Status = "Closed" .fontcolor("#ff0000") /* closed color for switches*/
}
It's located around line 600 if beautified. Maybe something in there will help you locate the other code for the switches. I'm pretty hit or miss when if comes to JScript and figured I would miss if I attempted to figure out where it's at.......

John

 

[eyesolator]

ok, I see they are not outlets. I can add an Inputs section.
does apex log the change of state for inputs?

Doesn't look like it, Russ would probably know.