Dynamic web-based dashboard

Ferrari, Alan and Galli, Vanni (2017) Dynamic web-based dashboard. Bachelor thesis, Scuola Universitaria professionale della Svizzera italiana (SUPSI).

[img] Slideshow
POSTER_LOHJA.pptx

Download (148kB)

Abstract

Italiano. Con la digitalizzazione delle informazioni in tutte le aziende c’è sempre più spesso la necessità di analizzare dati e poter ricavare delle informazioni da questi dati. Andare ad analizzarli in formato testuale o in altri formati tecnici come il JSON, CSV o XML è molto faticoso e a volte impossibile arrivare a delle conclusioni data la mole di dati. Per questo motivo sempre più spesso ci si abbatte nella necessità di avere un modo diverso per vedere questi dati. Per la visualizzazione in modo più leggibile ci si rivolge sempre a dashboard che contengono dei grafici. I grafici hanno il vantaggio di essere molto intuitivi e danno la possibilità di tirare fuori conclusioni da una mole di dati con una semplice occhiata. Data questa necessità i programmatori si trovano spesso con il problema di dover inserire nelle proprie applicazioni web dei grafici. Si va quindi alla ricerca di librerie da utilizzare e spesso ci si imbatte in difficoltà e molto lavoro da fare per inserire anche un semplice grafico. Questo progetto si propone come soluzione a questo problema ed alla semplificazione del lavoro del programmatore nell’inserimento di un grafico nella propria applicazione web. È stata creata una libreria che semplifica la creazione di grafici offrendo la possibilità di inserire una sola riga di HTML dentro la propria applicazione web per inserire un grafico. Inoltre la libreria da la possibilità di specificare semplicemente la sorgente dei dati che si vogliono caricare nel grafico, così che i dati possono essere ospitati anche in un altro sistema e questi vengono caricati tramite richiesta AJAX nel grafico o nei filtri desiderati. Inoltre è stato implementato un sistema di filtri che si possono usare per fare un parsing dei dati prima di passarli al grafico. Questi filtri possono essere aggiunti in futuro da chi utilizzerà la libreria per poter soddisfare le esigenze del caso, andando a manipolare i dati di ingresso per poterli trasformare e creare il grafico che si vuole. Inglese. Nowadays, the majority of information is stored in a digitalized form. This process offers the possibility to have deep and automatic analysis on top of those data. Analyze them in textual or other formats such as JSON, CSV or XML isn’t an easy task, for this reasons the right set of tools is required. Dashboards are used to browse such large amount of data in a more readable manner, they dynamically generate a set of Charts which represents those data. Those charts have the advantage of being very intuitive and giving you the ability to easily draw conclusions. Given this need, programmers are often faced with the problem to put in their applications a set of charts, this job usually requires a deep understanding of the used library and a long part of coding. This project offers a solution to this problem and simplifies the work of the programmer to insert a graph into her application. A library has been created that simplifies the creation of graphics, allowing the developers to enter a single line of HTML into their application to insert a chart. The library allows specifying the source of data that you want to load into the graph so that the data can be hosted in another system and loaded through the AJAX request in the chart. A set of filters have been created in order to transform the source in the right format for been viewed. An extendible architecture has been provided such that new filters and new graphs can be added in the future by who will use the library to meet their needs.

Item Type: Thesis (Bachelor)
Subjects: Informatica
Divisions: Dipartimento tecnologie innovative > Ingegneria informatica
URI: http://tesi.supsi.ch/id/eprint/1740

Actions (login required)

View Item View Item