Painéis

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.

Administração de Painéis

Criando Um Painel

Para criar um novo Painel, proceda da seguinte forma:

1. Na seção Ferramentas, clique em Console de Configuração.

2. Na árvore, clique no Duplo Painel.

3. Clique em Novo Painel.

4. Digite Title (por exemplo, Meu Painel) e Nome.

5. Clique em Criar.

Clonagem De Um Painel

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:

1. Na seção Ferramentas, clique em Console de Configuração.

2. Na árvore, clique em Painel.

3. Clique no painel que deseja clonar.

4. Clique em Clonar.

5. Digite o Nome do seu novo painel.

Removendo um Painel

1. Na seção Ferramentas, clique em Console de Configuração.

2. Na árvore, clique em Painel.

3. Clique no painel que deseja excluir.

4. Clique em Remover.

5. Clique em Yes para confirmar.

Componentes do painel

Visão geral

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.

Componentes de Relatórios do Web Analytics

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.

Configuração básica

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.

Configuração do relatório

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.

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.

Relatório de horas extras

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.

Relatório da lista classificada

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.

Relatório classificado

​​MétricasO evento que você deseja exibir.

Elementos O elemento que divide os dados das métricas no gráfico.

Relatório principal da seção do site

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.

Relatório de tendências

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.

Extensão do Painel

Visão geral

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.

Criando Um Modelo De Painel

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.

Desenvolvimento de um componente de Painel

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:

1. um arquivo jsp que lê dados jcr e define o espaço reservado html.

2. 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.

top_author.js

$.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.

top_author.jsp

<%@page session="false" contentType="text/html; charset=utf-8" %><%
%><%
%><%@include file="/libs/foundation/global.jsp?lang=pt-BR" %><%
%>
<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>