Introducing PiUi: Add a Simple Mobile Phone UI to Your RaspberryPi Project.
I’m excited to introduce you to a project I have been working on for a few weeks in my spare time: PiUi.
A lot of folks asked how to use my RPi Timelapse Controller without the LCD Plate - which is kindof expensive and not everyone is comfortable to solder one up themselves. The answer of course is that this is possible, but… without a UI you are limited to having the controller run on boot and it’s difficult to know everything’s working correctly and/or take control when you know better.
The same is true of many hardware projects and an HDMI monitor + keyboard is not a feasible method of interaction away from your desk - wouldn’t it be great if you could add a UI on a device you already have in your pocket to any Raspberry Pi project?
PiUi makes it easy to implement a rich mobile UI directly in python code and access it from your Android or iPhone. It’s powered by ratchet.js so there are lots of UI components available to create beautiful interfaces.
All you need in addition to a Raspberry Pi is a wifi adaptor (like this one from Adafruit). Your Pi will create a wifi access point to connect your phone to, then simply navigate to http://piui/ in a browser to access your app’s UI. There’s even an Android app to make connecting easy and show useful status info plus an iPhone webapp you can save to your homescreen.
Once the access point is set up (easy with pre-prepared sd card images), the full code required for a python helloworld example is:
Install
1
| |
HelloWorld
Result

PiUi is open source - fork it on github - and is just getting started, so please use it, let me know what you think and help improve it.
For detailed setup instructions, read on.
Here’s a little demo of the Timelapse project with a PiUi interface (source at github.com/dps/piui-timelapse)
Read on →




Here’s a quick and easy first project for new 


