Added infos to shift 2024

cnoss · Apr 22, 2024 · b522cc8 · b522cc8
1 parent 011451c
commit b522cc8
Show file tree

Hide file tree

Showing 8 changed files with 213 additions and 22 deletions.
diff --git a/_sass/_components.scss b/_sass/_components.scss
@@ -2,7 +2,7 @@
   .header,
   .page,
   .footer {
-    padding: $s;
+    padding: $m;
   }
 }
 
@@ -228,26 +228,31 @@
 
 .artefact-list{
 
-  display: flex;
-  gap: 1ch;
+  display: grid;
+  grid-template-columns: repeat(auto-fill,minmax(12em,1fr));
+  gap: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
 
   li{
-    flex: 1; 
-
+
     vertical-align: middle;
     text-align: center;
     font-weight: $fw-medium;
     transition: all $tr-fast;
     overflow: hidden;
-
 
+
     a{
-      display: block;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
       text-decoration: none;
+      hyphens: auto;
       border: none;
       padding: 2em;
+      aspect-ratio: 3/2;
       border: solid 1px $darken;
       border-radius: $radius-s;
       height: 100%;
@@ -271,6 +276,6 @@
       margin-top: 1ch !important;
       margin-bottom: 0.5ch !important;
     }
-
   }
+
 }
diff --git a/_sass/_pages.scss b/_sass/_pages.scss
@@ -12,4 +12,27 @@
   p{
     margin-bottom: $m;
   }
+}
+
+
+// Simple
+// ------------------------------------------------------------------------- //
+
+.simple{
+
+  table{
+    margin-top: $l;
+    margin-bottom: $xl;
+
+    th{
+      text-align: left;
+      font-weight: $fw-medium;
+      padding-bottom: $s;
+    }
+
+    tr td{
+      border-top: solid 1px $green;
+      padding: $s $s $s 0;
+    }
+  }
 }
diff --git a/_site/artefacts.html b/_site/artefacts.html
@@ -38,16 +38,27 @@ <h2 class="subtitle">bei <a href="https://christiannoss.de">Christian Noss</a></
 <main class="page ">
   <section>
   <h2>Artefakte</h2>
-  <h3 id="werk">Werk</h3>
+  <p>Hier finden Sie eine Übersicht der Artefakte, die im Rahmen der Arbeit erstellt werden müssen.</p>
 
-<h3 id="ausarbeitung">Ausarbeitung</h3>
+<h3 id="-werk"><i class="icofont-fire-burn is-large"></i> Werk</h3>
 
-<h3 id="research-diary">Research Diary</h3>
+<p>Das Werk ist das zentrale Artefakt, das im Rahmen der Arbeit entsteht. Es kann sich um eine Software, eine Website, ein Video, ein Buch, eine Ausstellung, eine Installation oder ein anderes Artefakt handeln. Das Werk sollte in einem öffentlichen Repository verfügbar sein, welches in der Ausarbeitung verlinkt wird. Zusätzlich muss eine Kurzbeschreibung als Readme-Datei im Repository hinterlegt werden.</p>
 
-<h3 id="abschlussvideo">Abschlussvideo</h3>
+<h3 id="-ausarbeitung"><i class="icofont-ebook is-large"></i> Ausarbeitung</h3>
 
-<h3 id="bilddokumentation">Bilddokumentation</h3>
+<p>Die Ausarbeitung soll den Prozess, den methodischen Rahmen, die wichtigsten Ergebnisse, Implikationen und mögliche Richtungen für zukünftige Arbeiten dokumentieren. Die Ausarbeitung kann in deutsch oder englisch verfasst werden.</p>
 
