WIP: dateiformate rework

slides/223015b/00-intro.md

@@ -145,11 +145,11 @@ Hochschule der Medien Stuttgart
 
 **Bitte Hand heben:**
 
-1) Wer kennt den Unterschied zwischen analog und digital?
-2) Wer hat schon mal eine Datei von einem Format in ein anderes konvertiert?
-3) Wer hat schon mal Metadaten aus einem Foto entfernt?
-4) Wer kennt die 3-2-1 Backup-Regel?
-5) Wer hat schon mal eine API benutzt?
+* Wer kennt den Unterschied zwischen analog und digital?
+* Wer hat schon mal eine Datei von einem Format in ein anderes konvertiert?
+* Wer hat schon mal Metadaten aus einem Foto entfernt?
+* Wer hat schon mal ein Backup verloren?
+* Wer hat schon mal ein Backup wiederhergestellt?
 
 <!--
 Niveau der Gruppe einschätzen
@@ -164,11 +164,11 @@ API = Application Programming Interface
 
 **Kapitel:**
 
-1. Grundlagen, Text & **Audio** (Bits, Bytes, Zeichenkodierung, MP3)
-2. **Bild** & **Video**-Kompression (JPEG, PNG, H.264/H.265)
-3. **Speichermedien** & **Schnittstellen** (HDD, SSD, USB, Thunderbolt)
-4. **Distribution**, **APIs** & Zukunft (Streaming, REST, Cloud)
-5. Vertiefung & offene Fragen
+* 1. **Grundlagen**, Text & Audio (Bits, Bytes, Zeichenkodierung, MP3)
+* 2. Bild- & Video-**Kompression** (JPEG, PNG, H.264/H.265)
+* 3. **Speichermedien** & **Schnittstellen** (HDD, SSD, USB, Thunderbolt)
+* 4. **Distribution** und Verteilung (Streaming, REST, Cloud)
+* Vertiefung & offene Fragen
 
 
 ---

slides/223015b/01-grundlagen-text-audio.md

