I have a web GUI for several devices on my LAN but jumping between windows/tabs because one function was here thats not there and whatnot gets old so I put together initally what I called the stupid simple web interface for my PDA. My PDA is a Dell x51v which has a native VGA screen (640x480) but I wanted to get it smaller but still usable without a stylus and reasonably scalable. In both cases I wanted no device, OS, browser or otherwise IMHO BS limitations. Just plain gif/jpg and html, I did use php for backend server side scripting and on the CCTV stills are clickable taking you to a CIF resolution image with a meta refresh. Again basic stuff works with basically anything that has a web browser. However this no client side scripting and no flash attitude will make you end up with something like what you see, not as flashy or functional but it does actually function on just about anything.
Since I am by no means an html guru I will take any pointers as to how this can be improved.
I do not allow external access to this so it in itself has only htaccess security for now.
I will use my Kids bedroom pages as an example:
This is the 250px wide version for celphones and PDAs.
This is the 800px wide version for PCs and whatnot with a bigger screen, I am considering reworking it to 640px as that would still work on my PDA but require the stylus.
I use the xampp package for my web services which has apache, php and mySQL. Someday I will get into the MySQL side but not yet. (Thanks to Electron! for pointing that out to me, it's a nice package for stuffs like this.)
One of the things I like the most is I used basically a template and call things from variables in php before outputting the plain html. Currently the devices are holding me back a little as each room has room specific devices. Once I put the devices and strings into MySQL I can use a table to show devices and cut this down to just 3 php scripts. I also made a generic group of macros in EventGhost to handle this as some are wget http requests and some are IR transmissions some are ASCII outputs. I can then just do a replace on the _name_ and all macros will update in EventGhost (damn I love it's xml backend!) Then the generic scripts have 2 variables $clientname and $referer, this is because the php script going into EventGhost bounces you to wherever you like if you pass it to the script.
So if you rolled your own might show it off and let us know what your goals were, how you executed it and what the results look like.
(Obviously this is not for developers of device specific web GUIs.)
[Flameresistentsuit]
Since I am by no means an html guru I will take any pointers as to how this can be improved.
I do not allow external access to this so it in itself has only htaccess security for now.
I will use my Kids bedroom pages as an example:
This is the 250px wide version for celphones and PDAs.
This is the 800px wide version for PCs and whatnot with a bigger screen, I am considering reworking it to 640px as that would still work on my PDA but require the stylus.
I use the xampp package for my web services which has apache, php and mySQL. Someday I will get into the MySQL side but not yet. (Thanks to Electron! for pointing that out to me, it's a nice package for stuffs like this.)
One of the things I like the most is I used basically a template and call things from variables in php before outputting the plain html. Currently the devices are holding me back a little as each room has room specific devices. Once I put the devices and strings into MySQL I can use a table to show devices and cut this down to just 3 php scripts. I also made a generic group of macros in EventGhost to handle this as some are wget http requests and some are IR transmissions some are ASCII outputs. I can then just do a replace on the _name_ and all macros will update in EventGhost (damn I love it's xml backend!) Then the generic scripts have 2 variables $clientname and $referer, this is because the php script going into EventGhost bounces you to wherever you like if you pass it to the script.
So if you rolled your own might show it off and let us know what your goals were, how you executed it and what the results look like.
(Obviously this is not for developers of device specific web GUIs.)
[Flameresistentsuit]
