correct spelling mistakes
This commit is contained in:
@@ -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.
|
||||
|
||||
@@ -117,14 +117,14 @@
|
||||
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 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 Variabeln hineingeben, so kann ich in der Komponente auch sehr
|
||||
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.
|
||||
|
||||
Reference in New Issue
Block a user