Delete GitHub-Workflow, add chapter for mockups, minor text and error-fixes

.github/workflows/buildLatex.yml

@@ -1,14 +0,0 @@
-name: Build LaTeX document
-on: [push]
-jobs:
-  build_latex:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Git repository
-        uses: actions/checkout@v2
-      - name: Compile LaTeX document
-        uses: xu-cheng/latex-action@v2
-        with:
-          root_file: |
-            Dokumentation/src/Dokumentation.tex
-            Storyboard/src/Storyboard.tex

.idea/Modul 152.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="LatexLineBreak" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+  </profile>
+</component>

Dokumentation/Dokumentation.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="LATEX_MODULE_TYPE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+      <excludeFolder url="file://$MODULE_DIR$/out" />
+      <excludeFolder url="file://$MODULE_DIR$/auxil" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

Storyboard/Storyboard.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="LATEX_MODULE_TYPE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+      <excludeFolder url="file://$MODULE_DIR$/out" />
+      <excludeFolder url="file://$MODULE_DIR$/auxil" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

Storyboard/src/Storyboard.tex

@@ -17,6 +17,8 @@
 \usepackage{titling}
 \usepackage{textcomp}
 \usepackage{wasysym}
+\usepackage[utf8]{inputenc}
+\usepackage[T1]{fontenc}
 \renewcommand\maketitlehooka{\null\mbox{}\vfill}
 \renewcommand\maketitlehookd{\vfill\null}
 
@@ -52,12 +54,15 @@
     \pagebreak
 
     %Kapitel 1 - Einleitung
+
+
     \section{Einleitung}
     Im Rahmen des Modul 152 darf ein E-Portfolio inklusive vorgehendem Storyboard erstellt werden.
     Dieses Storyboard soll eine Vorbereitung für das E-Portfolio sein, welches in einer separaten
     Dokumentation beschrieben wird.
 
     %Kapitel 1.1 - Ziel dieses Storyboards
+
     \subsection{Ziel dieses Storyboards}
     Mit diesem Storyboard habe ich das Ziel, die grundlegenden Konzepte für das E-Portfolio zu definieren.
     Dazu gehören Farbschemen, Logo, aber auch ein Mockup der Webseite.
@@ -66,7 +71,7 @@
         \item Wie soll das Logo des E-Portfolios aussehen?
         \item Welche Farben sollen wo auf der Webseite verwendet werden? \textrightarrow Farbschema erstellen
         \item Wie soll die grundsätzliche Struktur des E-Portfolios aussehen?
-                \textrightarrow Erstellung eines Mockups
+        \textrightarrow Erstellung eines Mockups
         \item Welche Technologien möchte ich für die Erstellung der Webseite verwenden?
     \end{itemize}
     \\
@@ -77,6 +82,7 @@
     ich eine Schritt-für-Schritt Anleitung zu dieser Bildbearbeitungsmethode ins Storyboard schreiben.
 
     %Kapitel 1.2 - Spezielles
+
     \subsection{Spezielles}
     Um das Storyboard und die Dokumentation zum E-Portfolio zu schreiben, verwende ich \latex. Das ist
     eine Skriptbasierte Dokumentationssprache, ähnlich wie Markdown. Primär gibt es zwei Unterschiede zu
@@ -90,11 +96,14 @@
 
     \pagebreak
     %Kapitel 2 - Thema
+
+
     \section{Thema}
 
     %todo kleiner Text
 
     %Kapitel 2.1 - Wahl des Themas
+
     \subsection{Wahl des Themas}
 
     Ich habe das Thema Curling ausgewählt, da ich im Winter selbst Curling spiele. Dies tue ich bereits in der
@@ -108,56 +117,116 @@
     die Regeln und die Begrifflichkeiten etwas näher zu bringen.
 
     %Kapitel 3 - Visualisierung E-Portfolio
+
+
     \section{Visualisierung E-Portfolio}
 
     %Kapitel 3.1 - Menüstruktur
+
     \subsection{Menüstruktur}
     Als Menü-Navigation habe ich mich für eine Navigation am oberen Teil der Webseite entschieden.
 
     %Kapitel 3.2 - Farbwahl
