Delete GitHub-Workflow, add chapter for mockups, minor text and error-fixes
This commit is contained in:
Ramspopoo
12
Storyboard/Storyboard.iml
Normal file
12
Storyboard/Storyboard.iml
Normal file
@@ -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>
|
||||
@@ -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}
|
||||
Reference in New Issue
Block a user