Design and development of an online HTML5 based multiuser wireframing tool

OData support
Balássy György Miklós
Department of Automation and Applied Informatics

Designing user interfaces is a complex workflow. Developers often make the mistake of starting the implementation right after measuring the claims of customers, without perfectly specifying the tasks. Leaving out the design workflow may lead to serious problems, greatly increasing the cost of the project, thus the turnaround time.

Nowadays, supporting the beginning phases of developing by wireframe models becomes more and more widespread. By these - so called mockup plans – cooperation between members of the project and deep specification can be effectively assisted. Wireframe is a visual guide that represents the skeletal framework of an application, focusing on functions and services. Developers usually create this guide before the implementation. Wireframing and making the functional specification should be done simultaneously.

At the beginning developers used to create wireframes manually, but these days wireframe softwares are gaining more and more space. Many alternatives are represented in the market nowadays, out of all these applications it is very hard to come by one, which satisfies all our needs.

In addition to the basic functions of the software I developed, it allows effective user interaction on a platform-independent, ergonomic user interface. Its toolkit mainly supports designing wireframes of web pages, but it is easily extendable with further toolbox elements. At the end of this paper I will prove my software’s viability with a case study, which is based on a real project.


Please sign in to download the files of this thesis.