223015b – Dateiformate, Schnittstellen, Speichermedien & Distributionswege

Modul "Technik 1" · 1. Semester · Digital- und Medienwirtschaft Hochschule der Medien Stuttgart · Wintersemester 2025/26

Repository: git.librete.ch/hdm/223015b

---

Über dieses Modul

Internettechnologien 1 – "Technische Grundlagen von IT-Projekten"

Die Digitalisierung verändert die Prozesse und Tätigkeiten in allen Branchen. Sie hat neue Geschäftsmodelle ermöglicht und auch unseren Alltag stark verändert. Kaum ein Projekt in der Medienwelt kommt ohne digitale Technik aus – als Produkt, Kollaborationsplattform oder Marketing- und Verkaufsplattform.

Ziel: Technische Grundlagen verstehen, um mit Entwicklungsteams, Kunden und Projektpartnern auf Augenhöhe zusammenarbeiten zu können.

Termine

#	Datum	Thema
1	19.12.2025	Grundlagen, Text & Audio
2	09.01.2026	Bild- & Videoformate
3	23.01.2026	Speichermedien & Schnittstellen
4	30.01.2026	Distribution, APIs & Zukunft
5	TBA	Vertiefung & offene Fragen

Kompetenzen

In dieser Veranstaltung erwerben Sie folgende Kompetenzen:

• Technische Konzepte des Internets verstehen (Netzwerke, Protokolle, Client/Server)
• Dateiformate analysieren und verstehen
• Grundlagen von Kompression (Audio, Bild, Video)
• Speichermedien und Schnittstellen kennen
• APIs und Distributionswege verstehen

Dozent: Michael Czechowski · michael.czechowski@lehre.dhbw-stuttgart.de

---

Slides erstellen

Basic Slide Structure

Slides are written in Markdown and separated by ---:

---
marp: true
theme: uncover
paginate: true
---

# Slide Title

Content here

---

# Next Slide

More content

Frontmatter

Configure slide settings at the top:

---
marp: true
theme: uncover
paginate: true
backgroundColor: #fff
title: My Presentation
---

Themes

Use built-in themes:

• default
• gaia
• uncover

Or create custom themes in themes/ directory.

Images and Assets

Place images in assets/ directory and reference them:

![Alt text](assets/image.jpg)

Custom Themes

Create custom themes in themes/ directory:

/* @theme custom-theme */

@import-theme "gaia";

section {
  background-color: #f0f8ff;
  color: #2c3e50;
}

h1 {
  color: #3498db;
}

Apply custom theme in frontmatter:

---
marp: true
theme: custom-theme
---

Development Workflow

1. Edit slide files in slides/ directory
2. Use npm run dev for live preview
3. Make changes and see updates automatically
4. Export final version with npm run export:pdf

Makefile Commands

Alternative commands using Make:

make build      # Build slides
make dev        # Start development server
make pdf        # Export to PDF
make html       # Export to HTML
make watch      # Watch for changes
make clean      # Remove generated files
make deploy     # Deploy slides to server

Tips

• Use --- to separate slides
• Frontmatter controls global settings
• Images should be in assets/ directory
• Custom themes extend built-in themes
• PDF export requires Chrome/Chromium

Troubleshooting

• PDF export fails: Ensure Chrome/Chromium is installed
• Server not starting: Check if port 8080 is available
• Styles not applying: Verify theme file paths
• Images not loading: Check relative paths from slides directory

Contributing

1. Follow the file structure conventions
2. Use numbered prefixes for slide files
3. Test builds before committing
4. Keep commit messages lowercase and descriptive

License

This project is licensed under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0).

This project uses Marp which is MIT licensed.