HTML Basic Spots erstellen

HTML Basic Spots sind lokal gespeicherte Websites, die mit eingeschränkten Konfigurationsmöglichkeiten in IXM One integriert werden können. Dieser Artikel behandelt die Struktur, den Aufruf und die Konfiguration von HTML Basic Spots im Grassfish-System sowie Tipps für eine effiziente Entwicklung und Fehlerbehebung.

Dateistruktur

Wenn Sie einen HTML Basic Spot erstellen, wenden Sie die folgende Dateistruktur an:

• Haupteinstiegspunkt: Der HTML Basic Spot muss eine Datei mit dem Namen index.html enthalten, die als Einstiegspunkt für die Website dient. Zusätzlich kann die Website Unterverzeichnisse enthalten, die relativ referenziert werden müssen.

• Paketierung von Dateien: Vor dem Hochladen in IXM One sollte die HTML Website gezippt werden. Die ZIP-Datei muss die Erweiterung .html.zip haben. Nach dem Hochladen erstellt das System einen Spot, der mit einem Vorschaubild auf der IXM One angezeigt wird.

• Inhalt der ZIP-Datei: Die ZIP-Datei sollte Folgendes enthalten:

  • index.html

  • Optional Unterverzeichnisse und andere Ressourcen, die für die Site erforderlich sind.

Hochladen in IXM One

Wenn Ihr HTML Basic Spot fertig ist, führen Sie die folgenden Schritte aus:

1. Komprimieren Sie die gesamte Website einschließlich der index.html und eventueller Unterverzeichnisse in eine ZIP-Datei.

2. Stellen Sie sicher, dass die Dateierweiterung .html.zip ist.

3. Laden Sie die .html.zip Datei in IXM One hoch. Nach erfolgreichem Upload erstellt das System einen Platz für die Website mit einem Standard-Thumbnail.

Dateisystem und Aufruf des Players

HTML Basic Spots werden je nach Player (Windows, Linux, Android) unterschiedlich aufgerufen.

HTML Basic Spot-Konfiguration

Mit DynamicItems können Sie bestimmte Konfigurationseinstellungen für den Spot vornehmen. Mit diesen Einstellungen können Sie das Verhalten, das Erscheinungsbild und die Funktionalität des Spots optimieren, sowohl während des Upload-Vorgangs als auch beim Aufruf des Players.

In IXM One können Sie diese Spoteigenschaften angeben, bevor Sie den Spot zur Playliste hinzufügen. Sobald sie der Playliste hinzugefügt wurden, werden diese Werte in den Spot kopiert und können für jede Playliste unabhängig vom ursprünglichen Spot angepasst werden.

Aufruf auf dem Player

Wenn sie auf dem Player aufgerufen werden, werden die Einstellungen als URL-Parameter an den Spot übergeben, wobei alle Werte URL-codiert sind. Es ist wichtig, dies bei der Entwicklung des Spots im Hinterkopf zu behalten.

Die Konfigurationsfunktion wird wie folgt über die URL auf dem Player übertragen:

…index.html?otherParams=otherValues&someBoolean=true

Beispielkonfiguration

Mit diesem Beispielcode kann der Spotwert true In IXM One bearbeitet werden.

<Object>
    <ID>someBoolean</ID>
	<DataType>boolean</DataType>
	<Value>true</Value>
	<DisplayName>Some boolean</DisplayName>
</Object>

Beispielkonfiguration von DynamicItems

Im Folgenden finden Sie eine Beispielkonfiguration von DynamicItems in der settings.xml Datei:

<?xml version="1.0" encoding="utf-8"?>
<settings>
	<uploadSettings>
		<usePreload>true</usePreload>
		<thumbnails>
			<cms>thumbnailSmall.jpg</cms>
			<preview>thumbnailBig.jpg</preview>
		</thumbnails>
		<dynamicItems>
			<Array>
			<Object>
				<ID>someInt</ID>
				<DataType>int</DataType>
				<Value>1</Value>
				<DisplayName>Some int</DisplayName>
			</Object>
			<Object>
				<ID>someString</ID>
				<DataType>string</DataType>
				<Value>none</Value>
				<DisplayName>Some string</DisplayName>
			</Object>
			<Object>
				<ID>someList</ID>
				<DataType>list</DataType>
				<Sources>
					<Value>Entry 1</Value>
					<Value>Entry 2</Value>
					<Value>Entry 3</Value>
				</Sources>
				<Value>Entry 2</Value>
				<DisplayName>Some list entry</DisplayName>
			</Object>
			<Object>
				<ID>someBoolean</ID>
				<DataType>boolean</DataType>
				<Value>true</Value>
				<DisplayName>Some boolean</DisplayName>
			</Object>
			<Object>
				<ID>someColor</ID>
				<DataType>color</DataType>
				<Value>0xFF0000</Value>
				<DisplayName>Some color</DisplayName>
			</Object>
			</Array>
		</dynamicItems>
	</uploadSettings>
</settings>

Im Folgenden finden Sie eine Aufschlüsselung der wichtigsten Einstellungen und ihrer Funktionalität:

Fehlerbehebung mit Logdateien

Zur Fehlerbehebung oder Überwachung des HTML Basic Spot-Entwicklungsprozesses enthalten Logdateien nützliche Informationen.

Windows Player Logdateien

Der Windows Player speichert zwei Arten von Logdateien:

• Allgemeines Log befindet sich unter C:\GVClient\log\Player

• Erstes Bildschirm-Log unter C:\GVClient\log\Player1

Linux Player Logdateien

Auf dem Linux Player befinden sich alle Spotdateien, einschließlich .html.zip, im Medienverzeichnis auf Linux Playern. Nach dem Herunterladen werden die Dateien in ein Unterverzeichnis mit dem Namen des Spots entpackt. Entwicklungsdateien können direkt in diesem Verzeichnis ausgetauscht werden, und durch Drücken von F5 auf dem Player wird der Spot für die Vorschau neu gestartet.

Allgemeines Log befindet sich unter /opt/grassfish/logs/gfPlayer

Tipps

Die folgenden Tipps können Ihnen helfen, grundlegende HTML Spots effizient zu entwickeln.

1. Verteilen Sie frühere Versionen des Spots über IXM One an einen Test-Player.

2. Übertragen Sie die Daten über WinSCP auf den Linux Player, um den Spot in Echtzeit zu sehen.