Návrh prvků uživatelského rozhraní ve vývojovém prostředí Processing

Bc. Lukáš Hradecký

Bachelor's thesis

Grafic user interface in Processing development environment

Abstract:

Tato práce se zabývá návrhem struktury grafických ovládacích prvků uživatelského rozhraní, které by bylo možné realizovat ve vývojovém prostředí Processing a používat je v operačních systémech Windows a Android. V práci jsou uvedeny jednotlivé komponenty v těchto systémech, ze kterých je vybrána množina nejpoužívanějších prvků, jenž lze používat v multiplatformních aplikacích. Dále práce obsahuje návrh grafické podoby těchto vybraných prvků a také popis každého z nich. Následně se práce věnuje realizaci některých z těchto navržených prvků. Tato realizovaná množina umožňuje snadno vytvářet přenositelné aplikace použitelné ve zmíněných operačních systémech. Praktická část práce také zahrnuje popis důležitých částí tvorby prvků, mezi něž patří reakce na vstup od uživatele a princip líného vykreslování. Dále práce popisuje realizaci jednotlivých prvků a také jejich vzájemnou strukturu. Součástí práce je také vytvoření knihovny s těmito realizovanými prvky. Tato knihovna obsahuje sadu příkladů, jejichž popis je v práci uveden spolu s jejich grafickou podobou a ukázkou kódu v prostředí Processing. V textu je také uveden popis tohoto vývojového prostředí a jeho funkcí. Jelikož výstupem práce je zmíněná knihovna s realizovanými prvky, práce obsahuje také popis již existujících knihoven s prvky uživatelského rozhraní.

Abstract:

This text describes design of structure of the graphic user interface controls that could be implemented in development environment Processing and could be used in operating systems Windows and Android. In the thesis are listed individual components in these systems, from which a set of the most used elements, which can be used in multiplatform applications, is selected. Further, the thesis contains a graphic design of these selected elements and a description of each of them. Subsequently, the thesis deals with realization of some of these proposed elements. This implemented set allows easy creation of portable applications usable in said operating systems. The practical part of the thesis also includes a description of important parts of element creation, including reaction to user input and the principle of lean rendering. Further, the thesis describes the realization of individual elements as well as their mutual structure. Part of the thesis is also the creation of a library with these realized elements. This library contains a set of examples, the description of which is presented in the work together with their graphic form and sample code in the environment Processing. The text also describes this development environment and its functions. As the output of the work is the mentioned library with implemented elements, the work also contains a description of already existing libraries with elements of the user interface.

Keywords

uživatelské rozhraní, vývojové prostředí Processing, grafické ovládací prvky, Windows, Android

Language used: Czech

Date on which the thesis was submitted / produced: 11. 5. 2017

Thesis defence

• Date of defence: 14. 6. 2017
• Supervisor: Ing. Tomáš Martinec, Ph.D.

Technical University of Liberec

Faculty of Mechatronics, Informatics and Interdisciplinary Studies

Bachelor programme / field:
Information Technology / Information Technology