webSAF - front-end architecture and design

Abstract

webSAF is an easy-to-use, web-based tool for simulation-supported, two-sided wargaming. It consists of a server that communicates with a graphical user interface (GUI) in the browser using WebSocket. It currently has functionality for controlling indirect fire entities, maneuver entities and air defence entities. webSAF is designed to be independent of the simulation tools in use, and can be used to control entities in a federation of different simulation tools. The web-based user interface (UI) is written in TypeScript, a superset of JavaScript, and is based on a selection of web technologies, the most important being React, Redux and OpenLayers. This report describes the technologies, decisions that were made and experiences related to development of the GUI.

webSAF er et brukervennlig, web-basert verktøy for simuleringsstøttede, tosidige krigsspill. Det består av en server som kommuniserer med et grafisk brukergrensesnitt i nettleseren ved hjelp av WebSocket, og har foreløpig funksjonalitet for å kontrollere indirekte ild-entiteter, manøverentiteter og luftvernentiteter. webSAF er designet for å være uavhengig av hvilke simuleringsverktøy som benyttes, og kan brukes til å kontrollere entiteter i en føderasjon av ulike simuleringsverktøy. Det web-baserte brukergrensesnittet er skrevet i TypeScript, et supersett av JavaScript, og er basert på en rekke ulike webteknologier hvor de viktigste er React, Redux og OpenLayers. Denne rapporten beskriver teknologiene, beslutninger som er tatt underveis og erfaringene knyttet til utvikling av brukergrensesnittet.