QlikView + Qlik Sense Blog von Heldendaten

Einige Tage nachdem Qlik Ihren Chatbot vorgestellt hat, habe ich Ende Juni einen Vortrag bei der Qlik Dev Group Austria geben dürfen, um die Grundlagen hinter einer solchen Qlik Sense Integration ein wenig zu erklären!

HIC @ Dev Group inVienna

Qlik Sense große Stärke im Hintergrund ist die Vielzahl an APIs um Qlik zu erweitern, bzw. in andere Produkte einzubinden oder gar ganz neue Clients zu schaffen. Siehe Sense Excel oder eben den Chatbot.  Während sich die meisten Leute auf Extensions konzentrieren, sind die Ansätze bei denen man  programmatisch auf die Qlik Sense Engine zugreift, eigentlich die interessanteren. Die Qlik Engine ist der Datenlieferant den man beliebige "Fragen" mittels "Hypercubes" stellt. Um das Medium der Präsentation kümmert sicher der Entwickler selbst je nach Anwendungsfall - sei es eine einfache Email bis hin zu einem komplett eigenem Client.

Wer sich für die Präsentation interessiert, findet diese unter: http://content.heldendaten.eu/IFrameToAPI.zip . Einfach bei folgender Folie im PDF auf die Bilder klicken, um Beispiel für die einzelnen Integrationsmöglichkeiten zu sehen. Von der ersten Spalte zur zweiten Spalte werden die Integrationen immer komplexer, aber auch mächtiger!
 

PDF herunterladen und Beispiele ansehen.

Will man Qlik Sense für diese Integrationen nutzen, so nennt das Qlik selbst die "Qlik Analytic Platform". Das sorgt immer mal wieder für Verwirrung, ob es sich dabei denn um ein eigenständiges Software-Produkt handelt. Nein, tut es nicht! Leider ist hier die Hilfe mangels Screenshots auch nicht sehr aufschlussreich!


Qlik Analytic Platform ist genau das gleiche Qlik Sense Setup Executable, welches man auch für jede "normale" On-Premise Installationen nutzt. Erst die Lizenz macht den Unterschied: die Qlik Analytic Platform lässt in QMC bei den Engine-Settings einen neuen Reiter "Capacity-based licensing" erscheinen. Dort weist man die Anzahl der CPUs zu, die die jeweilige Engine nutzen soll. Im Gegensatz zu einer "normalen" Qlik Sense Installation, nutzt man hier ausschließlich den Qlik Dev-Hub um seine Integrationen zu implementieren!

Qlik Analytic Platform - nachdem man die Lizenz zugewiesen hat

Die Themen Integration und Mashup sind eine der großen Stärken von Qlik Sense. Wir haben unsere Webseite qvheroes.com genutzt, um zu demonstrieren wie man interaktive Qlik Sense Analysen direkt in die eigene Webseite einbauen kann.

Meistens sind Integrationen von Dashboards  und Analysen lediglich via HTML und <IFRAME> gelöst; ein <IFRAME> ist jedoch bloß ein unabhängiger "Reiter" der sich innerhalb der eigentlichen Webseite öffnet. Diese <IFRAME> Integrationen haben keine Möglichkeiten auf die Darstellung (den DOM-Tree) der "aufrufenden" Webseite zuzugreifen um diese bei Bedarf zu ändern.

Warum möchte ich, dass meine Analysen mit der Webseite interagieren? Es wäre doch hilfreiche, wenn ein Filter auf meinem Dashboard sich direkt auf die dargestellten Werte meiner Webseite auswirken würde. Sei es nun meine Börsen-Webseite, mein Online-Banking oder ein Online Auto-Konfigurator.

Für unseren Blog-Aggregator qvheroes.com haben wir genau das gemacht, und Qlik Sense direkt in den DOM-Tree der Seite eingebaut:

Der obere Teil der Webseite zeigt einige Analysen zu den gesammelten "Blogs" an. Die Darstellungen sind Qlik Sense Elemente, die wir mit der Mashup API in das Drupal CMS unserer Webseite eingebaut haben.


Weiter unten befinden sich die Liste der Blogeinträge auf qvheroes.com, sortiert nach Datum.


Wie man in dem Video unterhalb sehen kann, interagiert nun Qlik Sense mit der Webseite. Filtere ich auf spezifische Blogs - etwa heldendaten.net - werden mir auch nur noch die Beiträge dieser Quelle angezeigt. Die Buttons "Clear All", "Back" und "Forward" sind hingegen Teile von Drupal, die in Qlik Sense Filter verändern.

 

Technische Notizen

Mit QlikView waren derartige Integrationen meist mühsam, vor allem aufgrund der Same Origin Policy die alle modernen Browser implementiert haben, und Integrationen mit dem AJAX-Client erschwert haben. Da Qlik Sense für die Kommunikation auf Websockets setzt, fällt dieses Problem weg:

• qvheroes.com ist bei einem amerikanischen Webhoster gehostet
•  unsere Qlik Sense Umgebung läuft  - wie hier beschrieben - auf einer Amazon Maschine und ist eigentlich über http://demo.heldendaten.net:8080/hub/ erreichbar
•  man kann im Qlik Proxy mehrere Domains whitelisten mit denen die Websocket Kommunikation erlaubt wird. Bei uns sieht das folgendermaßen aus:

Qlik Sense QMC Virtual Proxy Settings

- Die Qlik Sense Applikation wird über den Hub gebaut, und ist auch direkt auf unserer demo.heldendaten.net QlikSense Umgebung verfügbar. Die einzelnen Darstellungen wurden mittels Qlik Sense Workbench aus der Applikation "herausgeholt" und auf qvheroes.com eingebunden.

- Der "Kleber" der die beiden Welten - Qlik Sense und Drupal - zusammenhält sind dann einige Javascript-Libraries (JQuery, JQuery UI, require.js,gridstack.js) und bloß ca. 150 Zeilen customized Code! Falls jemand die Code-Details interessieren: einfach melden!