Prototyping optimization in the web application development

Pri razvoju spletnih aplikacij pogosto uporabljamo prototipiranje. S prototipi se uporabnike v razvojni proces vključi že zelo zgodaj, kar ima lahko pozitivne učinke na sam proces. S pravilno interpretacijo uporabnikovih povratnih informacij se lahko razvojna ekipa izogne morebitnim težavam in razvoju nepotrebnih segmentov aplikacije.Problem, ki se pogosto pojavlja v praksi, so preveč enostavni prototipi, ki tako uporabnikom kot razvijalcem ne nudijo dovolj dobre ponazoritve končne aplikacije. Eno glavnih načel izdelovanja prototipov je v hitri izvedbi, zato se razvijalci, vsaj v začetnih verzijah, ne odločajo za izdelavo kompleksnejših prototipov. Namen diplomske naloge je predstaviti rešitev za izdelovanje boljših prototipov spletnih aplikacij tako, da za njihovo izdelavo ni potrebno veliko časa. Rešitev je izdelana kot JavaScript modul, ki z uporabo razširjenih atributov HTML elementov upravlja z mehanizmi za generiranje naključnih podatkov in simulacijo zalednega sistema. Razvijalcem omogoča hitrejšo izdelavo kompleksnejših prototipov, uporabnikom pa enostavno poročanje napak in podajanje povratnih informacij razvojni ekipi. V diplomski nalogi najprej predstavimo prototipiranje kot primerno metodologijo razvojnega procesa za razvoj spletnih aplikacij. Osrednji del naloge sta predstavitev rešitve za izdelovanje boljših prototipov in testiranje rešitve na praktičnem projektu. Testiranje se izvede kot primerjava procesa razvoja dveh aplikacij, pri čemer smo pri eni od njih uporabili omenjeno rešitev. Izkaže se, da imajo koncepti rešitve pozitiven učinek na razvojni proces, same funkcionalnosti pa bi lahko še dodatno razširili in s tem razvijalcem še bolj pomagali pri izdelavi prototipov.When developing web applications we often use prototyping. Prototyping allows us to involve end users of an application in early stages of development process, which can have positive effects on process itself. The correct interpretation of user feedback can avoid potential problems during development. The problem that often occurs in practice, are too simple prototypes that do not provide good simulation of the final application. One of the main principles of prototyping is rapid implementation, so developers, at least in the initial versions do not decide to develop complex prototypes. The aim of this diploma thesis is to present a solution to make better prototypes of web applications, so that their development does not take much time. The solution is implemented as a JavaScript module that uses extended attributes of HTML elements for generating random data and simulation of backend system. It enables developers to accelerate the development of complex prototypes. The module also simplifies error reporting and giving feedback to the development team. In the first part of the thesis, we introduce prototyping as an appropriate method for the development of web applications. Next, we present the solution to make better prototypes and test the solution in practice. The test is conducted as a comparison of the development of two applications – one with the use of the aforementioned solution, the other without. We conclude with the presentation of the findings – namely that the proposed solution has a positive effect on the development process. We also present possibilities for further development that would improve prototyping even further