+<h3 id="-research-diary"><i class="icofont-video-alt is-large"></i> Research Diary</h3>
+
+<p>Das Research Diary ist ein Kurzvideo von maximal 5 Minuten Länge, welches in einem definierten Intervall den aktellen Stand der Arbeit dokumentiert. Die Diary Videos werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Das Material muss veröffentlichungsfähig sein. Nutzen sie keine fertigen Tools/ Templates und KI Voiceovers. Das Research Diary ist ein persönliches Dokument und sollte so authentisch wie möglich sein.</p>
+
+<h3 id="-abschlussvideo"><i class="icofont-presentation is-large"></i> Abschlussvideo</h3>
+
+<p>Das Abschlussvideo ist ein Clip, welcher das Werk und die wichtigsten Ergebnisse der Arbeit einer fachlichen Öffentlichkeit vorstellt. Das Video wird nach Abschluss der Arbeit veröffentlicht. Hier gilt das gleiche wie für das Research Diary.</p>
+
+<h3 id="-bilddokumentation"><i class="icofont-image is-large"></i> Bilddokumentation</h3>
+
+<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>
 
 </section>
 

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/types-of-work.html b/_site/types-of-work.html
@@ -38,8 +38,112 @@ <h2 class="subtitle">bei <a href="https://christiannoss.de">Christian Noss</a></
 <main class="page ">
   <section>
   <h2>Art der Arbeit</h2>
-  <p>tbd</p>
+  <h3 id="praxisprojekt">Praxisprojekt</h3>
 
+<p>Ein Praxisprojekt ist eine Arbeit, die in Zusammenarbeit mit einem Unternehmen, einer Organisation oder im Rahmen eines Forschungsprojekts durchgeführt wird. Das Ziel des Praxisprojekts ist es, ein konkretes Problem zu lösen oder eine konkrete Fragestellung zu beantworten. Weiteres entnehmen Sie der Modulbeschreibung.</p>
+
+<p><strong>Workload: 300 Stunden</strong></p>
+
+<table>
+  <thead>
+    <tr>
+      <th>Artefakt</th>
+      <th>Erläuterungen</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="../artefacts/#werk">Werk</a></td>
+      <td>-</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#ausarbeitung">Ausarbeitung</a></td>
+      <td>max. Umfang des Hauptteils ca. 6000 Worte</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#research-diary">Research Diary</a></td>
+      <td>alle 14 Tage</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#abschlussvideo">Abschlussvideo</a></td>
+      <td>max. 10 Min Länge</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#bilddokumentation">Bilddokumentation</a></td>
+      <td>min. 10 Bilder</td>
+    </tr>
+  </tbody>
+</table>
+
+<h3 id="bachelorarbeit">Bachelorarbeit</h3>
+
+<p>Die Bachelorarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.</p>
+
+<table>
+  <thead>
+    <tr>
+      <th>Artefakt</th>
+      <th>Erläuterungen</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="../artefacts/#werk">Werk</a></td>
+      <td>-</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#ausarbeitung">Ausarbeitung</a></td>
+      <td>max. Umfang des Hauptteils ca. 6000 Worte</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#research-diary">Research Diary</a></td>
+      <td>wöchentlich</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#abschlussvideo">Abschlussvideo</a></td>
+      <td>max. 15 Min Länge</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#bilddokumentation">Bilddokumentation</a></td>
+      <td>min. 10 Bilder</td>
+    </tr>
+  </tbody>
+</table>
+
+<h3 id="masterarbeit">Masterarbeit</h3>
+
+<p>Die Masterarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein neues Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.</p>
+
+<table>
+  <thead>
+    <tr>
+      <th>Artefakt</th>
+      <th>Erläuterungen</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="../artefacts/#werk">Werk</a></td>
+      <td>-</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#ausarbeitung">Ausarbeitung</a></td>
+      <td>max. Umfang des Hauptteils ca. 10.000 Worte</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#research-diary">Research Diary</a></td>
+      <td>alle 14 Tage</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#abschlussvideo">Abschlussvideo</a></td>
+      <td>max. 20 Min Länge</td>
+    </tr>
+    <tr>
+      <td><a href="../artefacts/#bilddokumentation">Bilddokumentation</a></td>
+      <td>min. 15 Bilder</td>
+    </tr>
+  </tbody>
+</table>
 
 </section>
 

diff --git a/artefacts.html b/artefacts.html
@@ -5,14 +5,25 @@
 
 ---
 
