Benutzerschnittstelle


zur Projekthomepage

Die Benutzerschnittstelle ist bei jeder Blockplatinen-Software anders belegt. Auf dieser Seite kann man sich die Pinbelegung anschauen.
Kommentare und Belegung der älteren Softwaren sind von Reinhards Seite abgeschrieben.

Wählen sie aus, wie der Stecker beschriftet werden soll:

Klicken sie auf einen Pin, um die Anschaltung für diesen Pin für die ausgewählte Software zu sehen.

Eine Erklärung gibt es unten.

Pinbelegung

need JavaScript  1 ⚬   ⚬ 2  need JavaScript
need JavaScript  3 ⚬   ⚬ 4  need JavaScript
need JavaScript  5 ⚬   ⚬ 6  need JavaScript
need JavaScript  7 ⚬   ⚬ 8  need JavaScript
need JavaScript  9 ⚬   ⚬ 10  need JavaScript
need JavaScript  11 ⚬   ⚬ 12  need JavaScript
need JavaScript  13 ⚬   ⚬ 14  need JavaScript
need JavaScript  15 ⚬   ⚬ 16  need JavaScript
need JavaScript  17 ⚬   ⚬ 18  need JavaScript
need JavaScript  19 ⚬   ⚬ 20  need JavaScript
need JavaScript  21 ⚬   ⚬ 22  need JavaScript
need JavaScript  23 ⚬   ⚬ 24  need JavaScript
need JavaScript  25 ⚬   ⚬ 26  need JavaScript

Überblick


Erklärung

Auf dieser Seite wird die Pinbelegung der Benutzerschnittstelle J5 (ganz oben rechts im Schaltplan). Die Pinbelegung ist für jede Software, die auf dem Prozessor der Blockplatine laufen kann, unterschiedlich. Was gibt es zu sehen auf dieser Seite?

Ganz oben gibt es eine Drop-Down-Box, aus der man die Software und damit das dargestellte Vorbild des Streckenblocks auswählt. Passend zur Software wird die Pinbelegung beschriftet.

Unter der Überschrift "Pinbelegung" gibt es einen fetten Kasten mit 26 durchgenummerten Punkten, der die Wanne auf der Blockplatine darstellen soll. Die Punkte sollen die Pins darstellen. Auf der Blockplatine hat die Wanne für Pin 1 eine Markierung. Ausserdem weist die Wanne eine Aussparung bei Pin 13 vor, mit der verhindert wird, dass der Stecker falsch herum gesteckt wird. Seitlich von den Pins stehen Beschriftungen, die die Funktion des Pins bei der gewählten Software bezeichnen. Auf die Beschriftungen kann man draufklicken! Solange man das noch nicht getan hat, steht unter der Überschrift "Überblick" eine kurze Zusammenfassung, was das für eine Software ist.

Wenn man auf einen Pin klickt, wird "Überblick" ersetzt durch "Details für angeklickten Pin". Hier erscheint ein Schaltplan, der die Funktion des angeklickten Pins erklären soll. Auf der rechten Seite des Schaltplan (gestrichelt umrandet) befindet sich die Blockplatine mit den für diesen Pin relevanten Bauteilen. Auf der linken Seite befindet eine Prinzipschaltung, die erklärt, wie dieser Pin für diese Software beschaltet werden soll. Direkt über dem Schaltplan befindet sich noch etwas Text. Neben "Funktion des Pins" steht nochmal das, worauf gerade in der Pinbelegung geklickt wurde. Neben "Anschaltung" steht in wenigen Worten zusammengefasst, was an die Blockplatine angeschlossen wird. Für einige Pins gibt es mehrere Möglichkeiten, dann erscheint über dem Schaltplan neben "Optionen" eine Menge von Varianten, die man anklicken kann. Je nach Variante ändert sich der linke Teil des Schaltplans.

Unter der Überschrift "Legende" erscheint eine Tabelle, in der für jeden Pin, der im Schaltplan gezeigt wird die Nummer des Pins auf der J5, ein kurzer Name, z.B. wie der zugehörige Prozessorpin heißt und eine Erkärung des Pins.

Geht nicht?

Ja, kann sein. Dies ist mein erstes Projekt, mit dem ich JavaScript und SVG gelernt habe. Ich bin immer noch Anfänger und habe ein unzureichendes Gespür, was man besser nicht tut, um möglichst viele verschiedene Browser zu unterstützen. Getestet habe ich unter Windows in

Mir ist sehr wohl bewusst, dass ältere Browser keine Unterstützung für SVG haben und damit der Schaltplan nicht angezeigt werden kann. Vielleicht kommen ältere Browser auch mit meinem JavaScript nicht klar. Wer einen einigermaßen neuen Browser verwendet und Fehler mitteilen möchte, schreibt mir bitte, unter welchem Betriebssystem mit welchem Browser in welcher Version das Problem auftritt. Und am liebsten habe ich natürlich Fehlermeldungen von schlaueren Leuten als ich, die mir gleiche sagen können, wie man es besser macht ;-)

Wen es interessiert, hier ein paar Interna, wie es funktioniert. Die ganze Seite befindet sich in einer einzigen HTML-Datei. Darin eingebettet sind haufenweise JavaScript und Vektorgrafik in Form von SVG. Je nachdem, welche Software der User anklickt, wird die Pinbelegung mit unterschiedlichen Zeichenketten verändert. Die Grafik und die Legende-Tabelle enthält immer alle Linien und alle Pins und je nach angeklicktem Pin werden Teile des SVG bzw. Zeilen der Legende-Tabelle sichtbar gemacht bzw. verborgen. Im Schaltplan und in der Tabelle gibt es die Pinnummer und den Namen des Prozessorpins, die passend verändert werden. Alle Dynamik der Seite passiert im Browser!


Autor: Stefan Bormann. Site hosted by: SourceForge Logo NU checker icon