Main > Software Forum
HTML5 FrontEnd
arximidis:
As you may know I 've been working on a custom arcade machine (http://forum.arcadecontrols.com/index.php/topic,114816.0.html) and I am creating my own controller/interface and FrontEnd
FrontEnd
My first attempt was something like this
There result was a... "crap"
It's difficult to customize and the code is a total mess and buggy
Too much work for nothing
An then I had my "eureka" moment
Create a html5 FrontEnd. Customization on the maximum and with the power of jquery you can do wonders
Now, if you are wondering how this would possibly work... the answer is quite simple. Don't think your browser. The html - javascript code runs within an app
This app is a simple exe program, that loads on windows boot and works like a browser (internet explorer to be exact)
The app also gives you functions to load the emulators, reboot the computer etc (that normal javascript can't do)
The trick is something like this:
You write the code as you normally would do to run inside the browser, but if you want to acces the extra functions you write for example
<a id="CloseFrontEnd" href="FrontEnd::Close"></a>
The highlighted code is all the trick behind this app. This will close the frontEnd (like closing a normal windows app)
Another function e.g. FrontEnd::Reboot will reboot the pc and so on
I have already wrote a first version of this and for now (my theme) look like this
P.S. I don't know if a html5 frontEnd is an original thought, so I will avoid calling it the first html5 frontEnd for arcade machines :)
arximidis:
It wokrs
Minor things are missing now and I will be ready to upload it
Remember It's HTML -> and that means you get the code too... You can customize it or completely change it.
A FrontEnd made with html - javascript and css
Some pictiures:
Fursphere:
I would be concerned with:
1) Browser compatibility
2) Future support as browers get updated
keilmillerjr:
--- Quote from: Fursphere on August 07, 2013, 05:15:28 pm ---I would be concerned with:
1) Browser compatibility
2) Future support as browers get updated
--- End quote ---
Don't use internet exploder. Use a w3c compliant browser. Problem solved. You could make your own browser for this purpose using the open source webkit. On a mac, I have seen videos where you can implement a webview using Xcode in minutes. Not sure about windows or linux.
Fursphere:
--- Quote from: keilmillerjr on August 07, 2013, 10:39:13 pm ---
--- Quote from: Fursphere on August 07, 2013, 05:15:28 pm ---I would be concerned with:
1) Browser compatibility
2) Future support as browers get updated
--- End quote ---
Don't use internet exploder. Use a w3c compliant browser. Problem solved. You could make your own browser for this purpose using the open source webkit. On a mac, I have seen videos where you can implement a webview using Xcode in minutes. Not sure about windows or linux.
--- End quote ---
I work in the web world (security mostly).
I was testing some code today and got slightly different results in IE8, IE9, IE10, Safari, Chrome, Firefox, and iOS Safari. They all did something a little different.
So while "Don't use Internet Exploder" sounds cute and all, the reality is that they all do things a little different.