tobias-hilfiker/Modul_152
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

Sections: ColorChoosing, PictureEditing

Browse Source
This commit is contained in:
Ramspopoo
2022-11-08 22:20:29 +01:00
parent 7a47784372
commit 900b3c4567
5 changed files with 131 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.idea/Modul 152.iml generated
View File

@@ -2,7 +2,10 @@
<module type="JAVA_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.idea/codeStyles" />
<excludeFolder url="file://$MODULE_DIR$/Fotos" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>

2
.idea/inspectionProfiles/Project_Default.xml generated
View File

@@ -2,5 +2,7 @@
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="LatexLineBreak" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
<inspection_tool class="LatexMissingLabel" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
<inspection_tool class="LatexTooLargeSection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
</profile>
</component>

53
Storyboard/src/Storyboard.tex
View File

@@ -31,7 +31,7 @@
% Methadata
\title{
\includegraphics{media/frontpage.jpg}
\includegraphics{media/frontpage}
\begin{center}
Modul 152 \\
Multimediainhalte in einen Webauftritt integrieren\\
@@ -122,12 +122,46 @@
\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\\
\\
Auf Colorhunt selbst habe ich verschiedene Farbpaletten gefunden, welche ich im folgenden aufgelistet
habe. Gesucht habe ich nach Pastellfarbenen %todo wieso pastellfarben, Glossar Pastellfarben -> https://www.google.com/search?client=firefox-b-d&q=pastellfarben, Enter mit todo entfernen
Farbpaletten gesucht, welche an Winter, Eis und Curling erinnern.
Daher sind die verschiedenen Farbpaletten auch sehr blau, da wir Menschen Blau mit Winter und Kälte
assoziieren.
\pagebreak %TODO remove when Chapter 3.2 is finished
\includegraphics[width=\textwidth]{media/color_palettes}
Als ich die Paletten Timo gezeigt habe, un seine Meinung darüber einzuholen hat er alle nicht wirklich passend
gefunden. Er hat mir noch ein weiteres Tool gezeigt, welche für Farbpaletten genutzt werden kann. Zudem hat er
mir direkt eine Farbpalette gezeigt, welche ich für mein Thema verwenden kann. Diese hat auch mich mehr
angesprochen wie diese Paletten, die ich herausgesucht hatte. Daher habe ich dann auch diese Palette verwendet.
Aussehen tut die Palette wie folgt:
\includegraphics[width=\textwidth]{media/color_palette}
%todo folgenden text überarbeiten
%Als ich die obenstehende Auswahl an verschiedenen Farbpaletten zusammen hatte, habe ich diese anhand einer
%Entscheidungsmatrix ausgewertet und mich so für eine Palette entschieden. Da Farben auf verschiedene Menschen
%verschiedene Wirkungen haben, habe ich noch einige Klassenkameraden gefragt, was sie zu den verschiedenen
%Farbpaletten meinen.\\
%
%\textbf{Kriterien}%TODO kriterien definieren
%\begin{itemize}
% \item Passt zum Thema \textrightarrow
% \item Kontrastwert \textrightarrow %TODO beschreiben wegen kontrastwert wie der gemessen wird und so
%\end{itemize}
%
%\textbf{Entscheidungsmatrix}\\
%\begin{center}
% \begin{tabular}{ | p{3cm} | p{2cm} | p{2.5cm} | p{2cm} | p{2cm} | p{2cm} | p{1.5cm} | }
% \hline
% & \textbf{Passt zum Thema} & \textbf{Kontrastwert} & \textbf{Meinung Michael Schädler} & \textbf{Meinung Nico Nussmüller} & \textbf{Meinung Mattia Müggler} & \textbf{Total}\\ \hline
% \textbf{Farbpalette 1} & 1 & 2 & 3 & 4 & 5 & tot \\ \hline
% \textbf{Farbpalette 2} & 1 & 2 & 3 & 4 & 5 & tot \\ \hline
% \textbf{Farbpalette 2} & 1 & 2 & 3 & 4 & 5 & tot \\ \hline
% \textbf{Farbpalette 2} & 1 & 2 & 3 & 4 & 5 & tot \\ \hline
% \end{tabular}
%\end{center}
%\\
blablabla %TODO text
%Kapitel 3.3 - Mockups
\subsection{Mockups}
@@ -149,7 +183,7 @@
\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:
nutze. Folgende Kriterien habe ich vorgängig definiert: %todo überarbeiten, da zuvor bereits eine Entscheiungsmatrix kommt
\begin{itemize}
\item Erfahrung \textrightarrow Wie viel Erfahrung habe ich bereits mit diesem Tool?
@@ -165,7 +199,7 @@
& \textbf{Erfahrung} & \textbf{Preis} & \textbf{Funktionalität} & \textbf{Total Score} \\ \hline
\textbf{Balsamiq Mockups} & 3 & 2 & 4 & 10 \\ \hline
\textbf{Moqups.com} & 1 & 2 & 3 & 6 \\ \hline
\textbf{Adobe xD} & 5 & 4 & 5 & 14 \\ \hline
\textbf{Adobe xD} & 5 & 4 & 5 & 14 \\ \hline
\textbf{Mockplus.com} & 1 & 3 & 5 & 9 \\ \hline
\end{tabular}
\end{center}
@@ -185,6 +219,9 @@
%Kapitel 4 - Bildbearbeitung
\section{Bildbearbeitung}
Für
\includegraphics[width=\textwidth]{media/Bearbeitet}
%Kapitel 4.1 - Bildbearbeitungsmethode
\subsection{Bildbearbeitungsmethode}

80
Storyboard/src/media/Color_Palettes.svg Normal file
View File

@@ -0,0 +1,80 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="182" viewBox="0 0 800 182">
<g id="Gruppe_9" data-name="Gruppe 9" transform="translate(-80 -25)">
<g id="Gruppe_5" data-name="Gruppe 5">
<g id="Rechteck_4" data-name="Rechteck 4" transform="translate(80 50)" fill="#2c3333" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_5" data-name="Rechteck 5" transform="translate(80 89)" fill="#395b64" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_6" data-name="Rechteck 6" transform="translate(80 128)" fill="#a5c9ca" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_7" data-name="Rechteck 7" transform="translate(80 167)" fill="#e7f6f2" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
</g>
<g id="Gruppe_6" data-name="Gruppe 6">
<g id="Rechteck_4-2" data-name="Rechteck 4" transform="translate(280 167)" fill="#e8f9fd" stroke="#737373" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_5-2" data-name="Rechteck 5" transform="translate(280 128)" fill="#79dae8" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_6-2" data-name="Rechteck 6" transform="translate(280 89)" fill="#0aa1dd" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_7-2" data-name="Rechteck 7" transform="translate(280 50)" fill="#2155cd" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
</g>
<g id="Gruppe_7" data-name="Gruppe 7">
<g id="Rechteck_4-3" data-name="Rechteck 4" transform="translate(480 50)" fill="#002b5b" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_5-3" data-name="Rechteck 5" transform="translate(480 89)" fill="#2b4865" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_6-3" data-name="Rechteck 6" transform="translate(480 128)" fill="#256d85" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_7-3" data-name="Rechteck 7" transform="translate(480 167)" fill="#8fe3cf" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
</g>
<g id="Gruppe_8" data-name="Gruppe 8">
<g id="Rechteck_4-4" data-name="Rechteck 4" transform="translate(680 50)" fill="#2f8f9d" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_5-4" data-name="Rechteck 5" transform="translate(680 89)" fill="#3bacb6" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_6-4" data-name="Rechteck 6" transform="translate(680 128)" fill="#82dbd8" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
<g id="Rechteck_7-4" data-name="Rechteck 7" transform="translate(680 167)" fill="#b3e8e5" stroke="#707070" stroke-width="1">
<rect width="200" height="40" stroke="none"/>
<rect x="0.5" y="0.5" width="199" height="39" fill="none"/>
</g>
</g>
<text id="Farbpalette_1" data-name="Farbpalette 1" transform="translate(148 37)" font-size="11" font-family="SegoeUI, Segoe UI"><tspan x="0" y="0">Farbpalette 1</tspan></text>
<text id="Farbpalette_2" data-name="Farbpalette 2" transform="translate(348 37)" font-size="11" font-family="SegoeUI, Segoe UI"><tspan x="0" y="0">Farbpalette 2</tspan></text>
<text id="Farbpalette_3" data-name="Farbpalette 3" transform="translate(548 37)" font-size="11" font-family="SegoeUI, Segoe UI"><tspan x="0" y="0">Farbpalette 3</tspan></text>
<text id="Farbpalette_4" data-name="Farbpalette 4" transform="translate(748 37)" font-size="11" font-family="SegoeUI, Segoe UI"><tspan x="0" y="0">Farbpalette 4</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
Storyboard/src/media/color_palettes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB