diff --git a/Dokumentation/src/Dokumentation.tex b/Dokumentation/src/Dokumentation.tex index 8e2af06..b524ba9 100644 --- a/Dokumentation/src/Dokumentation.tex +++ b/Dokumentation/src/Dokumentation.tex @@ -73,6 +73,13 @@ \item Multimediaelemente aus den letzten zwei Punkten in die Webseite einbinden \item Prozess der oben genannten Punkten in dieser Dokumentation dokumentieren \end{itemize} + \\ + \\ + Der gesamte Code + \LaTeX\xspace Dokumentation sind auf Github unter folgendem Link zu finden:\\ + \url{https://github.com/Ramspopoo/Modul_152}\\ + Das Storyboard wie auch das E-Portfolio habe ich zusätzlich als Release hinzugefügt, damit keine Daten verändert werden können. + Um sich die Webseite im Internet anzusehen, wurde sie unter folgender URL veröffentlicht:\\ + \url{http://webseiten.informatik.sg/2022/ina4a/gruppe4/} \pagebreak %Kapitel 2 - Webseite @@ -95,6 +102,7 @@ Da ich nicht oft in der Webentwicklung arbeite, hat mir Timo Tailwindcss als Framework fürs Styling empfohlen. Dadurch kann ich vereinfachte und vorgefertigte CSS-Klassen verwenden. Zudem hat es bereits eingebaute Media-Queries, was es einfacher macht, die Webseite responsive zu gestalten. + %TODO cloudniary!!!!! %Kapitel 2.1.2 - Dev-Server und Plugins \subsubsection{Dev-Server und Plugins} @@ -150,8 +158,11 @@ 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 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 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.\\ + 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 + befassen und auch Tailwind noch genauer anschauen, als ich das hier im Rahmen des E-Portfolios gemacht habe. %Kapitel 3 - Video \section{Video} @@ -202,20 +213,70 @@ %Kapitel 3.3 - Reflexion Video \subsection{Reflexion Video} + 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 + Premiere Rush verwenden. %Kapitel 4 - Bildmanipulationen \section{Bildmanipulationen} - In den nachfolgenden drei Kapiteln werde ich die einzelnen Bildmanipulationen die ich auf drei Bilder angewendet habe genauer erläutern. + In den nachfolgenden drei Kapiteln werde ich die einzelnen Bildmanipulationen, die ich auf drei Bilder angewendet habe, genauer erläutern. + Die Bilder habe ich ebenso wie das Video mit der Drohne aufgenommen. %Kapitel 4.1 - Bildmanipulation 1 \subsection{Bildmanipulation 1} + Die erste Bildmanipulation habe ich bereits im Storyboard benutzt. Ich habe ein Bild genommen, welches direkt das Haus mit Steinen darin + zeigt, welches von gerade oben fotografiert wurde. Dieses Bild habe ich dann mit GIMP schwarz-Weiss eingefärbt, und nur die Steine farbig + gemacht. So werden diese besonders hervorgehoben und stechen sehr heraus. Neben diesem Herausstechen verbessert es aber nicht wirklich was + am Bild.\\ + Diese Bildmanipulation ist sehr einfach gelöst, aber meiner Meinung nach sieht sie in diesem Fall sehr gut aus. + \noindent + \begin{minipage}{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Black_White_Unedited} + \end{minipage} + \hfill + \begin{minipage}[c]{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Black_White_Edited} + \end{minipage} %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 + 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 + 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. + + \noindent + \begin{minipage}{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Advertisment_Unedited} + \end{minipage} + \hfill + \begin{minipage}[c]{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Advertisment_Edited} + \end{minipage} %Kapitel 4.3 - Bildmanipulation 3 \subsection{Bildmanipulation 3} + Als dritte Bildmanipulation wollte ich die Spiegelung im Eis durch das Licht reduzieren. Obwohl das sehr zum Bild passen würde, habe ich es + leider nicht geschafft, den gewünschten Effekt zu erzielen. Ich habe es zwar geschafft die Spiegelug etwas zu reduzieren, ich hätte aber + gerne länger experimentiert, bis sie noch mehr weg gewesen wäre. Ich habe hier mehrere verschiedene Möglichkeiten probiert, mit denen man + in GIMP eigentlich solche Spiegelungen reduzieren können müsste. Allerdings haben alle bei mir nur so semi-gut funktioniert, dieses Bild + ist noch am besten herausgekommen von allen versuchten Methoden. + + \noindent + \begin{minipage}{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Glare_Unedited} + \end{minipage} + \hfill + \begin{minipage}[c]{0.5\textwidth} + \includegraphics[width=\linewidth]{media/Glare_Edited} + \end{minipage} %Kapitel 4.4 - Reflexion Bildmanipulationen \subsection{Reflexion Bildmanipulationen} diff --git a/Dokumentation/src/media/Advertisment_Edited.jpg b/Dokumentation/src/media/Advertisment_Edited.jpg new file mode 100644 index 0000000..fd17924 Binary files /dev/null and b/Dokumentation/src/media/Advertisment_Edited.jpg differ diff --git a/Dokumentation/src/media/Advertisment_Unedited.jpg b/Dokumentation/src/media/Advertisment_Unedited.jpg new file mode 100644 index 0000000..290eea5 Binary files /dev/null and b/Dokumentation/src/media/Advertisment_Unedited.jpg differ diff --git a/Dokumentation/src/media/Black_White_Edited.jpg b/Dokumentation/src/media/Black_White_Edited.jpg new file mode 100644 index 0000000..ae24120 Binary files /dev/null and b/Dokumentation/src/media/Black_White_Edited.jpg differ diff --git a/Dokumentation/src/media/Black_White_Unedited.jpg b/Dokumentation/src/media/Black_White_Unedited.jpg new file mode 100644 index 0000000..b8ae588 Binary files /dev/null and b/Dokumentation/src/media/Black_White_Unedited.jpg differ diff --git a/Dokumentation/src/media/Glare_Edited.jpg b/Dokumentation/src/media/Glare_Edited.jpg new file mode 100644 index 0000000..8cc63b5 Binary files /dev/null and b/Dokumentation/src/media/Glare_Edited.jpg differ diff --git a/Dokumentation/src/media/Glare_Unedited.jpg b/Dokumentation/src/media/Glare_Unedited.jpg new file mode 100644 index 0000000..65d4880 Binary files /dev/null and b/Dokumentation/src/media/Glare_Unedited.jpg differ