Development of a user interface to display data and control an active neghborhood

Diplomski rad opisuje implementaciju funkcionalnih zahtjeva kroz izradu korisničkog sučelja web aplikacije Animation. Izrađeni zasloni su tržište, uređaji i kućanstva. Cilj je bio omogućiti korisniku jednostavniji i jasniji prikaz stvarnih i predviđenih cijena određenog tržišta na odabrane datume, uvid u stvarnu i predviđenu potrošnju električne energije pojedinog kućanstva i njemu pripadajućih uređaja, ali i omogućiti prikaz fleksibilnosti za svaki uređaj ukoliko uređaj ima sposobnost prilagodbe. Sve vrijednosti su prikazani pomoću biblioteke Highcharts koja omogućuje detaljan i pregledan prikaz podataka na jasno stiliziranim grafovima. Grafovi iscrtavaju krivulje s koordinatama koje čine dohvaćene vrijednosti iz baze podataka i vrijeme u kojima su te vrijednosti bile aktualne.This work describes the implementation of functional requirements through the Animation web application user interface. The created screens represent the market, the devices and the household. The main goal was to provide the user with a simpler and clearer display of real and predicted market prices for a selected date, insight into the actual and predicted consumption of electrical energy by each household and its corresponding devices, but also to enable the display of flexibility for each device if the device has the ability to adapt. All values are displayed using the Highcharts library, which allows for a detailed and comprehensive display of data on clearly stylized graphs. The graphs draw curves with coordinates that consist of fetched values from database and time at which those values were current