@phdthesis{Moser, type = {Bachelor Thesis}, author = {Lars Moser}, title = {Konzeption und Umsetzung einer hybriden Webanwendung mittels statisch, serverseitig und clientseitig erzeugten Inhalten}, address = {Offenburg}, pages = {ix, 128}, abstract = {Mit der kontinuierlichen Weiterentwicklung des World Wide Web, der steigenden Anforderungen an beispielsweise Ladege-schwindigkeit (in Millisekunden!) und Nutzungserlebnis und der Einf{\"u}hrung moderner Jamstack-Frameworks mit verschiedenen Rendering-Methoden, wird der Prozess bei der Entwicklung von Webanwendungen immer komplexer. Das Ziel der vorliegenden Arbeit ist es, die Funktionsweise der einzelnen Rendering-Methoden von Webanwendungen und de-ren Vor- und Nachteile zu untersuchen, um anschlie{\"s}end mit dem gewonnenen Wissen entscheiden zu k{\"o}nnen, welcher Ansatz f{\"u}r bestimmte Projekttypen der richtige ist. Dazu wird die folgende Forschungsfrage gestellt: Wie kann unter Verwendung neuster Webtechnologien und Ans{\"a}tze eine performante, nutzungsfreundliche und f{\"u}r Suchmaschinen optimierte Webanwendung erstellt werden, die den heutigen Standards (Core Web Vitals) gerecht wird? Um die Forschungsfrage zu beantworten, wurde zun{\"a}chst die Webanwendung selbst und nachfolgend der Stand der Technik bei der Entwicklung von Webanwendungen erl{\"a}utert. Um ver-schiedene Ans{\"a}tze und Funktionsweisen bei der Entwicklung einer Webanwendung beurteilen zu k{\"o}nnen, wurden diese ge-gen{\"u}bergestellt, auf Anwendbarkeit gepr{\"u}ft und die f{\"u}r den Rahmen dieser Arbeit geeigneten Technologien ausgew{\"a}hlt. Die erarbeiteten theoretischen Grundlagen dienen zur Konzeption und Umsetzung einer interaktiven, multimedialen Pr{\"a}sentations- und Kollaborationsplattform mit dem Namen Collab. Hierbei ist es Benutzer:innen m{\"o}glich sich {\"u}ber Dienstanbieter:innen und deren Leistungen zu informieren oder sich selbst als Dienstanbieter:in zu registrieren. Zudem k{\"o}nnen registrierte Personen eigene Projekte erstellen oder an existierenden Projekten teilnehmen, um diese zusammen in Form einer Kollaboration umzusetzen.}, language = {de} }