joerghuelsermann.de Schach

Schach

Diese Seite wurde dazu angelegt für das Schachspiel dem Spiel der Könige die Stellung durch eine SVG Datei darzustellen.

Der momentane Stand ist so das mit diesem Formular und der SVG Datei eine Partie Schach reibungslos möglich ist.

Schachfelder

Aufstellung der Schachfiguren

Die momentane Schachstellung und eine Liste der Eingabemöglichkeiten wird an dieser Stelle dargestellt. Sind keine Parameter übergeben worden wird die Grundaufstellung für eine Partie Schach ausgegeben.

Für die einzelnen Schachfiguren ist eine Abkürzung aus zwei Buchstaben gewählt worden, die den ersten Buchstaben der Farbe und der Spielfigur beinhaltet.

Schachbrett

Variante wechseln

Version mit Einsatz von Javascript

Benutzung des Schachformulares

Falls kein Formularfeld ausgefüllt wird erzeugt dieses Formular eine SVG Datei mit der Grundaufstellung einer Schach Partie. Von dieser ausgehen kann man dieses Formular mit entsprechen Parametern aufrufen.

Techniken zur Erzeugung der Schachstellungen

Die Darstellung der Schachstellungen als SVG Datei garantiert einen sehr geringen Datentransfer auch dadurch das Unicode Zeichen verwendet werden.

Durch die Verwendung eines datalist Elementes gegenüber einem select Element erreicht man einer weitere Minimierung des Datentransfers.

Eine Überprüfung der Eingaben findet durch eine HTML5 Validierung zuerst statt.

Bei diesem Formular wird nach Absenden eine Filterung der Parameter vorgenommen, ob diese in Gebrauch sind. Das ermöglicht dann kürzere Adressen für die Darstellung der SVG Datei.

Zuschaltbare Javascript Version

Diese Seite ist ein gutes Beispiel dafür ab welchem Zeitpunkt man Techniken wie Javascript einsetzen sollte. Deshalb wird nicht ungefragt der Einsatz von Javascript vorgenommen. Vorteile sehe ich darin auch ohne den Einsatz von Javascript die Grundfunktionen für das Schach Spiel zu gewährleisten.

Beide Versionen haben Vorteile im Bereich Benutzerfreundlichkeit. Einmal der geringere Datentransfer in der Version ohne Javascript und bei der Version mit Unterstützung von Javascript kommt durch das Ausfüllen des Formulares per Drag und Drop eine komfortablere Ansicht zustande.