Assessing Vue as a tool forcreating prototypes ofsystems for expert users

Sammanfattning: Prototyping is one of the most essential steps when it comes to developing a new system. This step in the creation process allows the developer to try their ideas on the future users in an effort to learn what should be kept and what may need to change. Depending on what the developer wants to get evaluated, a certain level of resemblance of the intended system or fidelity is required. Prototypes may be used to evaluate different aspects of the system, i.e.layout, colors, workflow etc. Once the developers have decided what they want to test with the prototype and on who, they must decide upon which tool to use. This thesis looks at the requirements of a prototyping tool when creating prototypes for a system for expert users. Further more, the thesis also looks at how the JavaScript framework Vue relates to these requirements and what may need to change for Vue to fulfill these requirements. The work done to answer this was divided into two parts, firstly iterative development for a prototype of the SAPVAL[26] system designed for Akademiskasjukhuset in Uppsala. Secondly, an analysis based on the findings gathered throughout the iterative work on the prototype. It was found that prototyping tools used to create prototypes aimed at expert users should allowthe developer to create an accurate representation of the intended end product. The tool should also be easy to use and allow for state and data handling. Similarly to the ease-of-use of the tool, updating and changing the interface should be made easy and possible, since prototype may need multiple iterations before deciding upon a final product. Lastly, the data needed forthe system must be able to be presented in whichever way is deemed fit for the given prototype. Data presentation could, for example, be in the form of a chart or plain text.While Vue meets all of the aforementioned requirements, it is important to note that the framework does lack when it comes to the possible ways of presenting data. This results in the developer needing to use external JavaScript libraries in order to produce the desired product.In order to circumvent this, it would be beneficial for Vue to add a standardized way for dataloading and simple ways to present this data.