refactor klausurfragen.md to use gender-neutral language and improve clarity
This commit is contained in:
@@ -30,43 +30,15 @@ h2 {
|
||||
}
|
||||
pre {
|
||||
background: #0f0f23;
|
||||
color: #d63384;
|
||||
border-radius: 8px;
|
||||
border-left: 3px solid #d63384;
|
||||
}
|
||||
pre code {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
code {
|
||||
background: #1a1a2e;
|
||||
color: #d63384;
|
||||
padding: 0.15em 0.4em;
|
||||
border-radius: 4px;
|
||||
}
|
||||
a {
|
||||
color: var(--color-highlight);
|
||||
}
|
||||
section.klausur {
|
||||
background: repeating-linear-gradient(
|
||||
135deg,
|
||||
#fce4ec,
|
||||
#fce4ec 40px,
|
||||
#fff 40px,
|
||||
#fff 80px
|
||||
) !important;
|
||||
}
|
||||
@media print {
|
||||
section.klausur {
|
||||
background: #fce4ec !important;
|
||||
}
|
||||
}
|
||||
section.aufgabe {
|
||||
background: #fce4ec !important;
|
||||
}
|
||||
section.aufgabe footer {
|
||||
display: none;
|
||||
}
|
||||
section.disable {
|
||||
opacity: 0.4;
|
||||
}
|
||||
@@ -228,7 +200,7 @@ Was identifiziert eine MAC-Adresse?
|
||||
### B5 – Was ist eine IP-Adresse?
|
||||
**Thema:** IP-Adresse – Konzept
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`WiFi
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Was identifiziert eine IP-Adresse?
|
||||
|
||||
@@ -281,7 +253,7 @@ Ordne jeder Adresse ihre Beschreibung zu.
|
||||
**Punkte:** 2
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Ein Paket reist von deinem Laptop zu einem Webserver über mehrere Router. Erkläre in 2–3 Sätzen, warum die MAC-Adresse an jedem Router neu gesetzt wird, während die IP-Adresse des Ziel-Servers konstant bleibt.
|
||||
Ein Paket reist von Ihrem Laptop zu einem Webserver über mehrere Router. Erkläre in 2–3 Sätzen, warum die MAC-Adresse an jedem Router neu gesetzt wird, während die IP-Adresse des Ziel-Servers konstant bleibt.
|
||||
|
||||
> **Musterlösung:** Die IP-Adresse des Ziel-Servers bleibt konstant, weil sie das globale Routingziel identifiziert – jeder Router nutzt sie, um das nächste Hop zu bestimmen. Die MAC-Adresse hingegen gilt nur für ein einzelnes Netzwerksegment (einen „Hop"). An jedem Router wird ein neuer Frame erstellt mit der MAC des nächsten Hops als Ziel – die alte MAC wird verworfen.
|
||||
|
||||
@@ -353,7 +325,7 @@ Bei der Übertragung wird eine Nachricht von Schicht zu Schicht verpackt. Die Tr
|
||||
**Punkte:** 2
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Ein Videostreaming-Dienst sendet Daten an deinen Browser. Ein einzelnes Paket geht verloren. Warum wählt der Dienst UDP statt TCP?
|
||||
Ein Videostreaming-Dienst sendet Daten an Ihren Browser. Ein einzelnes Paket geht verloren. Warum wählt der Dienst UDP statt TCP?
|
||||
|
||||
- [ ] UDP sendet jedes Paket doppelt, daher geht statistisch nie etwas verloren.
|
||||
- [x] **Bei Echtzeit ist Verzögerung schlimmer als Verlust. TCP würde das Paket erneut anfordern → Video friert ein. UDP ignoriert es → kurzer Glitch, Video läuft weiter.** ✅
|
||||
@@ -429,7 +401,7 @@ Welches Problem lösen Sequenznummern im TCP-Header konkret?
|
||||
|
||||
- [ ] Sie verhindern, dass Hacker die Verbindung abhören können.
|
||||
- [x] **Pakete können in falscher Reihenfolge ankommen. Sequenznummern erlauben das korrekte Sortieren beim Empfänger.** ✅
|
||||
- [ ] Sie zählen, wie viele BenutzerInnen gleichzeitig auf dem Server sind.
|
||||
- [ ] Sie zählen, wie viele Benutzende gleichzeitig auf dem Server sind.
|
||||
- [ ] Sie bestimmen die maximale Größe einer Datei.
|
||||
|
||||
> **Feedback:** IP-Pakete können unterschiedliche Routen nehmen → Part 3 kommt vor Part 1. TCP sortiert sie anhand der Sequenznummern wieder.
|
||||
@@ -465,7 +437,7 @@ Ordne jeder HTTP-Methode ihre Hauptfunktion zu.
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Ein NutzerInnen erstellt einen neuen Blog-Eintrag auf einer Webseite. Welche HTTP-Methode wird verwendet?
|
||||
Eine Person erstellt einen neuen Blog-Eintrag auf einer Webseite. Welche HTTP-Methode wird verwendet?
|
||||
|
||||
- [x] **POST – eine neue Ressource wird erstellt.** ✅
|
||||
- [ ] PUT – PUT wird immer verwendet, wenn Daten gesendet werden.
|
||||
@@ -481,7 +453,7 @@ Ein NutzerInnen erstellt einen neuen Blog-Eintrag auf einer Webseite. Welche HTT
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Ein NutzerInnen aktualisiert sein Profilbild – das alte Bild wird durch ein neues ersetzt. Welche HTTP-Methode?
|
||||
Eine Person aktualisiert ihr Profilbild – das alte Bild wird durch ein neues ersetzt. Welche HTTP-Methode?
|
||||
|
||||
- [ ] GET – GET kann auch Daten senden.
|
||||
- [x] **PUT – ersetzt eine existierende Ressource.** ✅
|
||||
@@ -497,7 +469,7 @@ Ein NutzerInnen aktualisiert sein Profilbild – das alte Bild wird durch ein ne
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Ein NutzerInnen löscht einen von ihm erstellten Kommentar auf einer Webseite. Welche HTTP-Methode wird der Browser im Hintergrund verwenden?
|
||||
Eine Person löscht einen von ihr erstellten Kommentar auf einer Webseite. Welche HTTP-Methode wird der Browser im Hintergrund verwenden?
|
||||
|
||||
- [ ] GET – GET kann auch Löschvorgänge auslösen.
|
||||
- [ ] POST – POST ist die Standardmethode für alle Änderungen.
|
||||
@@ -537,10 +509,10 @@ Ordne jeder ersten Ziffer eines HTTP-Status-Codes ihre Bedeutung zu.
|
||||
|---|---|
|
||||
| 2xx | Erfolg – die Anfrage wurde erfolgreich verarbeitet |
|
||||
| 3xx | Weiterleitung – die Ressource wurde verschoben |
|
||||
| 4xx | Client-Fehler – die Anfrage des NutzerInnens war fehlerhaft |
|
||||
| 4xx | Client-Fehler – die Anfrage der Anfragenden war fehlerhaft |
|
||||
| 5xx | Server-Fehler – der Server hat ein Problem |
|
||||
|
||||
> **Feedback:** Die erste Ziffer = Kategorie. 200 OK, 301 Moved, 404 Not Found, 503 Service Unavailable – die Kategorie sagt dir sofort, wo das Problem liegt.
|
||||
> **Feedback:** Die erste Ziffer = Kategorie. 200 OK, 301 Moved, 404 Not Found, 503 Service Unavailable – die Kategorie sagt Ihnen sofort, wo das Problem liegt.
|
||||
|
||||
---
|
||||
|
||||
@@ -549,14 +521,14 @@ Ordne jeder ersten Ziffer eines HTTP-Status-Codes ihre Bedeutung zu.
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du rufst eine Webseite auf und erhältst `HTTP/2 503 Service Unavailable`. Was bedeutet das?
|
||||
Sie rufen eine Webseite auf und erhalten `HTTP/2 503 Service Unavailable`. Was bedeutet das?
|
||||
|
||||
- [ ] Du hast die falsche URL eingegeben.
|
||||
- [ ] Sie haben die falsche URL eingegeben.
|
||||
- [ ] Der Server hat die Anfrage erfolgreich umgeleitet.
|
||||
- [x] **Der Server ist überlastet oder temporär nicht verfügbar – Verantwortung liegt beim Betreiber.** ✅
|
||||
- [ ] Der Server hat die Seite dauerhaft verschoben.
|
||||
|
||||
> **Feedback:** 5xx = Server-Problem. Du als Client kannst nur später erneut versuchen. Der Betreiber muss das lösen.
|
||||
> **Feedback:** 5xx = Server-Problem. Sie als Client können nur später erneut versuchen. Der Betreiber muss das lösen.
|
||||
|
||||
---
|
||||
|
||||
@@ -565,14 +537,14 @@ Du rufst eine Webseite auf und erhältst `HTTP/2 503 Service Unavailable`. Was b
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du erhältst einen 404-Fehler. Wer ist für die Ursache verantwortlich?
|
||||
Sie erhalten einen 404-Fehler. Wer ist für die Ursache verantwortlich?
|
||||
|
||||
- [ ] Der Server ist abgestürzt.
|
||||
- [ ] Das Internet ist ausgefallen.
|
||||
- [x] **Der Client (NutzerInnen) – eine URL wurde angefordert, die nicht existiert (Tippfehler oder veralteter Link).** ✅
|
||||
- [x] **Der Client (Anfragende) – eine URL wurde angefordert, die nicht existiert (Tippfehler oder veralteter Link).** ✅
|
||||
- [ ] Der DNS-Server konnte den Namen nicht auflösen.
|
||||
|
||||
> **Feedback:** 4xx = Client-Fehler. Der Server funktioniert perfekt, er sagt nur: „Das, was du anforderst, habe ich nicht."
|
||||
> **Feedback:** 4xx = Client-Fehler. Der Server funktioniert perfekt, er sagt nur: „Das, was Sie anfragen, habe ich nicht."
|
||||
|
||||
---
|
||||
|
||||
@@ -585,12 +557,12 @@ Ordne jedem Szenario den passenden HTTP-Status-Code zu.
|
||||
|
||||
| Szenario | Status-Code |
|
||||
|---|---|
|
||||
| Du rufst eine Seite auf, die seit letztem Jahr auf eine neue URL umgeleitet wurde | 301 Moved Permanently |
|
||||
| Sie rufen eine Seite auf, die seit letztem Jahr auf eine neue URL umgeleitet wurde | 301 Moved Permanently |
|
||||
| Eine Webseite lädt erfolgreich | 200 OK |
|
||||
| Du gibst eine URL ein, die nicht existiert | 404 Not Found |
|
||||
| Sie geben eine URL ein, die nicht existiert | 404 Not Found |
|
||||
| Der Webserver ist überlastet | 503 Service Unavailable |
|
||||
|
||||
> **Feedback:** 200 = Alles gut. 301 = dauerhaft verschoben. 404 = nicht gefunden (dein Fehler). 503 = Server-Problem (Betreiber).
|
||||
> **Feedback:** 200 = Alles gut. 301 = dauerhaft verschoben. 404 = nicht gefunden (Ihr Fehler). 503 = Server-Problem (Betreiber).
|
||||
|
||||
---
|
||||
|
||||
@@ -632,7 +604,7 @@ Was ist die Hauptfunktion eines DNS-Servers?
|
||||
**Punkte:** 2
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du gibst `https://hdm-stuttgart.de` in die Adresszeile ein. Was passiert vor dem TCP-Handshake?
|
||||
Sie geben `https://hdm-stuttgart.de` in die Adresszeile ein. Was passiert vor dem TCP-Handshake?
|
||||
|
||||
- [ ] Der Browser sendet direkt den Namen an den Server – DNS wird erst danach benötigt.
|
||||
- [x] **DNS-Auflösung: Der Name wird in eine IP-Adresse umgewandelt. TCP kann nur zu IP-Adressen Verbindungen aufbauen.** ✅
|
||||
@@ -693,7 +665,7 @@ Sortiere die Schritte eines HTTPS-Aufrufs in der richtigen Reihenfolge:
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du gibst eine URL ein. Welche Reihenfolge ist korrekt?
|
||||
Sie geben eine URL ein. Welche Reihenfolge ist korrekt?
|
||||
|
||||
- [ ] (1) TCP-Handshake → (2) DNS → (3) HTTP GET → (4) HTTP 200 OK
|
||||
- [x] **(1) DNS → (2) TCP-Handshake → (3) HTTP GET → (4) HTTP 200 OK** ✅
|
||||
@@ -721,7 +693,7 @@ Eine studierende Person platziert den `<title>` und `<meta name="description">`
|
||||
- [ ] (1) Der Titel wird im Seiteninhalt sichtbar angezeigt. (2) Die description wird als Text auf der Seite eingeblendet.
|
||||
- [ ] Nur das Fehlen von `<meta charset>` ist ein Problem.
|
||||
|
||||
> **Feedback:** `<head>` = Metadaten (unsichtbar für die NutzerInnen, sichtbar für Browser/Maschinen). `<body>` = sichtbarer Inhalt. Title und description im Body werden nicht als Metadaten interpretiert.
|
||||
> **Feedback:** `<head>` = Metadaten (unsichtbar für die Benutzenden, sichtbar für Browser/Maschinen). `<body>` = sichtbarer Inhalt. Title und description im Body werden nicht als Metadaten interpretiert.
|
||||
|
||||
---
|
||||
|
||||
@@ -741,7 +713,7 @@ Ordne jedem Element zu, ob es in `<head>` oder `<body>` gehört.
|
||||
| `<p>Text hier</p>` | `<body>` |
|
||||
| `<link rel="stylesheet">` | `<head>` |
|
||||
|
||||
> **Feedback:** `<head>` = alles, was der NutzerInnen nicht direkt sieht (Metadaten, Styles, Titel). `<body>` = alles, was im Browser-Fenster angezeigt wird.
|
||||
> **Feedback:** `<head>` = alles, was die Benutzenden nicht direkt sehen (Metadaten, Styles, Titel). `<body>` = alles, was im Browser-Fenster angezeigt wird.
|
||||
|
||||
---
|
||||
|
||||
@@ -836,7 +808,7 @@ Wie würde eine Media Query für „Desktop First" aussehen (Standard ist Deskto
|
||||
|
||||
Erkläre den Unterschied zwischen „Mobile First" und „Desktop First" beim Responsive Design. Welche Media-Query-Eigenschaft nutzt jeder Ansatz, und warum?
|
||||
|
||||
> **Musterlösung:** Mobile First: Das Basis-CSS ist für kleine Bildschirme (Handy). Mit `min-width` werden schrittweise Anpassungen für größere Bildschirme hinzugefügt („ab dieser Breite"). Desktop First: Das Basis-CSS ist für große Bildschirme. Mit `max-width` werden Ausnahmen für kleinere Geräte definiert (「bis zu dieser Breite"). Mobile First wird bevorzugt, weil die Mehrheit der NutzerInnen mobil zugreift und es forced-mobile-first die Grundlage für progressive Enhancement bietet.
|
||||
> **Musterlösung:** Mobile First: Das Basis-CSS ist für kleine Bildschirme (Handy). Mit `min-width` werden schrittweise Anpassungen für größere Bildschirme hinzugefügt („ab dieser Breite"). Desktop First: Das Basis-CSS ist für große Bildschirme. Mit `max-width` werden Ausnahmen für kleinere Geräte definiert (「bis zu dieser Breite"). Mobile First wird bevorzugt, weil die Mehrheit der Benutzenden mobil zugrifft und forced-mobile-first die Grundlage für progressive Enhancement bietet.
|
||||
|
||||
---
|
||||
|
||||
@@ -871,10 +843,10 @@ Ordne jedem Eingabegerät seine Nutzungsweise zu.
|
||||
**Punkte:** 2
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Eine NutzerInnen kann aktuell nur mit einer Hand sein Handy bedienen, weil er das Baby auf dem Arm trägt. Wie klassifiziert man diese Einschränkung?
|
||||
Eine Person kann aktuell nur mit einer Hand ihr Handy bedienen, weil sie das Baby auf dem Arm trägt. Wie klassifiziert man diese Einschränkung?
|
||||
|
||||
- [ ] Permanent – das ist eine bleibende körperliche Behinderung.
|
||||
- [ ] Temporär – der NutzerInnen ist verletzt und braucht Zeit zum Heilen.
|
||||
- [ ] Temporär – die Person ist verletzt und braucht Zeit zum Heilen.
|
||||
- [x] **Situativ – die Einschränkung entsteht durch die aktuelle Umgebung/Situation, nicht durch eine Behinderung.** ✅
|
||||
- [ ] Diese Art von Einschränkung existiert nicht – Barrierefreiheit betrifft nur Menschen mit Behinderung.
|
||||
|
||||
@@ -909,7 +881,7 @@ Welches Beispiel demonstriert den Curb-Cut-Effekt?
|
||||
|
||||
Erkläre das Konzept des Curb-Cut-Effekts. Nenne zwei konkrete Web-Beispiele und erkläre jeweils, wer die ursprüngliche Zielgruppe war und wer sonst davon profitiert.
|
||||
|
||||
> **Musterlösung:** Der Curb-Cut-Effekt beschreibt, wie eine Maßnahme für Menschen mit Behinderung am Ende allen zugute kommt – wie die Bordsteinabsenkung, die für Rollstuhlfahrer gedacht war, aber auch Kinderwagen, Rollkoffer und Fahrrädern helft. Web-Beispiele: (1) Untertitel – primär für Gehörlose, helfen auch in lauter Umgebung oder beim Sprachlernen. (2) Alt-Texte – primär für Screen-Reader-NutzerInnen, helfen auch Suchmaschinen (SEO).
|
||||
> **Musterlösung:** Der Curb-Cut-Effekt beschreibt, wie eine Maßnahme für Menschen mit Behinderung am Ende allen zugute kommt – wie die Bordsteinabsenkung, die für Rollstuhlfahrer gedacht war, aber auch Kinderwagen, Rollkoffer und Fahrrädern helfen. Web-Beispiele: (1) Untertitel – primär für Gehörlose, helfen auch in lauter Umgebung oder beim Sprachlernen. (2) Alt-Texte – primär für Screen-Reader-Benutzende, helfen auch Suchmaschinen (SEO).
|
||||
|
||||
---
|
||||
|
||||
@@ -921,7 +893,7 @@ Erkläre das Konzept des Curb-Cut-Effekts. Nenne zwei konkrete Web-Beispiele und
|
||||
Was ist der European Accessibility Act (EAA)?
|
||||
|
||||
- [ ] Ein freiwilliges EU-Programm zur Förderung barrierefreier Websites.
|
||||
- [x] **Eine EU-Richtlinie, die seit Juni 2025 in Kraft ist und Barrierefreiheit in bestimmten digitalen Bereichen verpflichtend mache.** ✅
|
||||
- [x] **Eine EU-Richtlinie, die seit Juni 2025 in Kraft ist und Barrierefreiheit in bestimmten digitalen Bereichen verpflichtend macht.** ✅
|
||||
- [ ] Ein deutsches Gesetz, das nur öffentliche Behörden betrifft.
|
||||
- [ ] Ein technisches Standard wie HTML oder CSS.
|
||||
|
||||
@@ -929,12 +901,12 @@ Was ist der European Accessibility Act (EAA)?
|
||||
|
||||
---
|
||||
|
||||
### H6 – Barrierefreiheit: Warum auch für „normale" NutzerInnen?
|
||||
### H6 – Barrierefreiheit: Warum auch für „normale" Benutzende?
|
||||
**Thema:** Barrierefreiheit – Business Case
|
||||
**Punkte:** 2
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Erkläre, warum barrierefreie Gestaltung nicht nur für Menschen mit Behinderung wichtig ist, sondern auch einen praktischen Nutzen für alle NutzerInnen hat. Nenne mindestens zwei konkrete Beispiele.
|
||||
Erkläre, warum barrierefreie Gestaltung nicht nur für Menschen mit Behinderung wichtig ist, sondern auch einen praktischen Nutzen für alle Benutzenden hat. Nenne mindestens zwei konkrete Beispiele.
|
||||
|
||||
> **Musterlösung:** Barrierefreiheit verbessert die UX für alle: (1) SEO – Alt-Texte und semantisches HTML helfen Suchmaschinen, die Seite besser zu verstehen → besseres Ranking. (2) Mobile – viele barrierefreie Prinzipien (z. B. große Tippflächen, guter Kontrast) sind auch für Mobilgeräte im Sonnenlicht wichtig. (3) Ältere Menschen – Sehschwäche, motorische Einschränkungen betreffen einen großen Anteil der Bevölkerung. Der Markt: ~15% Menschen mit Behinderung + ~20% ältere Menschen.
|
||||
|
||||
@@ -945,40 +917,44 @@ Erkläre, warum barrierefreie Gestaltung nicht nur für Menschen mit Behinderung
|
||||
**Punkte:** 2
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du willst eine Webseite auf Barrierefreiheit testen, ohne assistive Technologie zu installieren. Was machst du?
|
||||
Sie möchten eine Webseite auf Barrierefreiheit testen, ohne assistive Technologie zu installieren. Was machen Sie?
|
||||
|
||||
- [ ] Du scrollst durch die Seite und schaust, ob sie schön aussieht.
|
||||
- [x] **Du navigierst nur mit Tab + Enter durch die Seite und prüfst: Erreiche ich alle Funktionen? Ist der Fokus immer sichtbar? Ist die Tab-Reihenfolge logisch?** ✅
|
||||
- [ ] Du installierst einen Screenreader und lässt die Seite vorlesen.
|
||||
- [ ] Du öffnest den Quellcode und zählst die barrierefreien Tags.
|
||||
- [ ] Sie scrollen durch die Seite und schauen, ob sie schön aussieht.
|
||||
- [x] **Sie navigieren nur mit Tab + Enter durch die Seite und prüfen: Erreichen Sie alle Funktionen? Ist der Fokus immer sichtbar? Ist die Tab-Reihenfolge logisch?** ✅
|
||||
- [ ] Sie installieren einen Screenreader und lassen die Seite vorlesen.
|
||||
- [ ] Sie öffnen den Quellcode und zählen die barrierefreien Tags.
|
||||
|
||||
> **Feedback:** Der Tastatur-Test ist der schnellste barrierefreie Selbsttest: Nur Tab + Enter benutzen. Wenn man so eine Funktion nicht erreicht kann, ist sie für Tastatur-NutzerInnen (und damit auch für Screenreader-NutzerInnen) nicht zugänglich. Tools wie axe DevTools oder Lighthouse automatisieren ~30% der Checks.
|
||||
> **Feedback:** Der Tastatur-Test ist der schnellste barrierefreie Selbsttest: Nur Tab + Enter benutzen. Wenn man so eine Funktion nicht erreicht kann, ist sie für Tastatur-Benutzende (und damit auch für Screenreader-Benutzende) nicht zugänglich. Tools wie axe DevTools oder Lighthouse automatisieren ~30% der Checks.
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
<!-- _class: lead disable -->
|
||||
|
||||
## BLOCK I – Zusammenfassung-Fragen (Übergreifend)
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### I1 – Gesamtablauf: Wahl der richtigen Methode
|
||||
**Thema:** HTTP + TCP + DNS zusammen
|
||||
**Punkte:** 3
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Ein NutzerInnen klickt auf einen „Neuen Eintrag erstellen"-Button einer Webanwendung. Beschreibe vom Klick bis zur Antwort des Servers, welche Protokolle beteiligt sind und welche HTTP-Methode verwendet wird.
|
||||
Eine Person klickt auf einen „Neuen Eintrag erstellen"-Button einer Webanwendung. Beschreibe vom Klick bis zur Antwort des Servers, welche Protokolle beteiligt sind und welche HTTP-Methode verwendet wird.
|
||||
|
||||
> **Musterlösung:** (1) Der Browser sendet eine HTTP-Anfrage. Da es sich um eine neue Ressource handelt, nutzt er POST. (2) Vorher: DNS löst den Domain-Namen auf. (3) TCP-Handshake stellt die Verbindung her. (4) POST-Anfrage wird gesendet (Daten im Body). (5) Server verarbeitet, erstellt den Eintrag, antwortet mit 201 Created.
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### I2 – Gesamtablauf: Störfall analysieren
|
||||
**Thema:** Netzwerk + HTTP – Transfer/Problemlösung
|
||||
**Punkte:** 3
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Du rufst eine Webseite auf und erhältst eine Fehlermeldung. Beschreibe drei verschiedene Szenarien, die zu einer Fehlermeldung führen könnten, und erkläre, in welcher „Schicht" des Ablaufs (DNS, TCP, HTTP) das Problem liegt und wie du es erkennst.
|
||||
Sie rufen eine Webseite auf und erhalten eine Fehlermeldung. Beschreibe drei verschiedene Szenarien, die zu einer Fehlermeldung führen könnten, und erkläre, in welcher „Schicht" des Ablaufs (DNS, TCP, HTTP) das Problem liegt und wie Sie es erkennen.
|
||||
|
||||
> **Musterlösung:** (1) DNS-Fehler: „Der Server wurde nicht gefunden" → DNS konnte den Namen nicht auflösen (z. B. Tippfehler in der URL oder DNS-Server nicht erreichbar). (2) TCP-Fehler: „Die Verbindung wurde verweigert" → Server existiert (IP bekannt), akzeptiert aber keine Verbindung (nicht gestartet, Port blockiert). (3) HTTP-Fehler: 404 → TCP-Verbindung erfolgreich, aber die angeforderte Ressource existiert nicht auf dem Server.
|
||||
|
||||
@@ -1146,6 +1122,58 @@ Sortiere die Dateneinheiten von kleinster zu größter:
|
||||
|
||||
---
|
||||
|
||||
### J11 – Bit und Byte: Umrechnung
|
||||
**Thema:** Grundbegriffe – Bit/Byte-Verhältnis
|
||||
**Punkte:** 1
|
||||
**Typ:** `[NUMERIC]`
|
||||
|
||||
Ein Bit ist die kleinste Informationseinheit. Ein Byte besteht aus wie vielen Bit?
|
||||
|
||||
**Lösung:** **8** (±0)
|
||||
|
||||
> **Feedback:** 1 Byte = 8 Bit. Ein Byte kann einen Wert von 0 bis 255 darstellen (2⁸ − 1). Die Unterscheidung Bit/Byte ist fundamental – Bit wird mit kleinem „b" abgekürzt (b), Byte mit großem „B" (B). Deshalb: 1 Mbit/s ≠ 1 MB/s.
|
||||
|
||||
---
|
||||
|
||||
### J12 – 7-Bit ASCII: Wie viele Zeichen?
|
||||
**Thema:** Grundbegriffe – ASCII-Zeichenkodierung
|
||||
**Punkte:** 1
|
||||
**Typ:** `[NUMERIC]`
|
||||
|
||||
Der ASCII-Standard verwendet 7 Bit pro Zeichen. Wie viele verschiedene Zeichen können damit dargestellt werden?
|
||||
|
||||
**Lösung:** **128** (±0)
|
||||
|
||||
> **Feedback:** Bei n Bit gibt es 2ⁿ mögliche Werte. 7 Bit → 2⁷ = 128 Zeichen. Diese umfassen: Ziffern (0–9), Buchstaben (A–Z, a–z), Sonderzeichen und Steuerzeichen. Achtung: Umlaute (ä, ö, ü) sind nicht im ASCII-Sortiment – dafür braucht man z. B. UTF-8.
|
||||
|
||||
---
|
||||
|
||||
### J13 – Hexadezimalzahlen: Zwei 4-Bit-Werte
|
||||
**Thema:** Grundbegriffe – Hexadezimal
|
||||
**Punkte:** 2
|
||||
**Typ:** `[NUMERIC]`
|
||||
|
||||
Zwei Hexadezimalzahlen werden jeweils durch 4 Bit dargestellt. Wie viele verschiedene Werte kann eine einzelne Hexadezimalziffer annehmen?
|
||||
|
||||
**Lösung:** **16** (±0)
|
||||
|
||||
> **Feedback:** 4 Bit → 2⁴ = 16 Werte (0–15). Diese werden in Hexadezimal als 0–9 und A–F dargestellt. Zwei Hex-Ziffern zusammen = 8 Bit = 1 Byte → ein Byte lässt sich immer als genau zwei Hex-Ziffern schreiben (z. B. Byte 255 = FF, Byte 10 = 0A).
|
||||
|
||||
---
|
||||
|
||||
### J14 – Ein Pixel, drei Kanäle, 8 Bit
|
||||
**Thema:** Grundbegriffe – Speicherbedarf eines Pixels
|
||||
**Punkte:** 1
|
||||
**Typ:** `[NUMERIC]`
|
||||
|
||||
Ein einzelner Pixel wird durch drei Farbkanäle (R, G, B) mit jeweils 8 Bit Farbtiefe gespeichert. Wie viele Byte Informationen enthalten ein solcher Pixel?
|
||||
|
||||
**Lösung:** **3** (±0)
|
||||
|
||||
> **Feedback:** 3 Kanäle × 8 Bit = 24 Bit = 3 Byte pro Pixel. Das entspricht einer 24-Bit-Farbtiefe (True Color). Diese 3 Byte pro Pixel bilden die Basis für jede Speicherberechnung von Rasterbildern: Breite × Höhe × 3 Bytes = Gesamtgröße unkomprimiert.
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
## BLOCK K – Bildformate & Raster vs. Vektor
|
||||
@@ -1280,6 +1308,8 @@ Wie heißt der Prozess, bei dem eine Vektorgrafik in eine Rastergrafik umgewande
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### K9 – Interpolation: Welches Verfahren wofür?
|
||||
**Thema:** Rastergrafiken – Interpolationsverfahren
|
||||
**Punkte:** 2
|
||||
@@ -1402,6 +1432,8 @@ Bei welchem Schritt der JPEG-Kompression werden Daten dauerhaft weggeworfen?
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### L7 – DCT: Was macht sie?
|
||||
**Thema:** JPEG – DCT-Prinzip
|
||||
**Punkte:** 1
|
||||
@@ -1434,6 +1466,8 @@ Wie funktioniert Huffman-Coding?
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### L9 – JPEG-Artefakte: Benennen
|
||||
**Thema:** JPEG – Artefakte identifizieren
|
||||
**Punkte:** 2
|
||||
@@ -1478,7 +1512,7 @@ Wie komprimiert PNG?
|
||||
**Punkte:** 2
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Erkläre, wann du PNG und wann JPEG wählen würdest. Nenne je zwei konkrete Anwendungsfälle und begründe deine Wahl.
|
||||
Erklären Sie, wann Sie PNG und wann JPEG wählen würden. Nenne je zwei konkrete Anwendungsfälle und begründen Sie Ihre Wahl.
|
||||
|
||||
> **Musterlösung:** PNG: (1) Screenshots – Texte und Linien bleiben scharf, keine Artefakte. (2) Logos mit Transparenz – PNG unterstützt Alpha-Transparenz, JPEG nicht. JPEG: (1) Fotos fürs Web – deutlich kleiner bei kaum sichtbarem Qualitätsverlust. (2) Social Media – Plattformen re-komprimieren sowieso, PNG würde nur unnötig groß sein.
|
||||
|
||||
@@ -1500,6 +1534,8 @@ Wie viele Farben kann ein GIF-Bild gleichzeitig anzeigen?
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: disable -->
|
||||
|
||||
### M4 – WebP vs. JPEG: Vorteil?
|
||||
**Thema:** Bildformate – WebP
|
||||
**Punkte:** 1
|
||||
@@ -1542,7 +1578,7 @@ Ordne jedem Szenario das optimale Bildformat zu.
|
||||
| Szenario | Format |
|
||||
|---|---|
|
||||
| Ein Foto für eine Webseite (klein, OK-Qualität) | JPEG |
|
||||
| Ein Screenshot einer BenutzerInnenoberfläche | PNG |
|
||||
| Ein Screenshot einer Benutzeroberfläche | PNG |
|
||||
| Ein Logo, das auf allen Bildschirmgrößen scharf sein muss | SVG |
|
||||
| Ein animiertes Reaktionsbild für einen Chat | GIF |
|
||||
|
||||
@@ -1601,7 +1637,7 @@ Ordne jedem Frame-Typ seine Beschreibung zu.
|
||||
**Punkte:** 2
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Erkläre, warum ein I-Frame bei der Videogespeicherung so wichtig ist. Was passiert, wenn ein einzelner I-Frame in einem Videostream beschädigt wird?
|
||||
Erkläre, warum ein I-Frame bei der Videokompression so wichtig ist. Was passiert, wenn ein einzelner I-Frame in einem Videostream beschädigt wird?
|
||||
|
||||
> **Musterlösung:** Ein I-Frame ist ein vollständiges, unabhängig dekodierbare Bild. Alle nachfolgenden P- und B-Frames referenzieren auf vorherige Frames – letztlich auf das letzte I-Frame. Wenn ein I-Frame beschädigt wird, können alle abhängigen P- und B-Frames bis zum nächsten intakten I-Frame nicht mehr korrekt rekonstruiert werden → Videofehler sichtbar bis zum nächsten Keyframe. Deshalb werden typischerweise alle 1–2 Sekunden neue I-Frames eingefügt.
|
||||
|
||||
@@ -1614,7 +1650,7 @@ Erkläre, warum ein I-Frame bei der Videogespeicherung so wichtig ist. Was passi
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Was beschreibt ein Motion Vector bei der Videogespeicherung?
|
||||
Was beschreibt ein Motion Vector bei der Videokompression?
|
||||
|
||||
- [ ] Die Helligkeit eines einzelnen Pixels.
|
||||
- [x] **Die Verschiebung eines Bildblocks zwischen zwei Frames (z. B. „verschiebe um +20 Pixel nach rechts").** ✅
|
||||
@@ -1648,7 +1684,7 @@ Sortiere die Video-Codecs nach Veröffentlichungsjahr (alt → neu):
|
||||
**Punkte:** 2
|
||||
**Typ:** `[ESSAY]`
|
||||
|
||||
Erkläre, warum AV1 als „die Zukunft" der Videogespeicherung gilt. Nenne mindestens zwei konkrete Eigenschaften und erkläre, warum H.265 trotz besserer technischer Kompression nicht die gleiche Dominanz erreicht hat.
|
||||
Erkläre, warum AV1 als „die Zukunft" der Videokompression gilt. Nenne mindestens zwei konkrete Eigenschaften und erkläre, warum H.265 trotz besserer technischer Kompression nicht die gleiche Dominanz erreicht hat.
|
||||
|
||||
> **Musterlösung:** AV1 (2018) ist royalty-free und open source – die Alliance for Open Media vereint Google, Netflix, Amazon, Apple, Mozilla. Es liefert 30% bessere Kompression als H.265 und unterstützt 8K, HDR, hohe Frame-Rates. H.265 scheitert vor allem am Patent-Chaos: Drei konkurrierende Patent-Pools (MPEG-LA, HEVC Advance, Velos Media) erzeugen rechtliche Unsicherheit und unklare Kosten → viele Unternehmen bleiben bei H.264 oder wechseln direkt zu AV1.
|
||||
|
||||
@@ -1764,7 +1800,7 @@ Ordne jedem Dateisystem seine ideale Anwendung zu.
|
||||
**Punkte:** 1
|
||||
**Typ:** `[MC]`
|
||||
|
||||
Du versuchst, eine 5-GB-Videodatei auf einen FAT32-formatierten USB-Stick zu kopieren. Was passiert?
|
||||
Sie versuchen, eine 5-GB-Videodatei auf einen FAT32-formatierten USB-Stick zu kopieren. Was passiert?
|
||||
|
||||
- [ ] Die Datei wird automatisch aufgeteilt in kleinere Teile.
|
||||
- [x] **Der Vorgang fehlschlägt – FAT32 unterstützt keine einzelnen Dateien größer als 4 GB.** ✅
|
||||
|
||||
Reference in New Issue
Block a user