TPU SOUND PROJECT

1. Introduction
2. HW requirements
3. SW requirements
4. UPnP services used
5. The UPnP control point
6. The UPnP media renderer (smart speaker)
7. The user interface

TPU-Sound Project

The user interface

For this part, as we have already written, we use HTML language in order to create the website, used as an interface, to communicate with the loudspeaker passing through the control point unit. This chapter is divided into two main parts:

• In the first part we describe the interface from the static point of view, focusing on the most important structural parts of the website;
• The second part is concentrated on the dynamic features of the interface that are represented by all the interactive components (like buttons, time bar, table list and so on);

In the following picture is represented the whole interface and, as we can see, it is very simple in order to be as much user friendly as possible:

Now we start by separating and describing the whole interface, showing also the HTML code used to obtain each single piece.