Ao usar AEM você é capaz de gerenciar um monte de conteúdo de tipos diferentes (por exemplo, páginas, ativos). AEM Painéis oferecem uma maneira fácil de usar e personalizável de definir páginas que exibem dados consolidados.
AEM Painéis são criados por usuário, de modo que um usuário só pode acessar seus próprios painéis.
Entretanto, modelos de Painéis podem ser usados para compartilhar configurações comuns e layout de Painéis.
Para criar um novo Painel, proceda da seguinte forma:
Na seção Ferramentas, clique em Console de Configuração.
Na árvore, clique no Duplo Painel.
Clique em Novo Painel.
Digite Title (por exemplo, Meu Painel) e Nome.
Clique em Criar.
Você pode querer ter vários painéis para ver rapidamente informações sobre o seu conteúdo de diferentes visualizações. Para ajudá-lo a criar um novo Painel, AEM fornece um recurso de clone que pode ser usado para duplicado de um Painel existente. Para clonar um Painel, faça o seguinte:
Na seção Ferramentas, clique em Console de Configuração.
Na árvore, clique em Painel.
Clique no painel que deseja clonar.
Clique em Clonar.
Digite o Nome do seu novo painel.
Na seção Ferramentas, clique em Console de Configuração.
Na árvore, clique em Painel.
Clique no painel que deseja excluir.
Clique em Remover.
Clique em Yes para confirmar.
Os componentes do painel não são mais do que componentes regulares AEM. Esta seção descreve os componentes do relatórios fornecidos com AEM.
AEM vem com um conjunto de componentes que renderizam várias métricas dos seus dados SiteCatalyst. Esses componentes estão listados no Sidekick na seção Painel.
Cada componente de relatórios fornece pelo menos três guias:
Básico: contém a configuração principal.
Relatório: contém a configuração específica de cada relatório.
Estilo: contém uma configuração de estilo, como tamanho e margem do gráfico.
Os componentes do relatórios são inicializados com uma configuração padrão que ajuda a configurar rapidamente seu painel.
A guia Basic fornece acesso às seguintes entradas de configuração:
TítuloO título exibido no painel.
Tipo de solicitaçãoA forma como os dados são solicitados.
Configuração do SiteCatalyst (opcional) A configuração que você deseja usar para se conectar ao SiteCatalyst. Se não fornecido, presume-se que a configuração está configurada na página do Painel (por meio das propriedades da página).
ID do conjunto de relatórios (opcional) O conjunto de relatórios de SiteCatalysts que você deseja usar para gerar o gráfico.
Para exibir as estatísticas da Web, é necessário definir o intervalo de datas dos dados que deseja preencher. A guia Relatório fornece dois campos para definir esse intervalo.
Definir um intervalo de datas grande pode diminuir a capacidade de resposta do painel.
Data DeAbsoluto ou data relativa a partir da qual os dados são obtidos.
Data atéAbsoluto ou data relativa à qual os dados são obtidos.
Cada componente também define configurações específicas.
Data GranularidadeUnidade de tempo do eixo X (por exemplo, dia, hora).
MétricasA lista de eventos que deseja exibir.
ElementosA lista de elementos que divide os dados das métricas no gráfico.
Elementos O elemento que divide os dados das métricas no gráfico.
MétricasO evento que você deseja exibir.
Não. dos itens principais Número de itens exibidos pelo relatório.
MétricasO evento que você deseja exibir.
Elementos O elemento que divide os dados das métricas no gráfico.
Este componente exibe um gráfico que mostra a seção mais visitada de um site, de acordo com a seguinte configuração.
Não. dos itens principais Número de seções exibidas pelo no relatório.
Data GranularidadeUnidade de tempo do eixo X (por exemplo, dia, hora).
MétricasO evento que você deseja exibir.
Elementos O elemento que divide os dados das métricas no gráfico.
Painéis são páginas normais ( cq:Page
), portanto, qualquer componente pode ser usado para montar Painéis.
Há um grupo de componentes padrão Dashboard
contendo componentes de relatórios de análise que são ativados no modelo por padrão.
Um modelo define o conteúdo padrão de um novo Painel. Você pode usar vários modelos para criar diferentes tipos de painéis.
Os modelos de painéis são criados como outros modelos de página, exceto que são armazenados em /libs/cq/dashboards/templates/
. Consulte a seção Criando modelo de página de conteúdo.
Os modelos de painéis são compartilhados entre usuários.
O desenvolvimento de um componente de Painel consiste na criação de um Componente AEM comum. Esta seção descreve um exemplo de um componente que exibe os 10 principais contribuidores.
Os principais componentes do autor são armazenados no repositório em /apps/geometrixx-outdoors/components/reporting
e são compostos de:
um arquivo jsp
que lê dados jcr e define o espaço reservado html
.
uma biblioteca do lado do cliente contendo um arquivo js
que recupera e solicita os dados, em seguida, preenche o espaço reservado html
.
O arquivo Javascript a seguir é definido na geout.reporting.topauthors
Biblioteca de clientes como um filho do próprio componente.
O QueryBuilder é usado para query do repositório para ler os nós cq:AuditEvent
. O resultado do query é um objeto JSON do qual as contribuições do autor são extraídas.
$.ajax({
url: "/bin/querybuilder.json",
cache: false,
data: {
"orderby": "cq:time",
"orderby.sort": "desc",
"p.hits": "full",
"p.limit": 100,
"path": "/var/audit/com.day.cq.wcm.core.page/",
"type": "cq:AuditEvent"
},
dataType: "json"
}).done(function( res ) {
var authors = {};
// from JSON to Object
for(var r in res.hits) {
var userId = res.hits[r].userId;
if(userId == undefined) {
continue;
}
var auth = authors[userId] || {userId : userId};
auth.contrib = (auth.contrib || 0) +1;
authors[userId] = auth;
}
// order by contribution
var orderedByContrib = [];
for(var a in authors) {
orderedByContrib.push(authors[a]);
}
orderedByContrib.sort(function(a,b){return b.contrib - a.contrib});
// produce the list
for (var i=0, tot=orderedByContrib.length; i < tot; i++) {
var current = orderedByContrib[i];
$("<div> #" + (i + 1) +" "+ current.userId + " (" + current.contrib +" contrib.)</div>").appendTo("#authors-list");
}
});
O JSP
inclui global.jsp
e clientlib
.
<%@page session="false" contentType="text/html; charset=utf-8" %><%
%><%
%><%@include file="/libs/foundation/global.jsp" %><%
%>
<ui:includeClientLib categories="geout.reporting.topauthors" />
<%
String reportletTitle = properties.get("title", "Top Authors");
%>
<html>
<h3><%=xssAPI.encodeForHTML(reportletTitle) %></h3>
<div id="authors-list"></div>
</html>