Applied example about lcars

[joernweissenborn]

WTF, you created this with this CSS?

I mean I hoped that people will do cool stuff, but this is really cool beyond I expected.

I am glad to be part of your amazing work.

What wonders me is the question if the LCARS style, besides looking cool, can really have an advantage in terms of user experienxe.

I think about things like a huge touch screen with the state of your smart home. My longtime goal with this would be to enable nice panels for light switches as well as kind of 'state maps', like the stylized Enterprise, but your sketch of your smart home.

Lot of talk, short story: keep the ideas of what one can do with it coming in!

(I will leave this open for a while for people to discuss what kind of cool stuff we can do with it :) )

Update: Fixed my english :D

Thank you my friend. For the LCARS advantage, well, I find it advantageous already. It's consistent, attractive and distraction-free. Also, with so many buttons available one display can serve almost any purpose. I don't know what I will do with all these in my example :)

For purposes that don't require detailed manual data entry - LCARS is easily the perfect choice. All IOT devices can be interfaced with beautifully this way. People in my city are working on a "smart city" project to monitor all kinds of properties via devices to present data about air quality, weather, traffic and litter. This would be ideal and if they make a public API or feed I hope to use it.

I would like to go through episodes of TNG + VOY to get more examples to make good CSS templates with using your library. The tricky part is how responsive design should behave. My application is on a server. I put the most essential part of the application in an area that works on smaller displays. Bigger displays get extra features or buttons to even change the display to something else. Maybe a mobile phone / tablet could connect to get served the additional UI.

Small Display

Larger Display

[jrwarwick]

@tenleftfingers Amazing work. Would you consider extracting the "Small Display" into a basic html template page and submitting as separate, additional file in a Pull Request? Per Joern's guidance in other issues (e.g., #25 ) external resource files such as libraries and fonts would need to be removed or perhaps commented out.

@jrwarwick it would be late Jan before I could get time to separate out the HTM, PHP, and JS, but I'm happy to do it. Or I can send it to you sooner of you'd like to.

[jrwarwick]

@tenleftfingers I found your LCARS-props repository and dug into it. I ended up trying to go at it from scratch to really make it simple and basic (https://github.com/jrwarwick/lcars/tree/feature/template2). I still have a few problems I'm trying to iron out.

Maybe later we can compare, possibly have both to show basic vs. advanced technique.