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 - Static part

With the term "static part" we want to talk about the most significant code lines used to build structurally the interface web site. The picture in the first page is the final result obtained by mixing html and css files. In this short report we will just focus a little on the html code used to create each relevant part of the page and we will just make a list of the css files used to model the style of each tool, in order not to make the discussion too long.

• The first part we are going to focus on is the NAS pull-down menu. It has been built by using the following html code:

  where the part related to the code in the green box appears only in the first view (main view) when the customer has to choose for the first time the NAS; meanwhile, the part related to the code in the blue box appears when the user clicks on the chosen server and the song list appears. It is just a way to come back to the "home screen" for choosing another NAS. All the code shown above is referred to the " format.css " file.