This article outlines the user interface that we’ll create in the next few tutorials.

For our demo dispenser, our consumer user interface will look like this:

The user selects his/her beverage, then presses the pour button.

The service button takes the user to the administration screens. In a real dispenser, this button would be hidden, and an access code (password) would be required.

Our non-consumer user interface, also known as the administration screens, has a few buttons:

Of course, a real admin page would have many more options. It could also include different access levels, such as staff, manager, and technician.

We’ll only use three of these: the exit, brand mapping, and pump priming buttons.