In einer sich schnell entwickelnden Unternehmenslandschaft können Daten das entscheidende Unterscheidungsmerkmal sein. Durch den externen Austausch von Daten können Unternehmen neue Umsatzquellen erschließen, Kunden begeistern und ihr Produktangebot verbessern. Um diese Entwicklung zu beschleunigen, können sich Unternehmen auf Lösungen von Anbietern verlassen, die sich auf Business Intelligence spezialisiert haben, wie Tableau Embedded Analytics, um mit minimalem Aufwand erstklassige Analysen zu liefern. Der Embedding Playground wurde entwickelt, um die Lernkurve zu verkürzen und die Effizienz bei der Wertschöpfung zu steigern. In dieser interaktiven Umgebung können Entwickler schnell personalisierten Code erstellen und sich mit den wichtigsten Embedded Analytics-Elementen wie der Embedding API, Connected Apps und User Attribute Functions vertraut machen.
Mit dem Embedding Playground können Entwickler mit der Arbeit mit Tableau Embedded Analytics beginnen, ohne eine Entwicklungsumgebung einrichten oder seitenlange Dokumentationen lesen zu müssen. Produktmanagern helfen die Embedding Playgrounds dabei, Erfahrungen aus erster Hand mit Embedded Analytics zu sammeln und einen Prototyp zu erstellen, ohne Prioritäten oder Ressourcen zu verschieben.
Beginnen Sie mit dem Tableau Embedding Playground
Mit der Embedding-API können Sie Tableau ganz einfach über eine einfache Webkomponente einbetten. Mit nur wenigen Codezeilen können Sie die volle Leistungsfähigkeit von Tableau in Ihre Anwendung einbetten. Um noch einen Schritt weiter zu gehen – über die einfache Einbettung hinaus – können Sie mit dem Embedding Playground Tableau ganz einfach anpassen und in Ihre Anwendung integrieren, so dass Sie erweiterte Datenprodukte erstellen können.
Wenn Sie den Embedding Playground zum ersten Mal öffnen, werden Sie mit einem Willkommensdialog begrüßt, der Sie durch die vier Hauptbereiche führt:
- Das linke Bedienfeld, in dem Sie die Einbettungs-URL angeben, die Anzeigeeinstellungen konfigurieren, auf Code-Snippets zugreifen, um Interaktivität hinzuzufügen, und eine Verknüpfung zu einer Connected App herstellen.
- Der Codebereich enthält den JavaScript- und HTML-Code, der zum Einbetten der Tableau-Visualisierung verwendet wird. Der Code wird automatisch aktualisiert, wenn Sie die Einbettungsdetails, die Anzeigeeinstellungen und die Drag-and-Drop-Interaktionen im linken Bedienfeld konfigurieren.
- Das Vorschaufenster zeigt Ihnen die eingebettete Visualisierung und wird aktualisiert, wenn Sie auf Ausführen klicken, so dass Sie das Ergebnis Ihres Codes sofort sehen können.
- Das Konsolenfenster kann geöffnet werden, um die Ausgabe anzuzeigen und Sie bei der Fehlersuche und der Identifizierung von Warnungen zu unterstützen.
Das linke Bedienfeld ist immer vorhanden, aber Sie können einstellen, ob Sie nur das Code-Fenster, das Vorschaufenster oder eine Rasteransicht der beiden Bereiche sehen möchten. Sie können auch die Trennlinien zwischen dem Code- und dem Vorschaufenster sowie zwischen dem JS- und dem HTML-Code-Editor ziehen, um die Größe der Bereiche anzupassen.
Anpassen der Anzeige
Für den Einstieg können Sie eine Beispielvisualisierung verwenden oder eine Visualisierung auswählen, die in Tableau Cloud, Tableau Server oder Tableau Public veröffentlicht wurde. Konfigurieren Sie dann, ob Sie eine Visualisierung als Anzeigeerlebnis einbetten oder einen Autorenmodus bereitstellen möchten, damit Ihre Endbenutzer die Daten weiter untersuchen können.
Mit Tableau können Sie Dashboard-Layouts verwenden, um das Design basierend auf dem Gerät zu optimieren, von dem aus auf das Dashboard zugegriffen wird, um sicherzustellen, dass Ihre Endbenutzer immer ein ideales Anzeigeerlebnis haben. Wenn ein Dashboard-Layout für ein Gerät erstellt wurde, können Sie dieses als Anzeigegerät im Embedding Playground festlegen, um eine Vorschau des Layouts zu erhalten. Sie können auch die Breite und Höhe einstellen, angeben, ob Sie die Registerkartennavigation anzeigen möchten, und die Position der Symbolleiste festlegen, damit die Anzeige Ihren Anforderungen entspricht.
Interaktivität hinzufügen
Sobald Sie die Anzeige konfiguriert haben, können Sie mit dem Hinzufügen von Interaktionen beginnen, z. B. mit dem Hinzufügen von Kontextmenüs, dem Anwenden von Filtern, dem Exportieren von Daten und vielem mehr. Durch das Hinzufügen von Interaktivität können Sie die Benutzererfahrung verbessern, indem Sie Tableau nahtlos in Ihre Anwendung integrieren und Self-Service-Analysen dorthin bringen, wo Ihre Kunden sie benötigen.
Die Interaktionen sind durchsuchbar und nach Arbeitsblatt, Dashboard, Arbeitsmappe und Interaktionstyp geordnet, sodass Sie den benötigten Beispielcode schnell finden können. Jede Interaktion enthält eine Zusammenfassung ihrer Funktion und Links zur API-Referenz, so dass Sie leicht verstehen können, wann und wie sie zu verwenden ist. Wenn Sie dann bereit sind, die Interaktion zu Ihrem Code hinzuzufügen, brauchen Sie sie nur in den JavaScript-Editor zu ziehen und alle Platzhalterwerte zu aktualisieren. Mit dem Tableau Embedding Playground können Sie neue Möglichkeiten entdecken, experimentieren und Interaktionen miteinander kombinieren, ohne sich Sorgen machen zu müssen, dass der Produktionscode beschädigt wird.
Verwenden Sie den Embedding Playground als Connected App
In der letzten Schublade des Bedienfelds können Sie den Tableau Embedding Playground mit einer Connected App für eine nahtlose und sichere Authentifizierung ausführen. In der Schublade „Connected Apps“ können Sie Attribute für die Arbeit mit Benutzerattributfunktionen festlegen, um den Datenzugriff zu steuern und personalisierte Erlebnisse zu schaffen. Da der Embedding Playground die einfache Anpassung von Attributen ermöglicht, können Sie verschiedene Werte ausprobieren und überprüfen, ob sie richtig angewendet werden. Wenn Sie den Code in Ihrer Anwendung verwenden, müssen Sie serverseitig JSON-Web-Token (JWT) erstellen, für die Sie unseren Beispielcode verwenden können.
Bringen Sie den Code zu Ihrer Anwendung
Wenn Ihr Code fertig ist, laden Sie ihn einfach herunter oder kopieren Sie ihn in Ihre Zwischenablage, um ihn in Ihren bevorzugten Code-Editor einzufügen. Der Code enthält sowohl den HTML-Code für die Webkomponente als auch das JavaScript für die Interaktionen. Mit dem Embedding Playground können Sie sich inspirieren lassen, um Ihre analytische Anwendung auf die nächste Stufe zu bringen und praktische Erfahrungen zu sammeln, ohne etwas installieren oder die Dokumentation lesen zu müssen.
Sind Sie bereit, loszulegen? Probieren Sie den Embedding Playground selbst aus!
Quelle: tableau.com
Erfahren Sie hier mehr über Lösungen im Bereich Master Data Management oder besuchen Sie eines unserer kostenlosen Webinare.
