Przejdź do głównej zawartości

Przegląd App Builder

App Builder pozwala opakować jeden lub więcej dashboardów w pojedynczą, markową, wielostronicową Aplikację. Tam, gdzie dashboard to jedna siatka kafelków, Aplikacja jest małym produktem: nagłówek z Twoją nazwą i logo, menu nawigacyjne, motyw i tyle stron, ile potrzebujesz — każda strona to własna siatka dashboardu.

Aplikacje są zapisywane jako dokumenty .saikuapp w repozytorium, tuż obok Twoich zapytań .saiku i dashboardów .saikudash. Otwiera się je z obszaru Apps pod adresem /apps.

Aplikacja a dashboard

Dashboard odpowiada na pytanie „co pokazuje ten jeden panel?”. Aplikacja odpowiada na pytanie „co moja publiczność tutaj robi?”. Różnica dotyczy głównie nawigacji i oprawy:

DashboardAplikacja
ZakresJedna siatka kafelkówWiele stron, każda to siatka
NawigacjaBrakSzyna boczna lub zakładki górne między stronami
BrandingDziedziczy interfejs SaikuWłasny nagłówek, logo, nazwa, motyw
Plik.saikudash.saikuapp

Jeśli potrzebujesz tylko jednego panelu, zbuduj dashboard. Sięgnij po Aplikację, gdy chcesz przekazać komuś spójną, nawigowalną powierzchnię zgodną z marką — pakiet dla kadry kierowniczej ze stroną na dział, portal klienta, prezentację produktu.

Tworzenie Aplikacji

Z listy Apps masz dwa punkty startowe:

  • + New app — pusta Aplikacja z jedną pustą stroną („Overview”). Nadaj jej nazwę, wybierz folder (domyślnie Twój folder domowy) i trafiasz do edytora.
  • New app from dashboard… — wybierz istniejący .saikudash; jego układ staje się pierwszą stroną Aplikacji. Najszybszy sposób na przekształcenie dashboardu, który już Ci się podoba, w markową Aplikację.

W obu przypadkach Aplikacja zostaje utworzona jako plik .saikuapp, a Ty trafiasz prosto do edytora.

Nawigacja: szyna czy góra

Do stron Aplikacji można dotrzeć przez menu nawigacyjne, a Ty wybierasz, gdzie się ono znajduje:

  • Rail (domyślnie) — pionowe menu wzdłuż lewej strony. Dobre dla Aplikacji z kilkoma stronami lub dłuższymi nazwami stron.
  • Top — poziomy pasek zakładek u góry. Dobry dla kilku stron o krótkich nazwach.

Na wąskich ekranach lewa szyna automatycznie zwija się do dolnego paska, dzięki czemu zawartość strony zachowuje pełną szerokość.

Tryb podglądu a tryb edycji

Zapisana Aplikacja otwiera się na całym ekranie w trybie podglądu — jej własny nagłówek i nawigacja wypełniają okno, bez ogólnego interfejsu Saiku i bez elementów edycji. To dokładnie to, co widzi Twoja publiczność.

Aby wprowadzić zmiany, kliknij Edit w nagłówku. Tryb edycji ujawnia kontrolki poszczególnych kafelków, elementy + Add tile i filtry oraz dwa dodatkowe przyciski: Design (inspektor motywu / oprawy — patrz niżej) i Save. W każdej chwili możesz wrócić do podglądu.

Motyw i design

Każda Aplikacja ma swój własny motyw, a Ty nadajesz mu markę graficznie — bez kodu. Kliknij Design w trybie edycji, aby otworzyć inspektor: galerię presetów (Editorial, Minimal, Dark Ops, Corporate), pikery kolorów / typografii / formularzy, pole describe-your-brand, które zamienia zdanie w motyw, oraz zakładki dla ustawień nagłówka, nawigacji, asystenta i strony. Wszystko podglądasz na żywo.

Co dalej

  • Design & theming — nadaj markę Aplikacji za pomocą presetów, pickerów i describe-your-brand; skonfiguruj nagłówek, nawigację i asystenta.
  • Building pages & tiles — dodawaj strony, upuszczaj kafelki i wiąż je z Twoimi kostkami.
  • The Chart tile — szesnaście typów wykresów, podwójne osie, linie trendu, anomalie, prognozowanie i krzyżowe filtrowanie.
  • Custom tiles — deklaratywne renderery: ranked-list, ECharts-option i graph.
  • Plugins — instalowane przez administratora kafelki JS w piaskownicy.
  • Embedding an App — umieść Aplikację na dowolnej stronie internetowej za pomocą <saiku-embed>.

Powiązane

  • Analyze — miejsce, gdzie odbywa się doraźne odpytywanie kostek.
  • Embedding Saiku — powierzchnia osadzania, którą Aplikacje współdzielą z dashboardami i zapisanymi zapytaniami.