Home > Customization (Skins)

SiteKiosk indivduell anpassen

Das Browserlayout, das Startseitenlayout und Bildschirmtastaturen können in JEDER erdenklichen Form von Ihnen individuell gestaltet werden.

Die SiteSkin Technologie basiert auf offenen Internet Standards, wie z.B. HTML, Javascript, XML usw. und ist ähnlich einer Webseite aufgebaut.



1. Browserlayout

Das Browserlayout (auch Browserskin) wird hierbei in einem eigenständigen Browser angezeigt. In diesem Browser ist ein zweiter Browser, das eigentliche Browserfenster zum Surfen, eingebettet. Eine Kommunikation zwischen diesen beiden Browserfenstern ist problemlos möglich. Das Design des Skins wird größtenteils in HTML realisiert, die speziellen Funktionen zur Kontrolle des Browsers über die proprietäre Javascript-Erweiterung SiteKiosk Object Model. Eine ausführliche Dokumentation zum SiteKiosk Object Model finden Sie hier.



2. Startseitenlayout

Eine Sonderform des Browserlayouts ist das Startseitenlayout. Hierbei wird das Skin als Startseite im SiteKiosk Browser benutzt. Je nach Aufbau des Startseitenlayouts bleibt dies die ganze Zeit im Hauptfenster von SiteKiosk sichtbar oder es wird beim Aufruf einer URL auf ein normales Browserlayout gewechselt.



3. Tastaturlayout

Im Grunde besteht ein Bildschirmtastaturlayout aus mindestens zwei .jpg Bildern. Eines stellt die gedrückten Tasten dar, das andere die nicht gedrückten. Auf diesen Bildern können, ähnlich wie bei einer Client Side Image Map (die auf Webseiten Verwendung findet), Bereiche definiert werden, auf die man klicken bzw. die man drücken kann. Die Definition erfolgt in einer xml-basierten Datei.



4. Konfigurationstool

Das Konfigurationstool von SiteKiosk ist ebenfalls HTML-basiert und kann komplett umgestaltet werden. Bei Fragen wenden Sie sich bitte an uns.



5. Tasten ummappen

In der Kiosk-Industrie werden an öffentlichen Terminals oftmals spezielle Hardwaretastaturen verwendet, mit denen Sonderfunktionen ausgeführt werden können.
Es ist z.B. denkbar eine Tastatur zu implementieren, die im Gegensatz zu einer herkömmlichen Tastatur die Zusatztaste "http://" oder zusätzliche Scrolltasten besitzt. SiteKiosk ermöglicht es Ihnen, z.B. eine F4 Taste mit der Funktion "nach unten scrollen" zu belegen. Interessant ist es z.B. auch, Tasten mit Links zu belegen, die dann auf die Webseiten von Werbepartnern führen.



6. Anpassbare Einzeldateien
Bitte beachten Sie:
Für die Erstellung eines eigenen Browser- bzw. Tastaturlayouts sind gewisse Grundkenntnisse notwendig. Aus verständlichen Gründen können wir Ihnen keinen kostenlosen Support (ausser dieser ausführlichen Dokumentation und der Dokumentation für das SiteKiosk Object Model) bei der Erstellung eines eigenen Skins leisten!



7. Manuell editierbare Konfigurationsoptionen

Einige Konfigurationsoptionen von SiteKiosk sind nicht über die grafische Konfigurationsoberfläche von SiteKiosk editierbar. Es handelt sich dabei um spezielle Optionen, die im Normalfall nicht geändert werden müssen. Eine Zusammenstellung dieser Optionen findet sich auf dieser Seite.


8. Notwendige Komponenten für die Erstellung von individuellen Browser-, Startseiten- und Tastaturlayouts

8.1 Vorlage
Bitte nehmen Sie sich ein bestehendes Browser- oder Tastaturlayout als Vorlage.

Bei der Erstellung eines Browserlayouts bietet sich z.B. das SiteKiosk Metro IE Skin als Vorlage an, da dieses Skin alle notwenigen Komponenten beinhaltet und es einfacher ist, das vorhandene Skin Ihren Wünschen anzupassen. Erstellen Sie vor eigenen Experimenten bitte unbedingt eine Sicherungskopie des Ordners "Skins/Windows_8" und der Datei "Skins/Windows_8.skskin".

  • Pfad des Metro IE Skins: SK-Installationsordner/Skins/Windows_8

Bei der Erstellung eines Tastaturlayouts gelten die gleichen Regeln. Verwenden Sie z.B. das International Layout als Grundlage für eine eigene Tastatur. Erstellen Sie in diesem Fall eine Sicherungskopie des Ordners "Skins/Provisio/lightweight_int" und der Datei "Skins/provisio_lightweight_int.skskin".
  • Pfad des International Tastaturlayouts: SK-Installationsordner/Skins/Provisio/lightweight_int
8.2 skskin-Datei
Diese Datei im XML-Format sorgt dafür, dass ein Layout in der SiteKiosk Konfiguration angezeigt wird. In dieser Datei wird der Skin-Name und auch das Vorschaubild für den Konfigurationswizard festgelegt. Nachfolgend als Beispiel die skskin-Datei des Metro IE Skins (SK-Installationsordner/Skins/Windows_8.skskin):

