Pular para o conteúdo

Visão geral do App Builder

O App Builder permite envolver um ou mais dashboards em um único App de múltiplas páginas com marca própria. Enquanto um dashboard é uma grade de blocos, um App é um pequeno produto: um cabeçalho com seu nome e logo, um menu de navegação, um tema e quantas páginas você precisar — cada página sendo sua própria grade de dashboard.

Os Apps são salvos como documentos .saikuapp no repositório, bem ao lado das suas consultas .saiku e dashboards .saikudash. Eles são abertos a partir da área Apps em /apps.

App vs. dashboard

Um dashboard responde a “o que esta board mostra?”. Um App responde “o que meu público faz aqui?”. A diferença está sobretudo na navegação e no enquadramento:

DashboardApp
EscopoUma grade de blocosVárias páginas, cada uma uma grade
NavegaçãoNenhumaBarra lateral esquerda ou abas superiores entre páginas
MarcaHerda o chrome da interface do SaikuCabeçalho, logo, nome e tema próprios
Arquivo.saikudash.saikuapp

Se você só precisa de uma board, crie um dashboard. Recorra a um App quando quiser entregar a alguém uma superfície coerente, navegável e com marca própria — um pacote executivo com uma página por departamento, um portal de clientes, um tour de produto.

Criando um App

A partir da lista Apps, você tem dois pontos de partida:

  • + New app — um App em branco com uma página vazia (“Overview”). Dê um nome, escolha uma pasta (o padrão é sua pasta pessoal) e você chega ao editor.
  • New app from dashboard… — escolha um .saikudash existente; seu layout se torna a primeira página do App. A forma mais rápida de promover um dashboard que você já gosta para um App com marca própria.

De qualquer forma, o App é criado como um arquivo .saikuapp e você cai direto no editor.

As páginas de um App são acessíveis através de um menu de navegação, e você escolhe onde ele fica:

  • Rail (padrão) — um menu vertical ao longo do lado esquerdo. Bom para Apps com várias páginas, ou nomes de página mais longos.
  • Top — uma barra de abas horizontal no topo. Bom para um punhado de páginas com nomes curtos.

Em telas estreitas, a barra lateral esquerda colapsa automaticamente para uma barra inferior, para que o conteúdo da página mantenha a largura total.

Modo de visualização vs. modo de edição

Um App salvo abre em modo de visualização em tela cheia — seu próprio cabeçalho e navegação preenchem a janela, sem nenhum dos elementos genéricos da interface do Saiku e sem recursos de edição. É exatamente o que seu público vê.

Para fazer alterações, clique em Edit no cabeçalho. O modo de edição revela os controles por bloco, os recursos + Add tile e de filtro, e mais dois botões: Design (o inspetor de tema / chrome — veja abaixo) e Save. Volte para a visualização a qualquer momento.

Tema e design

Cada App carrega seu próprio tema, e você o personaliza graficamente — sem código. Clique em Design no modo de edição para abrir o inspetor: uma galeria de predefinições (Editorial, Minimal, Dark Ops, Corporate), seletores de cor / tipografia / formulário, uma caixa de descreva-sua-marca que transforma uma frase em um tema, e abas para as configurações de header, navigation, assistant e page. Tudo com pré-visualização em tempo real.

Para onde ir a seguir

  • Design e tema — dê marca ao App com predefinições, seletores e descreva-sua-marca; configure o header, a nav e o assistant.
  • Construindo páginas e blocos — adicione páginas, solte blocos e vincule-os aos seus cubos.
  • O bloco Chart — dezesseis tipos de gráfico, eixos duplos, linhas de tendência, anomalias, previsão e filtragem cruzada.
  • Blocos personalizados — os renderizadores declarativos de lista-ranqueada, opção-ECharts e grafo.
  • Plugins — blocos JS em sandbox instalados por administradores.
  • Incorporando um App — coloque um App em qualquer página web com <saiku-embed>.

Relacionados

  • Analyze — onde vive a consulta ad-hoc de cubos.
  • Incorporando o Saiku — a superfície de incorporação que os Apps compartilham com dashboards e consultas salvas.