The User Interface (UI) of an application is often one of the core factors determining its success. The model-based UI development aims to provide an environment where developers can design and implement UIs more easily than when using traditional UI development tools. To achieve this aim, many model-based UI design approaches have been proposed. Despite the several advantages of model-based UIs, there are still a lot of cases, where developers have to manually create forms, which can be time-consuming and error-prone. Therefore, we propose a concept of developing model-based forms where the user can describe them with a Form Model, which allows creating web forms in a more efficient manner. Namely, the Form Model enables creating multiple forms for a single data model and adapting changes in the Form Model with minimum effort. The main goal of this Master thesis is to design a generic Form Model that provides a unified and a holistic description of model-based forms, which defines additional aspects of the UI such as: structure, information, behavior and style. There are several challenges in the creation of Form Models that we address in this Master Thesis, e.g. configuring support for server communication, in-line validation, internationalization, data validation, visualization of validation messages and multi-valued attributes. In addition to that, we implement a Renderer in order to generate web forms based on the proposed Form Model and a given Data Model. The evaluation of our proposal has been made on a next generation CMS system SocioCortex, which we have extended with our proposed model using JSON, JSON-Schema, and AngularJS.
Research questions
| Name | Type | Size | Last Modification | Last Editor |
|---|---|---|---|---|
| Final presentation - Gjorgievska Sirma.pdf | 3,85 MB | 13.02.2017 | ||
| Kick-off presentation - Gjorgievska Sirma.pdf | 1,15 MB | 12.12.2016 | ||
| MSc - Gjorgievska Sirma.pdf | 7,96 MB | 13.02.2017 |