+Hier finden Sie eine Übersicht der Artefakte, die im Rahmen der Arbeit erstellt werden müssen. 
 
-### Werk
 
-### Ausarbeitung
+### <i class="icofont-fire-burn is-large"></i> Werk
 
-### Research Diary
+Das Werk ist das zentrale Artefakt, das im Rahmen der Arbeit entsteht. Es kann sich um eine Software, eine Website, ein Video, ein Buch, eine Ausstellung, eine Installation oder ein anderes Artefakt handeln. Das Werk sollte in einem öffentlichen Repository verfügbar sein, welches in der Ausarbeitung verlinkt wird. Zusätzlich muss eine Kurzbeschreibung als Readme-Datei im Repository hinterlegt werden. 
 
-### Abschlussvideo
+### <i class="icofont-ebook is-large"></i> Ausarbeitung
 
-### Bilddokumentation
+Die Ausarbeitung soll den Prozess, den methodischen Rahmen, die wichtigsten Ergebnisse, Implikationen und mögliche Richtungen für zukünftige Arbeiten dokumentieren. Die Ausarbeitung kann in deutsch oder englisch verfasst werden.
 
+### <i class="icofont-video-alt is-large"></i> Research Diary
+
+Das Research Diary ist ein Kurzvideo von maximal 5 Minuten Länge, welches in einem definierten Intervall den aktellen Stand der Arbeit dokumentiert. Die Diary Videos werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Das Material muss veröffentlichungsfähig sein. Nutzen sie keine fertigen Tools/ Templates und KI Voiceovers. Das Research Diary ist ein persönliches Dokument und sollte so authentisch wie möglich sein.
+
+### <i class="icofont-presentation is-large"></i> Abschlussvideo
+
+Das Abschlussvideo ist ein Clip, welcher das Werk und die wichtigsten Ergebnisse der Arbeit einer fachlichen Öffentlichkeit vorstellt. Das Video wird nach Abschluss der Arbeit veröffentlicht. Hier gilt das gleiche wie für das Research Diary.
+
+### <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.
diff --git a/types-of-work.html b/types-of-work.html
@@ -5,5 +5,42 @@
 
 ---
 
-tbd
+### Praxisprojekt
 
+Ein Praxisprojekt ist eine Arbeit, die in Zusammenarbeit mit einem Unternehmen, einer Organisation oder im Rahmen eines Forschungsprojekts durchgeführt wird. Das Ziel des Praxisprojekts ist es, ein konkretes Problem zu lösen oder eine konkrete Fragestellung zu beantworten. Weiteres entnehmen Sie der Modulbeschreibung.
+
+**Workload: 300 Stunden**
+
+| Artefakt | Erläuterungen |
+| --- | --- | --- |
+| [Werk](../artefacts/#werk) | - |
+| [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 |
+
+
+
+### Bachelorarbeit
+
+Die Bachelorarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.
+
+| Artefakt | Erläuterungen |
+| --- | --- | --- |
+| [Werk](../artefacts/#werk) | - |
+| [Ausarbeitung](../artefacts/#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte |
+| [Research Diary](../artefacts/#research-diary) | wöchentlich |
+| [Abschlussvideo](../artefacts/#abschlussvideo) | max. 15 Min Länge |
+| [Bilddokumentation](../artefacts/#bilddokumentation) | min. 10 Bilder |
+
+### Masterarbeit
+
+Die Masterarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein neues Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.
+
+| Artefakt | Erläuterungen |
+| --- | --- | --- |
+| [Werk](../artefacts/#werk) | - |
+| [Ausarbeitung](../artefacts/#ausarbeitung) | max. Umfang des Hauptteils ca. 10.000 Worte |
+| [Research Diary](../artefacts/#research-diary) | alle 14 Tage |
+| [Abschlussvideo](../artefacts/#abschlussvideo) | max. 20 Min Länge |
+| [Bilddokumentation](../artefacts/#bilddokumentation) | min. 15 Bilder |