<skin name="Metro IE Skin" filename="Windows_8.skskin">
          <browserskin name="Metro IE Skin">
                    <preview>skins\Windows_8\Preview.jpg</preview>
                    <skindef>skins\Windows_8\Windows8Skindef.xml</skindef>
          </browserskin>
</skin>

Die entsprechende Datei des Metro IE Skins findet sich hier:
  • Pfad der skskin-Datei des Metro IE Skins: SK-Installationsordner/Skins/Windows_8.skskin
Die skskin-Datei des International Tastaturlayouts liegt an dieser Stelle:
  • Pfad der skskin-Datei des International Tastaturlayouts: SK-Installationsordner/Skins/provisio_lightweight_int.skskin
Eine ausführliche Dokumentation der skskin-Datei finden Sie auf dieser Seite.
8.3 Definitionsdatei
In der XML-Datei befinden sich alle Definitionen, die das Basis-Layout des Browsers bzw. der Bildschirmtastatur bestimmen und Verweise auf weitere Dateien, die für die korrekte Darstellung benötigt werden.

Eine umfassendere Beschreibung der Definitionsdatei für Browserlayouts finden Sie hier.
  • Pfad der Definitionsdatei des Metro IE Skins: SK-Installationsordner/Skins/Windows_8/Windows8Skindef.xml
Eine umfassendere Beschreibung der Definitionsdatei für Tastaturlayouts finden Sie hier.
  • Pfad der Definitionsdatei des International Layouts: SK-Installationsordner/Skins/Provisio\lightweight_int/lightweight_int.xml
8.4 Stringtable (Sprachelemente von Browserskins)
Rein theoretisch können Sie innerhalb von SiteKiosk beliebig viele Sprachen zur Verfügung stellen. In der Definitionsdatei eines Browserskins sind die für ein Skin verfügbaren Sprachen definiert und eine entsprechende stringtable.xml-Datei verlinkt, die auf die Übersetzungen verweist. Die Dokumentation dieser Datei findet sich hier.
  • Standardmäßig verwendete stringtable.xml: SK-Installationsordner/Language/Browserskins/stringtable.xml


Bei Betätigung des Logout-Buttons oder bei Aktivierung des Bildschirmschoners wird die angezeigte Sprache automatisch wieder auf die Standardsystemsprache zurückgesetzt.

Tastaturlayouts und Startseitenlayouts haben keine gesonderte stringtable.xml. Die Startseitenlayouts greifen in der Regel auf die Übersetzungsdateien der Browserlayouts zurück. Die für ein Tastaturlayout relevanten Sprachdefinitionen finden sich direkt in der Definitionsdatei des Layouts.
8.5 Vorschaubild
Zur Darstellung einer Vorschau des Browserlayouts im Konfigurationstool von SiteKiosk wird ein Previewbild von dem Skin benötigt. Dieses muss das Dateiformat .png (in 24 BIT Farbtiefe) und die Bildmaße 256 Pixel breit und 92 Pixel hoch haben. Gängige Bildbearbeitungsprogramme bieten die Erstellung dieses Formats an.

Entsprechende Datei des Metro IE Skins:
  • Pfad des Vorschaubilds des Metro IE Skins: SK-Installationsordner/Skins/Windows_8/Preview.jpg
Und des International Tastaturlayouts:
  • Pfad des Vorschaubilds des International Layouts: SK-Installationsordner/Skins/Provisio/lightweight_int/preview.png
8.6 Skindateien
Darüberhinaus gehören zu einem Skin verschiedenste HTML-, Javascript-, XML-, CSS-, Bild-Dateien etc. Diese Dateien machen das eigentliche Skin aus. Auf einige dieser Dateien wird explizit in den Definitionsdateien der Layouts verwiesen. Diese dienen dann SiteKiosk für den Einstieg in die unmittelbare Darstellung des Layouts. Die anderen Dateien werden wiederum in diesen Einstiegsdateien verlinkt, z.B. Bilder in HTML-Dateien, die die Oberfläche eines Skins abbilden. Die Inhalte dieser Dateien sind zu vielfältig als dass Sie hier erörtert werden können. Wie schon erwähnt empfehlen wir den Einstieg in die Materie über die Dateien eines bestehenden Skins, um sich einen Eindruck von den Möglichkeiten zu verschaffen.

Weitere Informationen:

Siehe auch

Willkommen
Neue Features
Lieferumfang/Installation
Support
Systemvoraussetzungen
Einschränkungen der Demoversion
SiteKiosk registrieren
PROVISIO Kontaktdaten
Fernwartung (SiteRemote)
Leitfaden bei Erstbenutzung
Kennwort
Startseite & Browser
Surfgebiet
Bildschirmschoner
Logout/Ausloggen
Programme
Drucken
E-Mail
Dateien & Downloads
Eingabegeräte
Systemwartung
Zugriff/Sicherheit
Logfiles
Bildschirmtastatur
Jugendschutzfilter
Telefonie (SIP)
Bezahlgeräte
System Sicherheits-Assistent
OpenSource Komponenten
Über uns


Nach oben