Files
mindflux/src/main/resources/static/finalflux/systemintegration/dsl.html
T
AliceDarkest 501ecc0c1e AP3 A11y-Widget perfektioniert (Focus-Trap, aria-Semantik, tote CSS, Cache)
- accessibility.js: Focus-Trap im Panel (Tab/Shift+Tab zyklisch ueber Close + 9
  Optionen), aria-modal="true" beim Oeffnen, Klick-ausserhalb schliesst (Escape +
  Fokus-Rueckgabe bestehen). Font-Button: aria-pressed ersetzt durch dynamisches
  aria-label ("... aktuell 115 %") + .is-active ab >100 %; Reset-Button ohne
  aria-pressed (Aktion statt Toggle). Hochkontrast-Untertitel "immer dunkel".
- accessibility.css: toten Legacy-Dock-Code entfernt (72px body-padding, .mf-a11y-dock,
  Fixed-Trigger, Dock-Media-Query); .is-active am Aktiv-Styling; Kommentar, dass
  Hochkontrast bewusst immer dunkel bleibt.
- accessibility-placement.css: obsoleten Padding-Reset entfernt; .is-active ergaenzt.
- Cache-Buster: theme.js injiziert accessibility.css v6 / placement v10 /
  accessibility.js v9 / fluxtimer.css v5; theme.css?v=4 und theme.js?v=5 in allen
  80 Templates/Finalflux-Seiten vereinheitlicht.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE
2026-07-21 00:16:05 +02:00

113 lines
5.8 KiB
HTML