+
     \subsection{Farbwahl}
     Um eine Farbauswahl habe ich mal simpel nach Farbpaletten im Internet gesucht. Dabei ist mir die Seite
     \url{colorhunt.co} aufgefallen. Diese Webseite lässt User ihre eigenen Farbpaletten hochladen und mit
     anderen Usern teilen. Zudem habe ich Adobe Color ausprobiert, allerdings ist dies viel zu viel
     Funktionalität für dieses Projekt. Daher werde ich für das Storyboard die Plattform Colorhunt verwenden.\\
+    https://colorhunt.co/palette/2c3333395b64a5c9cae7f6f2\\
+    https://colorhunt.co/palette/e8f9fd79dae80aa1dd2155cd \textleftarrow favorit\\
+    https://colorhunt.co/palette/002b5b2b4865256d858fe3cf\\
+    https://colorhunt.co/palette/2f8f9d3bacb682dbd8b3e8e5\\
 
     %Kapitel 3.3 - Mockups
+
     \subsection{Mockups}
+    Um die Webseite grob zu designen wollte ich ein Mockup-Programm nutzen. Ich habe mich dazu im Internet
+    informiert, welche verschiedenen Mockup-Programme dass es gibt. Folgende Programme habe ich gefunden und
+    genauer analysiert:
+
+    \begin{itemize}
+        \item Balsamiq Mockups 3
+        \item Moqups.com
+        \item Adobe xD
+        \item Mockplus.com
+    \end{itemize}\\
+
+    Um mich auf ein Tool festzulegen, habe ich Kriterien definiert, und anhand dieser die Tools bewertet. So
+    kann ich anschliessend in der Entscheidungsmatrix ablesen, welches Mockup-Programm ich nachher effektiv
+    nutze. Folgende Kriterien habe ich vorgängig definiert:
+
+    \begin{itemize}
+        \item Erfahrung \textrightarrow Wie viel Erfahrung habe ich bereits mit diesem Tool?
+        \item Preis \textrightarrow Wie viel kostet das Tool (je weniger desto besser)
+        \item Funktionalität \textrightarrow Bietet mir das Tool alle Funktionalitäten die ich benötige?
+    \end{itemize}
+
+    Um die Entscheidungsmatrix auszufüllen, werde ich von 1-5 Punkte vergeben. Ein Punkt ist dabei das tiefste
+    und fünf das höchste. Das Tool mit den total meisten Punkten gewinnt am Schluss.\\
+
+    \begin{center}
+        \begin{tabular}{ | p{4cm} | p{2.5cm} | p{2.5cm} | p{3cm} | p{2.5cm} | }
+            \hline
+            & \textbf{Erfahrung} & \textbf{Preis} & \textbf{Funktionalität} & \textbf{Total Score} \\ \hline
+            \textbf{Balsamiq Mockups} & 3                  & 2              & 5                       & 10                   \\ \hline
+            \textbf{Moqups.com}       & 1                  & 1              & 1                       & 3                    \\ \hline
+            \textbf{Adobe xD}         & 5                  & 1              & 1                       & 3                    \\ \hline
+            \textbf{Mockplus.com}     & 1                  & 1              & 1                       & 3                    \\ \hline
+        \end{tabular}
+    \end{center}
+    \\
     - Mockups mit Adobe xd -> Wieso
     - Bilder der Mockups einfügen
 
     %Kapitel 4 - Bildbearbeitung
+
+
     \section{Bildbearbeitung}
 
     %Kapitel 4.1 - Bildbearbeitungsmethode
+
     \subsection{Bildbearbeitungsmethode}
 
     %Kapitel 5 - Logo
+
+
     \section{Logo}
 
     %Kapitel 5.1 - Idee
+
     \subsection{Idee}
 
     %Kapitel 6 - Technisches Konzept E-Portfolio
+
+
     \section{Technisches Konzept E-Portfolio}
     -Welche Technologien werden verwendet
 
     %Kapitel 7 - Reflexion
+
+
     \section{Reflexion}
 
     %Kapitel 7.1 - Bildbearbeitung
+
     \subsection{Bildbearbeitung}
 
     %Kapitel 7.2 - Logodesign
+
     \subsection{Logodesign}
 
     %Kapitel 8 - Verzeichnisse
+
+
     \section{Verzeichnisse}
 
     %Kapitel 8.1 - Abbildungsverzeichnis
+
     \subsection{Abbildungsverzeichnis}
 
     %Kapitel 8.2 - Glossar
+
     \subsection{Glossar}
 
 \end{document}

Webauftritt/Webauftritt.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>