Interaktive Elemente zur Kryptographie
Verschiebevarfahren / Cäsar-Verfahren
Im Kopf der Seite:
---- Features: caesar-verfahren, ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="interaktiv caesar-verfahren" data-verschiebezahl="3"></div>
Parameter:
- data-verschiebezahl: Verschiebezahl, die nach dem Start des interaktiven Elements gewählt ist.
Ergebnis:
Chiffrierscheibe
Im Kopf der Seite:
---- features: chiffrierscheibe ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="chiffrierscheibe interaktiv" style="width:500px; margin: auto;">
Über den inline-Style legt man fest, wie groß die chiffrierscheibe sein soll.
Ergebnis:
monoalphabetische Substitution
Im Kopf der Seite:
---- features: monoalphabetische-substitution ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="monoalphabetische-substitution interaktiv" schluessel="HALO"></div>
Parameter:
- schluessel: Schlüssel, der nach dem Start des interaktiven Elements verwendet wird
Ergebnis:
Kryptoanalyse einer monoalphabetischen Substitution
Im Kopf der Seite:
---- Features: kryptoanalyse-monoalphabetisch, ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div
class="kryptoanalyse-monoalphabetisch interaktiv"
zeigeTabelle="ja"
zeigeTextAusgabe="ja"
zeige2Gramme3Gramme="ja"
zeigeButtonAutomatischeZuordnung="ja"
leerzeichenBearbeitbar="ja"
geheimtextDatei="geheimtext.txt">
</div>
Parameter:
- zeigeTabelle (ja/nein): Ersetzungstabelle anzeigen oder verstecken
- zeigeTextAusgabe (ja/nein): Klartext anzeigen
- zeige2Gramme3Gramme (ja/nein): Häufigkeiten von Bigrammen und Trigrammen im Geheimtext anzeigen
- zeigeButtonAutomatischeZuordnung (ja/nein): Zeige einen Button, über den eine Ersetzungstabelle aufgrund der Häufigkeiten einzelner Buchstaben erzeugt werden kann
- geheimtextDatei: Aus dieser Datei wird der Geheimtext geladen, der anfänglich im Editor steht. Die Datei muss sich im gleichen Verzeichnis befinden wie die Datei inhalt.txt
- leerzeichenBearbeitbar (ja/nein): Falls ja: Im Klartext können Leerzeichen eingefügt werden, indem man auf einen Buchstaben klickt.
Ergebnis:
Vigenere-Quadrat
Im Kopf der Seite:
---- features: vigenere-quadrat ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="vigenere-quadrat interaktiv" highlighetdX="2" highlighetdY="7"></div>
Parameter:
- highlighetdX: x-Koordinate, die nach Start des interaktiven Elements hervorgehoben sein soll
- highlighetdY: y-Koordinate, die nach Start des interaktiven Elements hervorgehoben sein soll
Ergebnis:
Vigenere-Verfahren
Im Kopf der Seite:
---- features: vigenere-verfahren ----
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="vigenere-verfahren interaktiv"></div>
Ergebnis:
Kasiski-Test
Im Kopf der Seite:
---- features: kasiski-test ----Mit dem feature kasiski-test bindet man zwei interaktive Elemente ein:
- kasiki-test: ein interaktives Element zum Ermitteln der Schlüssellänge
- kasiski-kolonnen-analyse: ein interaktives Element zur Ermittlung des häufigsten Buchstabens jeder Kolonne
Ermitteln der Schlüssellänge
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="kasiski-test interaktiv"></div>
Ergebnis:
Analyse der Kolonnen
An der Stelle, an der das interaktive Element erscheinen soll:
<div class="kasiski-kolonnen-analyse interaktiv"></div>
Ergebnis: