Fakultät 10 / Advanced Media Institute
Refine
Year of publication
- 2021 (6) (remove)
Document Type
- Bachelor Thesis (4)
- Master's Thesis (1)
- Study Thesis (1)
Has Fulltext
- yes (6)
Keywords
- Animation (1)
- Ausdrucksmittel (1)
- Bachelorarbeit (1)
- Benutzerfreundlichkeit (1)
- Benutzeroberfläche (1)
- Bild (1)
- Bildgestaltung (1)
- Bildkomposition (1)
- COVID-19 (1)
- Cybernetics (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.
Das Ziel dieser Bachelorarbeit besteht in der Konzeption und Umsetzung eines CSS-Frameworks auf der Basis von Disneys zwölf Prinzipien der Animation. Dazu wird die folgende Forschungsfrage gestellt: Welche Relevanz haben Disneys zwölf Prinzipien der Animation im Kontext von UI-Animationen und wie lassen sie sich auf Elemente im Bereich Web umsetzen? Um diese Forschungsfrage zu beantworten, wurden die Prinzipien analysiert und in einem UI/UX-Kontext betrachtet. Dabei wurden potenzielle Einsatzmöglichkeiten für die Verwendung der Prinzipien und deren mögliche Auswirkungen auf die User Experience beschrieben. Um zu demonstrieren, wie eine Umsetzung der Prinzipien für gängigeElemente im Web aussehen könnte, wurde die Konzeption und Implementierung eines CSS-Frameworks durchgeführt. Dabei konnte festgestellt werden, welche Prinzipien für UI-Animationen geeignet oder ungeeignet sind und wie diese mithilfe von CSS und JavaScript implementiert werden köonnen. Schlagwörter: Animation, User Experience, Design, Web Development
Immer mehr Mobile Augmented Reality Spiele werden entwickelt und gewinnen zunehmend an Beliebtheit. Zugleich können Smartphones überall und zu jeder Zeit für Mobiles Lernen genutzt werden. Diese Masterarbeit beschäftigt sich mit einem auf Mobile Augmented Reality basierenden Serious Game.
Serious Games werden eingesetzt, um Fähigkeiten zu trainieren, Wissen anzueignen oder Einstellungen des Spielers zu ändern. Dabei lernen die Spieler in der Spielwelt Inhalte, die sie in die Realität übertragen und anwenden können. Es wird folgende Forschungsfrage beantwortet: Wie wird der Wissenserwerb eines Serious Game durch den Einsatz von Mobile Augmented Reality beeinflusst. Zum einen werden Theorien über das Lernen durch Serious Games und zum anderen Theorien über Lernen mit Augmented Reality anhand einer Literaturarbeit untersucht und kritisch eingeordnet. Der Vergleich dieser Theorien dient der Identifizierung von wichtigen Elementen für Augmented Reality Serious Games. Dazu wird das Potenzial von Mobile Augmented Reality anhand ihrer Vor- und Nachteile aufgezeigt. Die Ergebnisse dienen einem weiteren Modell, welches die Auswirkungen der Serious Game Elemente und Augmented Reality Elemente auf den Spieler verknüpft. Ebenso werden spezifische Merkmale über den Spieler und dem Kontext des Spiels identifiziert.
Im Anschluss an die Darstellung der einzelnen Serious Games und Mobile Augmented Reality Elemente wird ein Spiel über den Ausbruch des Virus COVID-19 entwickelt. Es werden Informationen über die Pandemie und die gesetzlich vorgeschriebenen Schutzmaßnahmen integriert.
Es wird deutlich, dass sich die Elemente auf den Spieler und sein Spielerlebnis auswirken, als auch einen Einfluss auf den Lerneffekt haben. Dennoch kann nicht einzeln begründet werden, für welchen Zweck bestimmte Elemente eingesetzt werden müssen. Es werden die Bedingungen zusammengefasst, die sich individuell auf das Spielerlebnis und den Lerneffekt auswirken.
Bildkompositionen können nach bestimmten Aspekten gestaltet werden und dadurch als Ausdrucksmittel fungieren. Dadurch können Bilder den Kontext einer Handlung visuell unterstützen und dem Zuschauer nonverbale Botschaften vermitteln. Infolgedessen beschäftigt sich diese Arbeit mit der Bildkomposition als filmisches Ausdrucksmittel. Das Ziel dieser Arbeit liegt darin, verschiedene Aspekte der Bildgestaltung zu untersuchen. Dabei sollen die Funktionsweisen der jeweiligen Aspekte erklärt und eine mögliche Begründung für die Wirkungsweise erörtert werden. Zusätzlich sollen mögliche unkonventionelle Anwendungen, in dieser Arbeit Regelbrüche genannt, identifiziert und die resultierende Effekte dargestellt werden.
Zu Beginn dieser Arbeit soll ein allgemeines Verständnis für die Bildkomposition geschaffen werden, sodass diese zunächst definiert und von anderen Themen abgegrenzt wird. Anschließend werden technische sowie künstlerische Aspekte der Bildgestaltung im Einzelnen thematisiert, die in den folgenden Unterkapiteln jeweils in ihrer Funktionsweise erklärt werden. Zusätzlich wird jeweils eine mögliche Begründung für die Wirkungsweise und einen Regelbruch genannt. Sowohl die konventionellen Anwendungen als auch die Regelbrüche werden mit Beispielen belegt. Danach werden selbstständig durchgeführte Experteninterviews mit professionellen Kameramännern berichtet, um die Anwendung von Bildkompositionen in der Praxis zu überprüfen.
Die Aspekte der Bildgestaltung haben jeweils eigene Funktionsweisen und Ziele. Dennoch liegt das das gemeinsame übergeordnete Ziel in der Lenkung der Aufmerksamkeit des Zuschauers und die Unterstützung des inhaltlichen Kontextes ist. Für eine erfolgreiche Wirkung beim Zuschauer greifen die Aspekte auf den menschlichen Erfahrungsschatz, Muster aus der Natur oder Wahrnehmungsprinzipien zurück. Regelbrüche gelten grundsätzlich als eigenständige Gestaltungsmöglichkeiten, welche aufgrund ihrer visuellen Seltenheit besonders markant sind und den Kontext entsprechend betonen.
Insgesamt konnte das Ziel der vorliegenden Arbeit erreicht werden, indem verschiedene Aspekte der Bildkomposition untersucht wurden. Diese Aspekte können einen hilfreichen Beitrag zur Gestaltung von Bildkompositionen leisten. Eine absolute Wirkung auf den Zuschauer kann jedoch nicht gewährleistet werden, da diese stark vom Kontext der Handlung sowie dem Zuschauer selbst abhängt. Deshalb müssen die Aspekte der Bildgestaltung bei jeder Anwendung detailliert geplant und auf den Kontext angepasst werden, um als Ausdrucksmittel fungieren zu können.
Design Patterns im Kontext von mHealth-Anwendungen unter besonderer Berücksichtigung von Privacy
(2021)
Gesundheitsapps bzw. mHealth-Apps werden immer häufiger verwendet, um die Gesundheit aufrechtzuerhalten oder das eigene Gesundheitsverhalten zu verbessern. Vor allem die Corona-Pandemie im Jahr 2020 und die damit einhergehenden Kontaktbeschränkungen führten zu einem Anstieg der Nutzerzahlen. Für diese Forschungsarbeit sind Lifestyle-Apps von besonderem Interesse, da sich diese im Gegensatz zu anderen Arten von mHealth-Apps an Konsumenten als Zielgruppe richten.
Zunächst werden Design-Methoden ermittelt, die bei der Gestaltung von mHealth-Lösungen zum Einsatz kommen. Dabei liegt der Fokus auf Persuasive Technology, die darauf abzielt, Verhaltensweisen des Nutzers zu verändern. Es wird geklärt, auf welchen theoretischen Modellen solche Systeme basieren und mit welchen Vorteilen und Risiken die Nutzung von mHealth-Anwendungen verbunden ist. Die in Persuasive Technology vorkommenden Design-Methoden werden kritisch betrachtet, indem überprüft wird, ob mithilfe von Dark Patterns Schwachstellen der menschlichen kognitiven Fähigkeiten und Verhaltensweisen ausgenutzt werden können und ob es dadurch zur Verletzung der Privatsphäre oder zu einer Gefährdung des seelischen Wohlbefinden des Nutzers kommen kann.
Im empirischen Teil wird eine Umfrage durchgeführt, in der Probanden zu der Nutzung von bestimmten mHealth-Apps und dem Abbruch der Nutzung befragt werden. Bei der Umfrage wird ebenfalls erhoben, ob die Nutzung einen positiven oder negativen Eindruck auf mHealth hinterlassen hat und ob sich der Umgang der persönlichen Daten nach der Nutzung verändert hat.
Bevor mit der Entwicklung eines interaktiven Systems begonnen werden kann, müssen mehrere Technologieentscheidungen getroffen werden. In der Web-Frontend-Entwicklung wird durch die steigende Diversität von standardisierten Technologien und Drittanbieter-Frameworks bzw. Libraries diese Entscheidung erschwert. Für den Kooperationspartner Junges Musical Leverkusen e. V. ist es besonders wichtig, langlebige Software zu entwickeln. Der ehrenamtlich-arbeitende Verein hat eine geringe Ressourcenverfügbarkeit, um Entwicklungsprojekte kontinuierlich zu pflegen. Für ein Ticketverkaufssystem soll nun eine langlebige Technologieentscheidung getroffen werden.
In dieser Arbeit wird der Web Components Standard vorgestellt und auf seine Langlebigkeit untersucht. Dazu werden Standards im Web im Allgemeinen vorgestellt. Unterschiedliche Entscheidungsorgane und Standardisierungsprozesse werden erläutert. Um eine Aussage über die Lebenszeit von Standards in Web Browsern zu treffen, wird ein Paper des Google-Chrome-Teams vorgestellt, aus dem geschlossen werden kann, dass keine allgemeingültige Vorhersage über den Zeitpunkt des Verfalls von Standards getroffen werden kann. Dennoch werden Web Standards in Abhängigkeit von ihrer Verwendung im Web, Sicherheitsproblemen und anderen Faktoren als veraltet markiert.
Der komponenten-getriebene Ansatz von Software-Entwicklung wird vorgestellt, um Web Components im Kontext der Softwareentwicklung zu verstehen. Die Spezifikationen der Webtechnologien für den Web Components Standard werden im Detail vorgestellt, um im weiteren Verlauf der Arbeit Grenzen des Standards zu erörtern. Des Weiteren wird eine Auswahl von Drittanbieter-Frameworks nach einer gekürzten Liste von Metriken verglichen. Konzepte und Prinzipien dieser Frameworks werden erläutert.
Es werden allgemeingültige Konzepte und Prinzipien vorgestellt, die das Thema der Langlebigkeit von Software adressieren. Hierzu zählen Test-Driven Development und Coding Style. Der Diskurs um diese Konzepte wird angerissen. Als Konzept für die Langlebigkeit von Web-Frontendprojekten wird die Bewegung Lean Web vorgestellt.
Es wird damit abgeschlossen, dass die Verwendung des Web Component Standard diskutiert wird. Die Konzepte aus den untersuchten Frameworks und die Prinzipien zur Erreichung einer Langlebigkeit von Software werden in die Diskussion eingebracht. Es wird überprüft, inwieweit eine Bewertung des Standards möglich ist und ob dem Kooperationspartner die Verwendung der Technologie zu empfehlen ist.