@@ -68,15 +68,10 @@ section.aufgabe {
 section.aufgabe footer {
   display: none;
 }
-section.erklaerung {
+section.erklaerung :not(header),
+section.erklaerung :not(footer)
+{
   font-size: 1.1rem;
-  background: repeating-linear-gradient(
-    135deg,
-    #e3f2fd,
-    #e3f2fd 40px,
-    #fff 40px,
-    #fff 80px
-  ) !important;
 }
 @media print {
   section.erklaerung {
@@ -129,6 +124,12 @@ Hochschule der Medien Stuttgart
 
 ---
 
+# Was sind Daten?
+
+* 
+
+---
+
 <!-- _class: lead -->
 
 # Das Problem der Datengröße
@@ -338,8 +339,6 @@ KLAUSURRELEVANT:
 ---
 
 <!-- _class: erklaerung -->
-<!-- _header: '' -->
-<!-- _footer: '' -->
 
 # Kompression – Vertiefung
 
@@ -386,10 +385,15 @@ PRAXISBEISPIEL:
 
 ---
 
+- Alltagsbeispiele für Kompression sammeln
+- Wie sieht Kompression aus, wenn man es visualisieren würde? Eine Maske, hinter der nichts zu sehen ist?
+
+---
+
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg fit](./assets/compression-types.png)
+<!--![bg fit](./assets/compression-types.png) -->
 
 <!--
 Lossless vs. Lossy Kompression
@@ -418,13 +422,19 @@ Demonstration: Glühbirne AN/AUS = 1 Bit
 
 ---
 
+<!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 # Das Bit
 
-**Kleinste Informationseinheit**
+**Kleinste _logische_ Informationseinheit**
 
-- **0 oder 1**
-- AN oder AUS
-- Strom fließt oder nicht
+* **0 oder 1**
+* AN oder AUS
+* Strom fließt oder nicht
+* Schwarz oder Weiß
+* Richtig oder Falsch
 
 <!--
 BIT = Binary Digit (Binärziffer) – 1948 von Claude Shannon geprägt
@@ -441,12 +451,34 @@ Transistoren in modernen CPUs: Milliarden davon, schalten Milliarden Mal pro Sek
 
 ---
 
-# Das Byte
+# Das Bit
+
+**Kleinste _logische_ Informationseinheit**
+
+Basis^Exponent = Potenzwert
+
+Zweierpotenz(werte) = 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, ...
+
+---
+
+# Das Byte besteht aus genau 8 Bit
+
+**Kleinste Lese- oder Schreibanweisung eines Computers**
+
+* Computer kennen Bitoperationen, können aber nicht bit-weise lesen und schreiben
+* Jede Operation (Lesen, Schreiben, "Löschen") beinhaltet mindestens **8 Bit ≙ 1 Byte**
+  * Warum eigentlich nicht 8 Bit = 1 Bite?
+* **Warum genau 8?**
+  * Warum denn nicht?
+  * Bit basiert auf Zweierpotenzen: 1 Byte = 8 Bit = 2⁸
+  * Ein Byte (8 Bit) kann mit 2 Hex(adezimal)-Ziffern dargestellt werden
+  * Mit 1 Byte = 8 Bit = 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2 erhält man 256 Zustände
 
 <!--
-"Ein Bit allein macht nicht glücklich, die Welt ist nunmal nicht schwarz oder weiß"
 
-"Und um noch weitere (nennen wir es Schattierungen, ganz literarisch) der Welt abbilden zu können, benötigen wir eine weiter Messgröße oder Einheit"
+Lese- und Schreibkopf (Turing-Maschine)
+
+Computer können nicht rechnen, aber sehr gut sachen lesen und schreiben (Richard Fyneman)
 
 BYTE = Wortspiel aus "Bit" + "Bite" (Bissen) – ein "Bissen" Information
 
@@ -455,9 +487,16 @@ BYTE = Wortspiel aus "Bit" + "Bite" (Bissen) – ein "Bissen" Information
 
 ---
 
+<!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 # Das Byte
 
-**1 Byte = 8 Bits**
+**Kleinste _adressierbare_ Einheit** für Speicher, Operationen und Prozessoren
+
+
+**1 Byte = 8 Bit** = 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2 = **2⁸ = 256**
 
 ```
 0 0 1 0 1 0 1 0
@@ -485,7 +524,7 @@ Frage: "Weiß jemand wieviele Zustände wir mit 8 Bit beschreiben können?"
 0 0 1 0 1 0 1 0
 ```
 
-2⁸ = **256 Möglichkeiten** (0-255)
+<!-- 2⁸ = **256 Möglichkeiten** (0-255) -->
 
 <!--
 
@@ -518,6 +557,38 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen)
 
 ---
 
+# Das Byte als Dezimalzahl
+
+**1 Byte (1B) = 8 Bits (8b)**
+
+```
+0 0 0 0 0 0 0 0   ->   0
+```
+```
+0 0 0 0 0 0 0 1   ->   1
+```
+```
+0 0 0 0 0 0 1 0   ->   2
+```
+```
+0 0 0 0 0 0 1 1   ->   3
+```
+```
+0 0 0 0 0 1 0 0   ->   4
+```
+```
+0 1 0 0 0 0 0 0   ->   64
+```
+```
+0 1 1 1 1 1 1 1   ->   127
+```
+```
+1 1 1 1 1 1 1 1   ->   ?
+
+```
+
+---
+
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
@@ -587,7 +658,7 @@ Sog. RGB Tuple (geordnete endliche Liste)
 
 # Farben: RGB-Modell
 
-**1 Pixel = 3 Bytes**
+**1 Pixel = 3 Byte**
 
 - **Rot:** 0-255
 - **Grün:** 0-255