A Model-Driven Approach for Creating Storyboards of Web Based User Interfaces
Yawar Rasheed, Farooque Azam, Muhammad Waseem Anwar, Hanny Tufail · 2019
The primary essence of storyboarding, reducing complexity in uncertain environments and creating an early visualization of complex system, makes it one of innovative requirement elicitation techniques. Based on the initial sketchy requirements, an abstract level storyboard may be created depicting user interactions with distinct scenes and scenarios for web-based User Interfaces (UI). Multiple rounds of elicitations and storyboards creations will develop initial sketchy storyboard into a refined depiction of user needs. The advent of Model-Driven Software Engineering (MDSE) and Model-Driven Architecture (MDA), as against code centric approaches, presents an abstract view of software products in the shape of models as primary artifacts for automated design development and implementation. In this article, the concepts of Storyboarding and Metamodeling are merged to introduce a Storyboard Metamodel regarding Web-based UI. This leads to automatically develop an evolutionary prototype of a given system from initial requirements. The application of proposed meta-model is demonstrated through a web application case study. The results prove that the proposed meta-model is capable of generating both simple as well as complex storyboards that can be transformed to evolutionary prototype of a given system.