From a2c43e7ad9c94ef970c160d43a256d5531123047 Mon Sep 17 00:00:00 2001 From: Tobias Hilfiker Date: Thu, 22 Dec 2022 23:51:19 +0100 Subject: [PATCH] correct spelling mistakes --- Dokumentation/src/Dokumentation.tex | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/Dokumentation/src/Dokumentation.tex b/Dokumentation/src/Dokumentation.tex index 277ded9..0f94c32 100644 --- a/Dokumentation/src/Dokumentation.tex +++ b/Dokumentation/src/Dokumentation.tex @@ -89,12 +89,12 @@ %Kapitel 2.1 - Eingesetzte Technologien \subsection{Eingesetzte Technologien} - Um die Webseite zu erstellen habe ich diverse Technologien eingesetzt. Diese möchte ich in den folgenden zwei Abschnitten erläutern. + Um die Webseite zu erstellen, habe ich diverse Technologien eingesetzt. Diese möchte ich in den folgenden zwei Abschnitten erläutern. %Kapitel 2.1.1 - Basics \subsubsection{Basics} \textbf{Adobe Xd}\\ - Um Skizzen auf der Webseite zu erstellen habe ich Adobe Xd verwendet. Dies aus zwei Gründen: + Um Skizzen auf der Webseite zu erstellen, habe ich Adobe Xd verwendet. Dies aus zwei Gründen: \begin{enumerate} \item Ich kann die Assets als SVG exportieren. Diese werden dann nicht allzu gross und können optimal skaliert werden. \item Ich habe bereits das Mockup mit Xd gemacht, daher hatte ich bereits Beispiele darin gezeichnet, welche ich wiederverwenden konnte. @@ -107,7 +107,7 @@ Damit ich auf dem Webserver nicht zu viel Speicher für Medien benötige, habe ich Cloudinary für die Bilder verwendet. Mittels Cloudinary kann ich zudem die übertragenen Datenmengen reduzieren, indem ich z.B. die Grösse oder Qualität der Bilder reduziere.\\ \textbf{YouTube}\\ - Da der Film sehr gross geworden ist, habe ich mich entschieden den Film auf YouTube hochzuladen. Dieser ist nicht öffentlich, sondern nur + Da der Film sehr gross geworden ist, habe ich mich entschieden, den Film auf YouTube hochzuladen. Dieser ist nicht öffentlich, sondern nur über den Link abrufbar. So kann man den Film wirklich nur über die Webseite schauen. Mittels der "Einbetten-Funktion" von YouTube ist das Einbinden des Videos auch sehr einfach. @@ -116,15 +116,15 @@ Um bei mir lokal zu entwickeln, Plugins einzubinden und die Webseite zu compilen habe ich den Node Package Manager (NPM) verwendet. Zudem hat Timo mir "Vite" als Entwicklungsserver empfohlen, dieser recompilt die Seite automatisch nach jedem speichern des Files. Dabei zeichnet er sich dadurch aus, dass er diesen Reload sehr schnell ausführt.\\ - Um sogesehen Komponenten zu erstellen, habe ich ein Handlebar-Plugin für Vite verwendet. Damit kann ich einzelne kleine Files erstellen, - welche dann eine Komponente darstellen. In diese Komponente kann ich dann Variabeln hineingeben, so kann ich in der Komponente auch sehr + Um so gesehen Komponenten zu erstellen, habe ich ein Handlebar-Plugin für Vite verwendet. Damit kann ich einzelne kleine Files erstellen, + welche dann eine Komponente darstellen. In diese Komponente kann ich dann Variablen hineingeben, so kann ich in der Komponente auch sehr einfach z.B. den Text mittels Variable von aussen ändern und reduziere den benötigten Code. %Kapitel 2.2 - Umsetzung Webseite \subsection{Umsetzung Webseite} Anfangs war ich etwas verloren in der Umsetzung. Da ich wenig mit Webentwicklung zu tun hatte, wusste ich nicht recht, wo ich anfangen sollte. Aber mit der Zeit kam ich gut in den Flow, und lernte auch immer mehr Tricks mit CSS und Tailwind kennen. Während der Umsetzung wurde die Zeit - aber auch schnell knapp, wodurch ich einige Abweichungen zum Mockup machen musste. Diese habe ich nachfolgend dokumentiert.\\ + aber auch schnell knapp wodurch ich einige Abweichungen zum Mockup machen musste. Diese habe ich nachfolgend dokumentiert.\\ Ansonsten ging die Umsetzung recht gut vonstatten. Ich habe mir, wenn benötigt, Hilfe von Timo geholt, da er sich in der Webentwicklung wie auch mit Tailwind auskennt. @@ -163,12 +163,12 @@ %Kapitel 2.4 - Reflexion Webseite \subsection{Reflexion Webseite} Schlussendlich kann man sagen, dass ich ohne Hilfe von Timo und Tailwind die Webseite nie so gut hinbekommen hätte. Tailwind hat mir - beim Styling und Responsive-Designen extrem viel Arbeit abgenommen, wofür ich sehr dankbar bin. Wie bereits gesagt hatte ich anfangs etwas + beim Styling und Responsive-Designen extrem viel Arbeit abgenommen, wofür ich sehr dankbar bin. Wie bereits gesagt, hatte ich anfangs etwas Mühe, in den Aufbau und die Entwicklung der Webseite hineinzufinden. Zudem musste ich mich mit Tailwind zuerst zurechtfinden. Ich war zudem eine Woche krank, was dazu geführt hat, dass am Schluss alles schneller gehen musste, als ich mir das eigentlich gewünscht habe. Hätte ich noch - eine Woche mehr Zeit, könnte ich einige vorher dokumentierte Abweichungen noch ausmerzen und die Webseite gesamt schöner machen.\\ + eine Woche mehr Zeit könnte ich einige vorher dokumentierte Abweichungen noch ausmerzen und die Webseite gesamt schöner machen.\\ Während der Entwicklung der Webseite habe ich viel Neues über Webdesign gelernt und auch sehr vieles verstanden, was ich vorher einfach - immer angewendet habe, aber nicht richtig wusste was wirklich dahinter steckt. So möchte ich mich in nächster Zeit mehr mit Webentwicklung + immer angewendet habe, aber nicht richtig wusste was, wirklich dahinter steckt. So möchte ich mich in nächster Zeit mehr mit Webentwicklung befassen und auch Tailwind noch genauer anschauen, als ich das hier im Rahmen des E-Portfolios gemacht habe. \pagebreak @@ -224,8 +224,8 @@ Das Video ist mir eigentlich sehr gut gelungen. Auch wenn ich einige Schwierigkeiten und Herausforderungen mit der Drohne meistern musste, hat dies sehr gut funktioniert. Allerdings wäre es schöner gewesen, wenn die Technik richtig funktioniert hätte und einige Bilder und vor allem Videos weniger verwackelt gewesen wären. Aber dafür, dass die Drohne manuell gesteuert wurde, sieht das Video sehr gut aus.\\ - Auch das Schneiden des Videos hat sehr gut geklappt, auch dort abgesehen von den technischen Schwierigkeiten die ich mit meinem Laptop hatte. - Aber ich habe besonders beim Videodreh viel Neues gelernt und werde z.B. das nächste Mal, wenn ich ein Video schneiden muss wieder Adobe + Auch das Schneiden des Videos hat sehr gut geklappt, auch dort abgesehen von den technischen Schwierigkeiten, die ich mit meinem Laptop hatte. + Aber ich habe besonders beim Videodreh viel Neues gelernt und werde z.B. das nächste Mal, wenn ich ein Video schneiden muss, wieder Adobe Premiere Rush verwenden. %Kapitel 4 - Bildmanipulationen @@ -253,9 +253,9 @@ %Kapitel 4.2 - Bildmanipulation 2 \subsection{Bildmanipulation 2} Als zweite Bildmanipulation habe ich auf dem Eis alle Werbungen entfernt. Das war eigentlich recht einfach, wenn das Eis nicht reflektieren - würde. Dadurch hatte ich etwas probleme mit dunkleren und helleren Stellen im eis, die etwas schwieriger zu ersetzen waren. Wenn man aber + würde. Dadurch hatte ich etwas Probleme mit dunkleren und helleren Stellen im Eis, die etwas schwieriger zu ersetzen waren. Wenn man aber nicht erwähnt, dass man Werbungen entfernt hat, würde man es nur beim sehr genauen Betrachten sehen. Eine zusätzliche Herausforderung war die - Glasscheibe oben am Ende der Halle, welche die Werbungen noch reflektiert hat. Da es dahinter dunkel ist, kann man nicht genau sehen was + Glasscheibe oben am Ende der Halle, welche die Werbungen noch reflektiert hat. Da es dahinter dunkel ist, kann man nicht genau sehen, was eigentlich an diese Stelle gehört, und da an vielen Stellen die Werbung reflektiert hatte, war es etwas schwierig geeignete Stellen zum Ersetzen zu finden. Aber auch diese Bildmanipulation finde ich sehr passend zum Thema bzw. zum Bild. Denn die Halle wirkt ohne viele Farben auf dem Eis viel aufgeräumter.