Skip to content

Commit

Permalink
Added infos on abschlussvideo
Browse files Browse the repository at this point in the history
  • Loading branch information
cnoss committed Jul 22, 2024
1 parent 1bee215 commit b84adaf
Show file tree
Hide file tree
Showing 16 changed files with 242 additions and 25 deletions.
9 changes: 1 addition & 8 deletions _sass/_base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -30,19 +30,12 @@ blockquote{

h1, h2, h3, h4{
line-height: $lh-tight;
font-weight: $fw-bold;
font-weight: $fw-medium;
color: $headline-color;
hyphens: none;
}

h2{
font-weight: $fw-medium;
}

h3{
font-weight: $fw-medium;
color: $blue;
}

h1, h2, h3, h4, p, blockquote{
margin-bottom: $m;
Expand Down
2 changes: 1 addition & 1 deletion _sass/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ $interaction-color: $dark;
$decoration-color: $pink;
$icon-color: $blue;
$text-color: $darker;
$headline-color: $dark;
$headline-color: $darker;
$headline-color-light: $steingrau;
$aside-color: $lichtgrau;
$border-color: $lichtgrau;
Expand Down
89 changes: 89 additions & 0 deletions _site/abschlussvideo.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!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="Abschlussvideo – 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="Abschlussvideo – 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>Abschlussvideo</h2>
<p><strong>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 und sollte informativ, professionell, prägnant und ansprechend sein. Halten Sie sich an die vorgegebene maximale Länge des Videos und planen Sie Ihre Inhalte entsprechend.</strong></p>

<h3 id="was-sollte-beachtet-werden">Was sollte beachtet werden?</h3>

<h4 id="inhaltliche-aspekte">Inhaltliche Aspekte</h4>

<ul>
<li>Beginnen Sie mit einer kurzen Einführung in das Thema Ihrer Abschlussarbeit, den Kontext und die Ziele.</li>
<li>Präsentieren Sie die wichtigsten Aspekte Ihrer Arbeit, einschließlich Methodik, Prozess und Ergebnisse. Fokussieren Sie sich auf die bedeutendsten Erkenntnisse und deren Relevanz.</li>
<li>Nutzen Sie Grafiken, Diagramme, Animationen und andere visuelle Hilfsmittel, um Ihre Ergebnisse klar und verständlich darzustellen.</li>
<li>Schließen Sie mit den wichtigsten Schlussfolgerungen und Ergebnissen Ihrer Arbeit sowie einem Ausblick auf mögliche zukünftige Forschungen oder Anwendungen.</li>
</ul>

<h4 id="technische-umsetzung">Technische Umsetzung</h4>

<ul>
<li>Verwenden Sie eine möglichst gute Kamera und ein externes Mikrofon, um eine gute Video- und Tonqualität zu gewährleisten. Achten Sie auf ausreichende Beleuchtung und eine ruhige Umgebung.</li>
<li>Integrieren Sie unterstützende visuelle Elemente wie Präsentationsfolien, Infografiken und Bildschirmaufnahmen. Achten Sie darauf, dass diese professionell und klar gestaltet sind.</li>
<li>Bearbeiten Sie das Video sorgfältig. Schneiden Sie unnötige Teile heraus, fügen Sie Übergänge und Effekte hinzu, und sorgen Sie für eine gleichmäßige Tonqualität.</li>
</ul>

<h4 id="rahmen-authentizität-und-individualität">Rahmen, Authentizität und Individualität</h4>

<ul>
<li>Bleiben Sie authentisch. Sprechen Sie frei und vermeiden Sie abgelesene Texte.</li>
<li>Vermeiden Sie fertige Tools, Templates und KI-Voiceovers. Gestalten Sie das Video individuell und kreativ.</li>
<li>Stellen Sie sicher, dass alle Inhalte des Videos veröffentlichungsfähig sind und keine urheberrechtlich geschützten Materialien oder vertraulichen Informationen enthalten.</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>
2 changes: 2 additions & 0 deletions _site/artefacts.html
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,8 @@ <h3 id="abschlussvideo"><i class="icofont-presentation is-large"></i>Abschlussvi

<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>

<p><a href="./abschlussvideo.html">mehr zum Abschlussvideo</a></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>
Expand Down
2 changes: 1 addition & 1 deletion _site/assets/css/style.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion _site/assets/css/style.css.map

Large diffs are not rendered by default.

8 changes: 1 addition & 7 deletions _site/research-diary.html
Original file line number Diff line number Diff line change
Expand Up @@ -78,11 +78,7 @@ <h4 id="nachbereitung">Nachbereitung</h4>
<li>Archivieren Sie alle Videos systematisch, sodass Sie am Ende einen vollständigen Überblick über Ihren Forschungsprozess haben.</li>
</ul>

<hr />

<h2 id="bewertungskriterien">Bewertungskriterien</h2>

<h3 id="inhalt">Inhalt</h3>
<h3 id="bewertungskriterien">Bewertungskriterien</h3>

<h4 id="klarheit-und-struktur">Klarheit und Struktur</h4>
<ul>
Expand All @@ -103,8 +99,6 @@ <h4 id="relevanz-analyse-und-reflexion">Relevanz, Analyse und Reflexion</h4>
<li>Werden Erkenntnisse und Schlussfolgerungen klar dargestellt?</li>
</ul>

<h3 id="umsetzung-1">Umsetzung</h3>

<h4 id="qualität-der-aufnahme">Qualität der Aufnahme</h4>
<ul>
<li>Ist die Video- und Tonqualität hoch genug für eine klare Verständlichkeit?</li>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# Themenfeldanalyse

Bitte legen Sie Ihre Concept Map zur Themenfeldanalyse hier als PDF ab. Die Datei sollte nicht größer als 2 Mbyte sein.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions _site/works/2024-zaitsev-anton/02-titles-and-research-questions.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
# Titel und Forschungsfrage

## Titel

**Konzeption und Entwicklung einer Webanwendung zur einfachen Integration und Verwaltung von Augmented Reality Inhalten, am Beispiel des Kooperationsprojektes “ARlebnispfade OBK”**


Optionen:
- Konzeption und Umsetzung einer Webanwendung zur Verwaltung von AR-Inhalten
- Content Management for the Augmented World: Entwicklung einer Webanwendung zur Verwaltung von AR-Inhalten
- Content Management für Augmented Reality Inhalte im Web
- Entwicklung einer Webanwendung zur Verwaltung von Augmented Reality-Inhalten
- Verwaltung von Augmented Reality Inhalten im Web
- Content Management für Augmented Reality Inhalte im Web
- Entwicklung eines AR-Content-Management-Systems für das Web
- Nutzerfreundliche Interfaces für die Verwaltung von Augmented Reality Inhalten im Web
- Entwicklung eines Backends für die Verwaltung von Augmented Reality Inhalten im Web

## Forschungsfragen

- **Welche Herausforderungen ergeben sich aus der Integration verschiedener AR-Inhalte für die redaktionelle Pflege und Verwaltung einer Webanwendung?**
- **Welche technischen Lösungen stehen zur Verfügung, um die Eingabe und Verwaltung von multimodalen Inhalten (Texte, Bilder, Audio, Video, 3D-Modelle und Geolocation-Daten) in der Webanwendung zu unterstützen?**
- **Wie können neue AR-Inhalte mit bestehenden Datenstrukturen (11ty) verknüpft werden, um eine nahtlose Integration in die Webanwendung zu gewährleisten?**


Optionen:
- Wie kann eine benutzerfreundliche Webanwendung konzipiert und umgesetzt werden, die Redakteuren die einfache Integration und Verwaltung von AR-Inhalten ermöglicht?
- Welche Anforderungen müssen bei der Gestaltung des User Interfaces berücksichtigt werden, um eine effiziente Verwaltung von AR-Inhalten durch nicht-technische Benutzer zu gewährleisten?
- Welche Content Management Systeme für die Verwaltung von AR-Inhalten stehen zur Verfügung und wie können sie in die Webanwendung integriert werden?
- Wie können die AR-Inhalte im Backend gespeichert und abgerufen werden, um sie in der Webanwendung anzuzeigen?
- Wie können automatisierte Mechanismen für die Validierung und Formatierung von AR-Inhalten implementiert werden, um sicherzustellen, dass die eingefügten Daten den technischen Anforderungen entsprechen?
- Wie können Schnittstellen geschaffen werden, um die Integration von AR-Inhalten mit anderen Plattformen und Anwendungen zu erleichtern? (Youtube, Twitter/X, Vimeo?, Anbieter von 3D-Modellen, ...)
78 changes: 78 additions & 0 deletions _site/works/2024-zaitsev-anton/03-expose.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
# Exposé

# _Titel_

## Problemfeld und Kontext

Im Rahmen des Projektes "Historische Augmented Reality Tour 'ARlebnis OBK'" der VHS Oberberg wird entlang der [Straße der Arbeit][strasse-der-arbeit] in Wiehl und Wipperfürth ein innovatives Konzept zur digitalen Weiterbildung mittels Augmented Reality (AR) entwickelt. Ältere, nicht technikaffine Menschen und jüngere, technikaffine Menschen sowie Schulklassen werden gleichermaßen an neue Technologien herangeführt und erhalten gleichzeitig einen Zugang zur Geschichte und Kultur ihrer Region. Der Fokus des Projektes liegt somit auf der Förderung einer generationenübergreifenden, inklusiven und nachhaltigen Strategie der digitalen Bildung.
Die Anwendung wird von den Teilnehmern des Kooperationsprojektes an der TH Köln entwickelt.

Wie AR im Web funktioniert und wie die Technologie genutzt werden kann, um AR-Inhalte in Webanwendungen zu integrieren, wurde bereits in einem vorangegangenen Praxisprojekt untersucht.

Mögliche AR-Inhalte werden von den Teilnehmern des Kooperationsprojektes in Form von Texten, Bildern, Audio, Video, 3D-Modellen und Geolocation-Daten zur Verfügung gestellt. Diese werden derzeit manuell in den Entwicklungsprozess der Anwendung integriert. Die redaktionelle Verwaltung von AR-Inhalten im Web wurde daher nicht betrachtet.

## Zielsetzung

Ziel dieser Bachelorarbeit ist es, eine Möglichkeit zur vereinfachten redaktionellen Pflege von AR-Inhalten zu konzipieren und zu implementieren. Die Anwendung soll die Möglichkeit bieten, AR-Inhalte in Form von Texten, Bildern, Audio, Video, 3D-Modellen und Geolocation-Daten zu verwalten und in die bestehenden Datenstrukturen der Webanwendung "ARlebnis OBK" zu integrieren.

## Aufgabenstellung

Aus der zuvor beschriebenen Problemstellung, dem Kontext und dem Ziel der Bachelorarbeit lässt sich als konkrete Aufgabenstellung die Entwicklung einer Webanwendung zur Verwaltung von AR-Inhalten im Web definieren, in der Redakteure die Möglichkeit haben, AR-Inhalte in Form von Texten, Bildern, Audio, Video, 3D-Modellen und Geolocation-Daten zu verwalten und als Vorschau zu betrachten.

## Lösungsansätze und Ressourcen

Folgende Ressourcen können für die Bearbeitung des Projektes benötigt werden:

- Entwicklungsumgebung
- AR-Inhalte zur Darstellung (Texte, Bilder, Audio, Video, 3D-Modelle und Geolocation-Daten)
- Aktuelle Datenstrukturen der Webanwendung "ARlebnis OBK"
- Aktueller Lösungsansatz zur Integration von AR-Inhalten in die Webanwendung "ARlebnis OBK"

Bereits existierende Implementierungen von AR-spezifischen Content Management Systemen sollten ebenfalls berücksichtigt werden.

## Chancen und Risiken

Durch die Bearbeitung dieser Bachelorarbeit kann vor allem die Möglichkeit geschaffen werden, AR-Inhalte für das Kooperationsprojekt "ARlebnis OBK" zu integrieren.

Bei einer erfolgreichen Umsetzung können technische und nicht-technische Redakteure AR-Inhalte in Form von Texten, Bildern, Audio, Video, 3D-Modellen und Geolocation-Daten verwalten und visualisieren.

Als mögliches Risiko kann die Verfügbarkeit inkompatibler AR-Inhalte angesehen werden. Darüber hinaus muss für jeden Inhaltstyp eine eigene Lösung gefunden werden, um die Inhalte zu verwalten und die Kompatibilität mit bestehenden Datenstrukturen zu gewährleisten.

## Motivation

Die Motivation zur Bearbeitung des Projektes besteht zum einen aus dem Interesse an neuen Technologien. Im Bereich XR ist in den nächsten Jahren mit einem verstärkten Wachstum zu rechnen, wodurch sich sehr gute Perspektiven für die zukünftige Entwicklung und Nutzung der Technologie ergeben.

Als Medieninformatiker bringe ich zudem die notwendigen technischen Kompetenzen im Umgang mit Webtechnologien und erste Erfahrungen mit WebAR mit.

Durch den Studienort am Campus Gummersbach besteht ein persönlicher Bezug zum Oberbergischen Kreis. Das Projekt kann somit einen Beitrag zur regionalen Entwicklung leisten.

## Durchführungskontext und zeitliche Planung

### Setup

Die Bachelorarbeit wird im Rahmen des Kooperationsprojektes an der TH Köln durchgeführt. Als Initiator fungiert die VHS Oberberg als Auftraggeber zusammen mit weiteren Kooperationspartnern mit direktem Interesse, jedoch ohne direkten Einfluss auf die Bachelorarbeit.

### Abhängigkeiten

Die Durchführung dieser Bachelorarbeit ist nicht von anderen Projekten abhängig. Die Erkenntnisse aus dem Praxisprojekt werden für die Bearbeitung dieser Bachelorarbeit vorausgesetzt. Die für die erfolgreiche Durchführung des Projektes notwendigen technischen Ressourcen müssen vorhanden sein. Es besteht keine direkte Abhängigkeit von den Ergebnissen dieser Bachelorarbeit.

### Meilensteine und Zeitrahmen

Für die Bachelorarbeit mit einer Bearbeitungszeit von 9 Wochen können die zu erarbeitenden Meilensteine wie folgt eingeteilt werden:

Anmeldung Juni 2024 (z.B. Freitag 21.06.2024)
- Analyse bestehender Systeme / Literaturrecherche (1 Woche)
- Analyse aktueller Lösungsansätze (Mario Faske?) (1 Woche)
- Konzeption Schnittstelle & Datenmodellierung (1 Woche)
- Prototypische Umsetzung des Konzepts (2 Wochen)
- Dokumentation der Ergebnisse (3 Wochen)
- Korrekturlesen und Abgabe (1 Woche)


## Arbeitsergebnis

Das Ergebnis der Bachelorarbeit soll eine Webanwendung zur Verwaltung von AR-Inhalten im Web sein. Es soll untersucht werden, wie verschiedene Arten von AR-Inhalten (Texte, Bilder, Audio, Video, 3D-Modelle und Geolocation-Daten) verwaltet und betrachtet werden können.

<!-- Sources -->

[strasse-der-arbeit]: https://www.ich-geh-wandern.de/stra%C3%9Fe-der-arbeit-bergisches-land
3 changes: 3 additions & 0 deletions _site/works/2024-zaitsev-anton/04-results/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# Ergebnisse

Bitte legen Sie Ihre Ergebnisse hier ab. Achten Sie bitte auf moderate Dateigrößen. Bitte legen Sie nur geschlossene Dokument, z.B. PDF statt *.doc ab.
27 changes: 27 additions & 0 deletions abschlussvideo.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
layout: simple
title: 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 und sollte informativ, professionell, prägnant und ansprechend sein. Halten Sie sich an die vorgegebene maximale Länge des Videos und planen Sie Ihre Inhalte entsprechend.**

### Was sollte beachtet werden?

#### Inhaltliche Aspekte

- Beginnen Sie mit einer kurzen Einführung in das Thema Ihrer Abschlussarbeit, den Kontext und die Ziele.
- Präsentieren Sie die wichtigsten Aspekte Ihrer Arbeit, einschließlich Methodik, Prozess und Ergebnisse. Fokussieren Sie sich auf die bedeutendsten Erkenntnisse und deren Relevanz.
- Nutzen Sie Grafiken, Diagramme, Animationen und andere visuelle Hilfsmittel, um Ihre Ergebnisse klar und verständlich darzustellen.
- Schließen Sie mit den wichtigsten Schlussfolgerungen und Ergebnissen Ihrer Arbeit sowie einem Ausblick auf mögliche zukünftige Forschungen oder Anwendungen.

#### Technische Umsetzung

- Verwenden Sie eine möglichst gute Kamera und ein externes Mikrofon, um eine gute Video- und Tonqualität zu gewährleisten. Achten Sie auf ausreichende Beleuchtung und eine ruhige Umgebung.
- Integrieren Sie unterstützende visuelle Elemente wie Präsentationsfolien, Infografiken und Bildschirmaufnahmen. Achten Sie darauf, dass diese professionell und klar gestaltet sind.
- Bearbeiten Sie das Video sorgfältig. Schneiden Sie unnötige Teile heraus, fügen Sie Übergänge und Effekte hinzu, und sorgen Sie für eine gleichmäßige Tonqualität.

#### Rahmen, Authentizität und Individualität

- Bleiben Sie authentisch. Sprechen Sie frei und vermeiden Sie abgelesene Texte.
- Vermeiden Sie fertige Tools, Templates und KI-Voiceovers. Gestalten Sie das Video individuell und kreativ.
- Stellen Sie sicher, dass alle Inhalte des Videos veröffentlichungsfähig sind und keine urheberrechtlich geschützten Materialien oder vertraulichen Informationen enthalten.
2 changes: 2 additions & 0 deletions artefacts.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,8 @@

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.

[mehr zum Abschlussvideo](./abschlussvideo.html)

### <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.
8 changes: 1 addition & 7 deletions research-diary.html
Original file line number Diff line number Diff line change
Expand Up @@ -37,11 +37,7 @@



---

## Bewertungskriterien

### Inhalt
### Bewertungskriterien

#### Klarheit und Struktur
- Wie gut ist das Video strukturiert?
Expand All @@ -56,8 +52,6 @@
- Wird eine tiefgehende Reflexion über die Herausforderungen und Erfolge der Woche durchgeführt?
- Werden Erkenntnisse und Schlussfolgerungen klar dargestellt?

### Umsetzung

#### Qualität der Aufnahme
- Ist die Video- und Tonqualität hoch genug für eine klare Verständlichkeit?
- Ist die Beleuchtung angemessen und das Bild stabil?
Expand Down

0 comments on commit b84adaf

Please sign in to comment.