<!DOCTYPE html>
<html lang="de" data-theme="dark">
<head>
<meta charset="UTF-8">
<title>DSL und Internetanschluss - FinalProtocol AP1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/theme.css?v=4">
<link rel="stylesheet" href="/css/finalflux.css">
<script src="/js/theme.js?v=5"></script>
</head>
<body class="finalflux-page">
<div class="mf-theme-float"><button class="mf-theme"></button></div>
<main>
<a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
<h1>DSL und Internetanschluss</h1>
<section>
<h2>Lernfokus</h2>
<p>Trainiere Bandbreite, Upload/Download, Latenz und typische Anschlussprobleme.</p>
<ul class="key-list">
<li>Download und Upload unterscheiden.</li>
<li>Latenz und Verfügbarkeit bewerten.</li>
<li>Fehler an Anschluss und Router eingrenzen.</li>
</ul>
</section>
<section>
<h2>Was ist DSL?</h2>
<p>DSL (Digital Subscriber Line) überträgt Daten über die vorhandene zweiadrige Kupfer-Telefonleitung. Telefonie nutzt nur einen schmalen Frequenzbereich; DSL legt die Daten in höhere, ungenutzte Frequenzen. Dadurch lassen sich Telefon und Internet gleichzeitig über dieselbe Leitung betreiben.</p>
<ul class="key-list">
<li><strong>Download</strong>: Datenrate vom Internet zum Kunden (Empfangen).</li>
<li><strong>Upload</strong>: Datenrate vom Kunden ins Internet (Senden).</li>
<li><strong>Bandbreite</strong>: maximal mögliche Datenrate, meist in Mbit/s.</li>
<li><strong>Latenz</strong>: Zeitverzögerung (Ping in ms), unabhängig von der Bandbreite.</li>
</ul>
</section>
<section>
<h2>DSL-Varianten</h2>
<p>Die Varianten unterscheiden sich vor allem im Verhältnis von Down- zu Upload und in der erreichbaren Geschwindigkeit.</p>
<ul class="key-list">
<li><strong>ADSL (asymmetrisch)</strong>: hoher Download, kleiner Upload. Gut für klassisches Surfen und Streaming, schwächer beim Hochladen (z. B. Cloud-Backup).</li>
<li><strong>SDSL (symmetrisch)</strong>: Download und Upload gleich groß. Sinnvoll für Server, VPN und viel Datenversand, typisch im Geschäftsumfeld.</li>
<li><strong>VDSL (Very High Speed)</strong>: deutlich schneller als ADSL, oft mit Glasfaser bis zum Verteiler (FTTC) und nur dem letzten Stück Kupfer.</li>
</ul>
<p class="merksatz"><strong>Merksatz:</strong> A wie <em>asymmetrisch</em> (ADSL), S wie <em>symmetrisch</em> (SDSL), V wie <em>viel schneller</em> (VDSL).</p>
</section>
<section>
<h2>Splitter und DSLAM</h2>
<p>Zwei Geräte werden in der Prüfung gern verwechselt - sie sitzen an entgegengesetzten Enden der Leitung:</p>
<ul class="key-list">
<li><strong>Splitter</strong>: steht beim Kunden am Hausanschluss und trennt das Telefonsignal vom DSL-Signal. (Bei reinen IP-Anschlüssen entfällt er.)</li>
<li><strong>DSLAM</strong>: steht beim Provider in der Vermittlungsstelle bzw. am Straßenverteiler und bündelt viele DSL-Leitungen, um sie ins Providernetz zu führen.</li>
<li><strong>Modem/Router</strong>: das Modem wandelt das Leitungssignal um, der Router verbindet das Heimnetz mit dem Internet (oft in einem Gerät vereint).</li>
</ul>
</section>
<section>
<h2>Was bremst die Geschwindigkeit?</h2>
<p>Die tatsächliche Datenrate liegt oft unter dem Vertragswert. Entscheidend ist die Qualität der Kupferstrecke bis zum DSLAM:</p>
<ul class="key-list">
<li><strong>Leitungslänge</strong>: Je weiter es bis zur Vermittlungsstelle/zum Verteiler ist, desto geringer die mögliche Geschwindigkeit.</li>
<li><strong>Dämpfung</strong>: Das Signal wird über die Strecke schwächer; hohe Dämpfung senkt die erreichbare Bandbreite.</li>
<li><strong>Störungen/Rauschen</strong>: Schlechte Leitungen verursachen Paketverlust und Verbindungsabbrüche.</li>
<li><strong>WLAN</strong>: Funkprobleme im Haus sind kein DSL-Anschlussfehler - immer per Kabel gegenprüfen.</li>
</ul>
<p class="merksatz"><strong>Merksatz:</strong> Mehr Leitungslänge bedeutet mehr Dämpfung - und damit weniger Geschwindigkeit.</p>
</section>
<section>
<h2>Prüfungsmodus</h2>
<p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
</section>
<section class="finalflux-test" data-finalflux-test aria-live="polite">
<div class="test-meta">
<span data-question-counter>Frage 1</span>
<span data-score-counter>0 richtig</span>
</div>
<div class="category-block">
<p class="eyebrow">Kategorie</p>
<h2 data-category-title>DSL und Internetanschluss</h2>
<p data-category-hint>AP1-Training</p>
</div>
<div class="question-card">
<h3 data-question-text></h3>
<div data-answer-options class="answer-options"></div>
<div data-answer-feedback class="fluxcheck-result"></div>
</div>
<div class="test-actions">
<button type="button" data-check-answer>Antwort prüfen</button>
<button type="button" data-skip-question class="secondary">Überspringen</button>
<button type="button" data-next-question class="secondary" disabled>Weiter</button>
</div>
</section>
<section data-test-result class="finalflux-panel" hidden>
<h2>Auswertung</h2>
<p data-result-summary></p>
<ul data-category-summary class="key-list"></ul>
<div class="finalflux-actions">
<button type="button" data-restart-test>Test neu starten</button>
<a href="/finalflux">Zurück zur Übersicht</a>
</div>
</section>
</main>
<script src="/js/finalflux-test.js" data-questions-src="/finalflux/questions/systemintegration_dsl.json" defer></script>
</body>
</html>