Added infos on bilddoku

cnoss · Jul 22, 2024 · 48381a4 · 48381a4
1 parent b84adaf
commit 48381a4
Show file tree

Hide file tree

Showing 9 changed files with 132 additions and 10 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -36,7 +36,6 @@ h1, h2, h3, h4{
 }
 
 
-
 h1, h2, h3, h4, p, blockquote{
   margin-bottom: $m;
 }
@@ -61,6 +60,14 @@ h2{
 
 h3{
   font-size: calc($m * 1.2);
+
+  i[class^="icofont-"]{
+    margin-bottom: calc(1em * -0.2) !important;
+  }
+
+  &:has(i[class^="icofont-"]){
+    margin-top: $xl;
+  }
 }
 
 h2 + h3{

diff --git a/_site/artefacts.html b/_site/artefacts.html
@@ -64,6 +64,8 @@ <h3 id="bilddokumentation"><i class="icofont-image is-large"></i>Bilddokumentati
 
 <p>Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im IPTC-Format in den jeweiligen Bilddaten zu speichern.</p>
 
+<p><a href="./bilddoku.html">mehr zur Bilddokumentation</a></p>
+
 </section>
 
 </main>

diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css
diff --git a/_site/assets/css/style.css.map b/_site/assets/css/style.css.map
diff --git a/_site/bilddoku.html b/_site/bilddoku.html
@@ -0,0 +1,82 @@
+<!doctype html>
+<html class="no-js" lang="de">
+
+<head>
+	<meta charset="utf-8">
+
+	<!-- Page Info -->
+	<link rel="shortcut icon" href="/thesis/assets/img/favicon.ico">
+	<title>Abschlussarbeiten @cnoss // Professur für Kommunikationsdesign in der Medieninformatik</title>
+
+  <meta name="description" content="Ein bisschen Struktur und Prozess für Projekt- und Abschlussarbeiten unter meiner Betreuung.">
+
+	<!-- Twitter Card -->
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:title" content="Bilddokumentation – Abschlussarbeiten @cnoss">
+	<meta name="twitter:description" content="Ein bisschen Struktur und Prozess für Projekt- und Abschlussarbeiten unter meiner Betreuung.">
+	<meta name="twitter:image:src" content="">
+
+	<!-- Facebook OpenGraph -->
+	<meta property="og:title" content="Bilddokumentation – Abschlussarbeiten @cnoss" />
+	<meta property="og:description" content="Ein bisschen Struktur und Prozess für Projekt- und Abschlussarbeiten unter meiner Betreuung." />
+	<meta property="og:image" content="" />
+
+	<!-- Styles -->
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="/thesis/assets/css/style.css">
+  <link rel="stylesheet" href="/thesis/assets/css/icofont.min.css">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+</head>
+
+<body class="simple">
+
+<header class="header">
+  <div class="home-button"><a href="http://localhost:4000/thesis/"><i class="icofont-book-alt is-large"></i></a></div>
+  <h1 class="title">Praxisprojekte & Abschlussarbeiten</h1>
+  <h2 class="subtitle">bei <a href="https://christiannoss.de">Christian Noss</a></h2> 
+</header>
+<main class="page ">
+  <section>
+  <h2>Bilddokumentation</h2>
+  <p><strong>Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im <a href="https://de.wikipedia.org/wiki/IPTC-IIM-Standard#IPTC-Felder">IPTC-Format</a> in den jeweiligen Bilddaten zu speichern.</strong></p>
+
+<h3 id="was-sollte-beachtet-werden">Was sollte beachtet werden?</h3>
+
+<ul>
+  <li>Dokumentieren Sie wichtige und interessante Schritte als auch Meilensteine des Prozesses.</li>
+  <li>Achten Sie darauf, dass die Bilder eine hohe Qualität haben (hohe Auflösung, gute Beleuchtung, klare Darstellung). Die maximale Dateigröße von 3 Mbyte pro Bild sollte nicht überschritten werden.</li>
+  <li>Verfassen Sie zu jedem Bild eine aussagekräftige Bildunterschrift, die den Inhalt beschreibt und in den Kontext der Arbeit einordnet. Speichern Sie diese Bildunterschriften im IPTC-Format in den jeweiligen Bilddaten.</li>
+  <li>Achten Sie darauf, dass alle Bilder veröffentlichungsfähig sind. Vermeiden Sie die Verwendung von urheberrechtlich geschütztem Material oder vertraulichen Informationen. Fügen Sie, falls erforderlich, Einwilligungserklärungen abgebildeter Personen hinzu.</li>
+  <li>Organisieren Sie Ihre Bilddateien systematisch und benennen Sie sie eindeutig, um eine einfache Zuordnung und Wiederauffindbarkeit zu gewährleisten.</li>
+</ul>
+
+<h4 id="beispiel-für-eine-bildunterschrift-im-iptc-format">Beispiel für eine Bildunterschrift im IPTC-Format</h4>
+
+<ul>
+  <li><strong>Title</strong>: Entwicklung des Prototyps</li>
+  <li><strong>Description</strong>: Dieses Bild zeigt den Entwicklungsprozess des Prototyps während der Implementierungsphase. Es verdeutlicht die verschiedenen Schritte von der Planung über die Programmierung bis hin zum Testen.</li>
+  <li><strong>Keywords</strong>: Prototyp, Entwicklung, Implementierung, Testen</li>
+  <li><strong>Copyright</strong>: Ihr Name</li>
+</ul>
+
+
+</section>
+
+</main>
+<footer class="footer">
+<div>
+  <p id="kontakt">
+    Prof. Christian Noss<br>
+    Campus Gummersbach<br>
+    Steinmüllerallee 1<br>
+    51643 Gummersbach<br>
+    Raum 3.241<br>
+  <br>
+    <i class="icon">email</i>chr<!-- hehe@moeep -->istian<!-- hehe@moeep -->.noss<!-- hehe@moeep -->(at)t<!-- hehe@moeep -->h-koeln.de<br>
+    <i class="icon">phone</i>+49 2261-8196-6412
+    </p>
+
+</footer>
+
+</body>
+</html>
diff --git a/_site/types-of-work.html b/_site/types-of-work.html
@@ -49,28 +49,34 @@ <h3 id="praxisprojekt">Praxisprojekt</h3>
     <tr>
       <th>Artefakt</th>
       <th>Erläuterungen</th>
+      <th>Gewichtung</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td><a href="./artefacts#werk">Werk</a></td>
       <td>abhängig vom jeweiligen Thema</td>
+      <td>40%</td>
     </tr>
     <tr>
       <td><a href="./artefacts#ausarbeitung">Ausarbeitung</a></td>
       <td>max. Umfang des Hauptteils ca. 6000 Worte</td>
+      <td>30%</td>
     </tr>
     <tr>
       <td><a href="./artefacts#research-diary">Research Diary</a></td>
       <td>alle 14 Tage</td>
+      <td>15%</td>
     </tr>
     <tr>
       <td><a href="./artefacts#abschlussvideo">Abschlussvideo</a></td>
       <td>max. 10 Min Länge</td>
+      <td>10%</td>
     </tr>
     <tr>
       <td><a href="./artefacts#bilddokumentation">Bilddokumentation</a></td>
       <td>min. 10 Bilder</td>
+      <td>5%</td>
     </tr>
   </tbody>
 </table>

diff --git a/artefacts.html b/artefacts.html
@@ -31,3 +31,5 @@
 ### <i class="icofont-image is-large"></i>Bilddokumentation
 
 Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im IPTC-Format in den jeweiligen Bilddaten zu speichern.
+
+[mehr zur Bilddokumentation](./bilddoku.html)
diff --git a/bilddoku.html b/bilddoku.html
@@ -0,0 +1,23 @@
+--- 
+layout: simple 
+title: Bilddokumentation
+---
+
+**Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im [IPTC-Format](https://de.wikipedia.org/wiki/IPTC-IIM-Standard#IPTC-Felder) in den jeweiligen Bilddaten zu speichern.**
+
+### Was sollte beachtet werden?
+
+- Dokumentieren Sie wichtige und interessante Schritte als auch Meilensteine des Prozesses.
+- Achten Sie darauf, dass die Bilder eine hohe Qualität haben (hohe Auflösung, gute Beleuchtung, klare Darstellung). Die maximale Dateigröße von 3 Mbyte pro Bild sollte nicht überschritten werden.
+- Verfassen Sie zu jedem Bild eine aussagekräftige Bildunterschrift, die den Inhalt beschreibt und in den Kontext der Arbeit einordnet. Speichern Sie diese Bildunterschriften im IPTC-Format in den jeweiligen Bilddaten.
+- Achten Sie darauf, dass alle Bilder veröffentlichungsfähig sind. Vermeiden Sie die Verwendung von urheberrechtlich geschütztem Material oder vertraulichen Informationen. Fügen Sie, falls erforderlich, Einwilligungserklärungen abgebildeter Personen hinzu.
+- Organisieren Sie Ihre Bilddateien systematisch und benennen Sie sie eindeutig, um eine einfache Zuordnung und Wiederauffindbarkeit zu gewährleisten.
+
+
+#### Beispiel für eine Bildunterschrift im IPTC-Format
+
+- **Title**: Entwicklung des Prototyps
+- **Description**: Dieses Bild zeigt den Entwicklungsprozess des Prototyps während der Implementierungsphase. Es verdeutlicht die verschiedenen Schritte von der Planung über die Programmierung bis hin zum Testen.
+- **Keywords**: Prototyp, Entwicklung, Implementierung, Testen
+- **Copyright**: Ihr Name
+
diff --git a/types-of-work.html b/types-of-work.html
@@ -11,13 +11,13 @@
 
 **Workload: 300 Stunden**
 
-| Artefakt | Erläuterungen |
-| --- | --- | --- |
-| [Werk](./artefacts#werk) | abhängig vom jeweiligen Thema |
-| [Ausarbeitung](./artefacts#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte |
-| [Research Diary](./artefacts#research-diary) | alle 14 Tage |
-| [Abschlussvideo](./artefacts#abschlussvideo) | max. 10 Min Länge |
-| [Bilddokumentation](./artefacts#bilddokumentation) | min. 10 Bilder |
+| Artefakt | Erläuterungen | Gewichtung | 
+| --- | --- | --- | --- |
+| [Werk](./artefacts#werk) | abhängig vom jeweiligen Thema | 40% |
+| [Ausarbeitung](./artefacts#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte | 30% |
+| [Research Diary](./artefacts#research-diary) | alle 14 Tage | 15% |
+| [Abschlussvideo](./artefacts#abschlussvideo) | max. 10 Min Länge | 10% |
+| [Bilddokumentation](./artefacts#bilddokumentation) | min. 10 Bilder | 5% |