App Builder overview

Mit dem App Builder können Sie ein oder mehrere Dashboards in eine einzige, gebrandete, mehrseitige App verpacken. Während ein Dashboard ein Raster von Kacheln ist, ist eine App ein kleines Produkt: ein Header mit Ihrem Namen und Logo, ein Navigationsmenü, ein Theme und so viele Seiten, wie Sie benötigen — jede Seite ihr eigenes Dashboard-Raster.

Apps werden als .saikuapp-Dokumente im Repository gespeichert, direkt neben Ihren .saiku-Abfragen und .saikudash-Dashboards. Sie werden über den Bereich Apps unter /apps geöffnet.

App vs. Dashboard

Ein Dashboard beantwortet die Frage „Was zeigt dieses eine Board?”. Eine App beantwortet „Was macht mein Publikum hier?”. Der Unterschied liegt vor allem in der Navigation und dem Rahmen:

	Dashboard	App
Umfang	Ein Raster von Kacheln	Viele Seiten, jede ein Raster
Navigation	Keine	Linke Leiste oder obere Tabs zwischen den Seiten
Branding	Übernimmt das Saiku-UI-Chrome	Eigener Header, Logo, Name, Theme
Datei	`.saikudash`	`.saikuapp`

Wenn Sie nur ein Board benötigen, erstellen Sie ein Dashboard. Greifen Sie zu einer App, wenn Sie jemandem eine kohärente, navigierbare, markenkonforme Oberfläche übergeben möchten — ein Executive-Paket mit einer Seite pro Abteilung, ein Kundenportal, eine Produkttour.

Erstellen einer App

Von der Apps-Liste aus haben Sie zwei Ausgangspunkte:

+ Neue App — eine leere App mit einer leeren Seite (“Overview”). Benennen Sie sie, wählen Sie einen Ordner (Standard ist Ihr Home-Ordner), und Sie landen im Editor.
Neue App aus Dashboard… — wählen Sie ein vorhandenes .saikudash; dessen Layout wird zur ersten Seite der App. Der schnellste Weg, ein Dashboard, das Ihnen bereits gefällt, zu einer gebrandeten App zu befördern.

In beiden Fällen wird die App als .saikuapp-Datei erstellt, und Sie landen direkt im Editor.

Die Seiten einer App sind über ein Navigationsmenü erreichbar, und Sie wählen, wo es sitzt:

Leiste (Standard) — ein vertikales Menü an der linken Seite. Gut für Apps mit mehreren Seiten oder längeren Seitennamen.
Oben — eine horizontale Tab-Leiste am oberen Rand. Gut für eine Handvoll kurz benannter Seiten.

Auf schmalen Bildschirmen klappt die linke Leiste automatisch zu einer unteren Leiste zusammen, sodass der Seiteninhalt die volle Breite behält.

Ansichtsmodus vs. Bearbeitungsmodus

Eine gespeicherte App öffnet sich randlos im Ansichtsmodus — ihr eigener Header und ihre Navigation füllen das Fenster, ohne das allgemeine Saiku-Chrome und ohne Bearbeitungsmöglichkeiten. Es ist genau das, was Ihr Publikum sieht.

Um Änderungen vorzunehmen, klicken Sie im Header auf Bearbeiten. Der Bearbeitungsmodus zeigt die Steuerelemente pro Kachel, die Möglichkeiten + Kachel hinzufügen und Filter sowie zwei weitere Schaltflächen: Design (der Theming-/Chrome-Inspektor — siehe unten) und Speichern. Wechseln Sie jederzeit zurück zur Ansicht.

Theming & Design

Jede App trägt ihr eigenes Theme, und Sie branden es grafisch — ohne Code. Klicken Sie im Bearbeitungsmodus auf Design, um den Inspektor zu öffnen: eine Preset-Galerie (Editorial, Minimal, Dark Ops, Corporate), Farb-/Schrift-/Formauswahl, ein Feld Beschreiben Sie Ihre Marke, das einen Satz in ein Theme verwandelt, und Tabs für die Einstellungen von Header, Navigation, Assistent und Seite. Alles wird live vorschaubar dargestellt.

Wie geht es weiter

Design & Theming — branden Sie die App mit Presets, Auswahlmöglichkeiten und Beschreiben-Sie-Ihre-Marke; konfigurieren Sie Header, Navigation & Assistent.
Seiten & Kacheln erstellen — Seiten hinzufügen, Kacheln ablegen und an Ihre Cubes binden.
Die Chart-Kachel — sechzehn Diagrammtypen, duale Achsen, Trendlinien, Anomalien, Prognosen und Cross-Filtering.
Benutzerdefinierte Kacheln — die deklarative Ranglisten-, ECharts-Options- und Graph-Renderer.
Plugins — vom Administrator installierte, sandboxed JS-Kacheln.
Eine App einbetten — platzieren Sie eine App auf jeder Webseite mit <saiku-embed>.