Raspberry-PI Function Block Diagrams

In order to learn something new I like to get my hands dirty with new technology rather then buy expensive book and do things step by step. I don't have as much time as I used to. So looking at new framework I'm trying to find out if I can to stuff easier. As you can see by my last posts I was working on a PLC device that can be programmed without computer using only buttons. That came out to be very interesting device to make and I'm still working on it because it's so much fun. A new idea came to my mind to make a PLC that unfortunately will need PC but will provide programming software on its own. It will be a raspberry PI which will host a webpage that you can connect to using ethernet/WIFI then draw functional block desing using front-end application and deploy code that will immediately run. I'm trying to find best (easiest) technologies for this purpose. As of now I'm testing if they will work together. Wish me luck :P

New keyboard/display panel design

On the left you can see my new idea on how to make keyboard/display panel for device like that. I wasn't happy with cutting holes in plastic by my self. It always looked crooked and not profesional. There was a problem with buttons as well. TACT switches with long buttons where unstable (they where slightly moving in all directions when you applied force). So I came up with a design where top panel is really just a PCB board with holes made on CNC. That way I'm sure that everything is even and on the right place. Small TACT switches mounted on top are very steady. I wanna try different solder mask color but green looks nice. Design of this device is almost complete. There are only few issus I have to address.