Leveraging Visual Programming for Building Web Calculators

Abstract

I en tid med en økende overgang til mobil databehandling hadde Skogkurs som mål å flytte et tidligere Excel-basert kostnadsestimeringsverktøy til nettet i et format som kunne brukes på mobile enheter så vel som stasjonære enheter. Denne oppgaven utforsker Progressive Web Apps, strukturering av webinnhold gjennom JSON, og bruk av nodebasert visuell programmering for redigering av webinnhold, og også hvor brukervennlig en slik løsning er for ikke-programmerere i håndtering av nevnte innhold. Prosjektet har blitt gjennomført i nært samarbeid med Skogkurs og deres partnere på deres lokaler i Brumunddal med ukentlige møter. Selv om visuell programmering gir en intuitiv visualisering av flyten fra input til output i en beregning, viser vår erfaring fra prosjektet at det ikke egner seg for å bygge opp store matematiske formler, selv om bruk av undergrafer hjelper med å redusere visuell overbelastning.

In an age seeing an increasing shift towards mobile computing, Skogkurs had a goal of moving a previously Excel based cost estimation tool to the web in a format usable on mobile devices as well as stationary devices. This thesis explores Progressive Web Apps, structuring of web content through JSON, and the use of node based visual programming for the purpose of editing web content, and in particular how useful it is for non-programmers in managing said content. The project has been carried out in close cooperation with Skogkurs and their partners on their premises in Brumunddal through weekly meetings. While visual programming provides intuitive visualization of flow from input to output in a calculation, our experience shows it does not lend itself to building up large mathematical formulas, though providing sub-graphs does help in reducing visual clutter in such cases.