diff --git a/.github/workflows/buildLatex.yml b/.github/workflows/buildLatex.yml deleted file mode 100644 index 61aa4a7..0000000 --- a/.github/workflows/buildLatex.yml +++ /dev/null @@ -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 \ No newline at end of file diff --git a/.idea/Modul 152.iml b/.idea/Modul 152.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/Modul 152.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..dd5b9d7 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/Dokumentation/Dokumentation.iml b/Dokumentation/Dokumentation.iml new file mode 100644 index 0000000..5f83ad4 --- /dev/null +++ b/Dokumentation/Dokumentation.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/Storyboard/Storyboard.iml b/Storyboard/Storyboard.iml new file mode 100644 index 0000000..5f83ad4 --- /dev/null +++ b/Storyboard/Storyboard.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/Storyboard/src/Storyboard.tex b/Storyboard/src/Storyboard.tex index 7aef602..c1bdd3d 100644 --- a/Storyboard/src/Storyboard.tex +++ b/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} \ No newline at end of file diff --git a/Webauftritt/Webauftritt.iml b/Webauftritt/Webauftritt.iml new file mode 100644 index 0000000..80cc739 --- /dev/null +++ b/Webauftritt/Webauftritt.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file