Original title:
Knihovna pro editor diagramů ve Fluteru
Translated title:
Flutter diagram editor library
Authors:
Pikora, Jindřich ; Škoda, Petr (advisor) ; Klímek, Jakub (referee) Document type: Master’s theses
Year:
2021
Language:
cze Abstract:
[cze][eng] Diagramy jsou užitečné pro vizualizaci a návrh složitých struktur a vztahů. Často se používají v oblastech, jako je softwarové inženýrství nebo řízení datových toků. Exis- tuje velké množství nástrojů, které umožňují uživateli nakreslit diagram, reprezentují však diagram jako obrázek. Naopak existují nástroje speciálně navržené pro použití mo- delu určeného diagramem, ale často mají nedostatky v uživatelském rozhraní. Cílem této práce je pokusit se překlenout tuto mezeru poskytnutím multiplatformní implementace knihovny pro úpravu diagramů ve Flutteru. Tímto způsobem knihovna umožňuje vý- vojářům soustředit se na využití modelu diagramu. To podpoří vytváření nových apli- kací, které nabízejí moderní uživatelské rozhraní a zároveň využívají model diagramu. Knihovna není přizpůsobena jednomu případu použití nebo typu diagramu. Místo toho je zaměřena na obecné úkony zobrazování a editace. Protože Flutter může běžet v různých prostředích, jako jsou mobilní telefony nebo webové prohlížeče, byla knihovna navržena tak, aby poskytovala uživatelsky přívětivé prostředí pro všechny tyto platformy. Návrh knihovny umožňuje snadnou implementaci a použití v různých oblastech a případech po- užití. To je v práci předvedeno na dvou ukázkových aplikacích pro editaci diagramů, které knihovnu používají. 1Diagrams are useful to visualize and design complex structures and relationships. They are frequently used in areas like software engineering or data flow management. There are a plethora of tools that allow a user to draw a diagram; however, they represent a diagram as an image. On the contrary, there are tools specifically designed to utilize a model behind the diagram, but they often lack in the area of user interaction and user interface. The thesis aims to try to bridge this gap, by providing a multiplatform implementation of diagram editing library in Flutter. By doing so, the library allows developers to focus on the utilization of the underlying diagram model. This will support the creation of new applications that offer modern user interface and utilize the diagram model. The library is not tailored to a single use-case or a diagram type. Instead, it focuses on general support of view or edit diagram operations. As Flutter can run in multiple environments, like mobile phones or web browsers, the library is designed to provide a user friendly experience for all of these platforms. The library design allows easy implementation and application in different areas, use-cases. This is demonstrated on two proof-of-concept diagram editing applications that use the library. 1
Keywords:
Diagram editor|Flutter|library|multiplatform; Editor diagramů|Flutter|knihovna|multiplatformní
Institution: Charles University Faculties (theses)
(web)
Document availability information: Available in the Charles University Digital Repository. Original record: http://hdl.handle.net/20.500.11956/148761