From 0761f34ab60707e7755c74e41c8c36711a276b63 Mon Sep 17 00:00:00 2001 From: hampoelz Date: Tue, 29 Aug 2023 16:08:52 +0000 Subject: [PATCH] docs: :memo: Add abstract --- src/00_Allgemein/01_Kurzbeschreibung.tex | 38 +++++++++++++++++++----- 1 file changed, 31 insertions(+), 7 deletions(-) diff --git a/src/00_Allgemein/01_Kurzbeschreibung.tex b/src/00_Allgemein/01_Kurzbeschreibung.tex index 8760a1c..96c07a0 100644 --- a/src/00_Allgemein/01_Kurzbeschreibung.tex +++ b/src/00_Allgemein/01_Kurzbeschreibung.tex @@ -1,12 +1,36 @@ +\addurlfn{electron}{Electron}{https://electronjs.org/} +\addurlfn{nodejs}{Node.js}{https://nodejs.org/} +\addurlfn{capacitor}{Capacitor}{https://capacitorjs.com/} +\addurlfn{browserview}{BrowserView-API}{https://electronjs.org/docs/latest/api/browser-view} + \unnumberedSection{Kurzbeschreibung} -Die Kurzbeschreibung der Arbeit ist eine sehr prägnante Inhaltsangabe, -mit wichtigen Eigenschaften und Beschreibungen der in der Diplomarbeit -behandelten Themengebieten. Der Umfang der Kurzbeschreibung und des -Abstracts sollten eine Seite nicht überschreiten! +Durch das Framework \fn{electron} werden Desktop"=Anwendungen mit Webtechnologien \textit{(Frontend)} und \fn{nodejs} \textit{(Backend)} entwickelt. +Um Mobile"=Anwendungen mit Webtechnologien zu entwickeln, steht das \fn{capacitor}-Framework zur Verfügung. +Allerdings fehlen dort Funktionen wie ein \fn{nodejs} Backend oder eine \fn{browserview} um zusätzliche Webinhalte einzubetten. + +Im Rahmen dieser Diplomarbeit wurden die Erweiterungen \textsc{Capacitor-NodeJS} und \textsc{Capacitor-BrowserView} entwickelt, +um ein \fn{nodejs} Backend in \fn{capacitor} zu integrieren und die \fn{browserview} von \fn{electron} zu portiert. + +Mit den Frameworks \fn{capacitor} und \fn{electron}, und den beiden Erweiterungen, wurde ein plattformübergreifender WebApp-Wrapper erstellt, +welcher über eine Benutzeroberfläche für den Fall von Internetproblemen oder anderen Ereignissen verfügt. +Darüber hinaus werden mehrere APIs zur Steuerung des WebApp-Wrappers und der Web-App bereitgestellt. + +Entwickler können damit ohne großen Aufwand eine plattformübergreifende Anwendungen mit zusätzlichem Backend für ihre Website/Web-App erstellen. \unnumberedSection{Abstract} -Das Abstract ist die Kurzbeschreibung der Arbeit in Englisch verfasst. Ein Abstract ist -eine Inhaltsangabe, die sehr prägnant verfasst ist. Der Umfang der Kurzbeschreibung und -des Abstracts sollten eine Seite nicht überschreiten! +The \fn{electron} framework is used to develop desktop applications using web technologies \textit{(frontend)} and \fn{nodejs} \textit{(backend)}. +To develop mobile apps using web technologies, the \fn{capacitor} framework is used. +However, it lacks features like a \fn{nodejs} backend or a \fn{browserview} to embed additional web content. + +As part of this thesis, the extensions \textsc{Capacitor-NodeJS} and \textsc{Capacitor-BrowserView} were developed +to integrate a \fn{nodejs} backend into \fn{capacitor} and to port the \fn{browserview} from \fn{electron}. + +Using the \fn{capacitor} and \fn{electron} frameworks, and the two extensions, a cross-platform WebApp-Wrapper was developed, +which features a user interface in case of internet problems or other events. +In addition, several APIs are provided to control the WebApp-Wrapper and the web app. + +Developers can use it to create a cross-platform app with an additional backend for their website/web-app without much effort. + +\printfn