Beam dashboard

JavaScript, Vue.JS, TypeScript, Git

In deze scriptie wordt onderzocht op welke wijze een dashboard kan worden geïntegreerd in de voorraadbeheerapplicatie van Beam Tracking waardoor beter inzicht in het voorraadbeheer wordt gecreëerd. In de Beam-app is het voor de klanten niet mogelijk om inzichten te verkrijgen in gegevens zoals de celbezetting, het aantal open plaatsen en de gegevens over tijd. Hierdoor is het plannen van welke partij in welke koelcellen moeten worden geplaatst een ingewikkelde operatie. Tijdens het onderzoek is kwalitatief onderzoek gedaan op basis van interviews, het verzamelen van secundaire gegevens, persoonlijke correspondentie, observaties en product reviews. De klanten blijken inzichten te willen in celcapaciteit, celbezetting, openstaande taken en orders en het efficiënt lopen van orders. Daarnaast willen zij weten welke verplaatsingen er zijn gedaan en wat het verloop van partijen zijn geweest. Doordat de Beam-app is geïmplementeerd binnen het Vue.js framework blijkt dat het dashboard het beste hierin kan worden geïmplementeerd. Dit in combinatie met Quasar, ApexCharts en Vue-Grid-Layout. Om de inzichten in gegevens te visualiseren wordt gebruik gemaakt van widgets waarin diagrammen worden getoond. Om het dashboard simplistisch te houden dienen de widgets te bestaan uit staafgrafieken, lijngrafieken, taartdiagrammen en tabellen. Uit het onderzoek is gebleken dat inzichten in orders, taken, partijen, celbezetting voor de klanten het meest relevant zijn. Rekening houdend met alle typen klanten en hun wensen is het belangrijk om het dashboard te kunnen configureren. Hierbij wordt gebruik gemaakt van een grid waarin widgets kunnen worden verschoven en een formulier om widgets toe te voegen. Widgets dienen opgeslagen te worden in de configuratie van het bedrijf. Na het ophalen van de gegevens van het bedrijf kunnen per widget de gegevens lokaal worden gefilterd. Hierna worden deze gegevens getransformeerd tot het benodigde dataformat voor de widget. Met de getransformeerde gegevens kan de widget gegenereerd worden. Het is aan te bevelen om het dashboard uit te breiden met inzichten omtrent orders en taken. Een vervolgonderzoek kan zich richten op het efficiënter opslaan van de gegevens en het optimaliseren van het dashboard.

Thumbnail image
dashboarddashboarddashboarddashboard