Refine
Document Type
- Bachelor Thesis (1)
- Master's Thesis (1)
Language
- English (2) (remove)
Has Fulltext
- yes (2)
Keywords
- Benutzerfreundlichkeit (1)
- Cascading Style Sheets (1)
- Constraint <Künstliche Intelligenz> (1)
- Constraint Satisfaction Problem (1)
- Cybernetics (1)
- Design systems (1)
- Micro frontends (1)
- Svelte (1)
- Syntax (1)
- Tailwind CSS (1)
Faculty
This bachelor thesis deals with framework-agnostic design systems in the environment of micro frontends. The properties of micro frontends and design systems are developed individually, to finally get combined. Important disciplines of this research are in particular cybernetics and system thinking, whereby further properties in the relationships between the stakeholders and the design system are highlighted and defined. In addition, based on the highlighted properties, a practically oriented evaluation is prepared, which demonstratively verifies how framework-agnostic design systems can be realized using Svelte and Tailwind CSS. The insights gained from this work can be used for further considerations in other works within the domain, or similar domains. In particular the cybernetic view of systematic design offers potential for further investigations.
When it comes to web applications and their dynamic content, one seemingly common trouble area is that of layouts. Frequently, web designers resort to frameworks or JavaScript-based solutions to achieve various layouts where the capabilities of Cascading Style Sheets (CSS) fall short. Although the World Wide Web Consortium (W3C) is attempting to address the demand for more robust and concise layout solutions to handle dynamic content with the recent and upcoming specifications, a generic approach to creating layouts using constraint syntax has been proposed and implementations have been created. Yet, the introduction of constraint syntax would change the CSS paradigm in a fundamental way, demanding further analysis to determine the viability of its inclusion in core web standards. This thesis focuses on one particular aspect of the introduction of constraint syntax: how intuitive constraint syntax will be for designers. To this end, an experiment is performed involving participants thinking aloud while reading code snippets. Also, cursor movements are recorded as a proxy for eye movement over the code snippets. The results indicate that, upon first-impression, constraint syntax within CSS is not intuitive for designers.