Show Menu
TÓPICOS×

Painéis

Ao usar o AEM, você pode gerenciar um monte de conteúdo de tipos diferentes (por exemplo, páginas, ativos). Os painéis AEM fornecem uma maneira fácil de usar e personalizável de definir páginas que exibem dados consolidados.
Os painéis AEM são criados por usuário, de modo que um usuário só pode acessar seu próprio painel.
No entanto, os modelos do Painel podem ser usados para compartilhar configurações comuns e o layout do Painel.

Administração de painéis

Criação De 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 duas vezes no painel .
  3. Clique em Novo painel .
  4. Digite o Título (por exemplo, Meu painel) e o Nome .
  5. Clique em Criar .

Clonar Um Painel

Talvez você queira ter vários painéis para ver rapidamente as informações sobre o seu conteúdo de diferentes exibições. Para ajudá-lo a criar um novo Painel, o AEM fornece um recurso de clone que você pode usar para duplicar um Painel existente. Para clonar um painel, proceda da seguinte forma:
  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 novo painel.

Remoção De 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. Click Yes to confirm.

Componentes do painel

Visão geral

Os componentes do painel nada mais são do que os componentes regulares do AEM. Esta seção descreve os componentes de relatório fornecidos com o AEM.

Componentes de relatórios do Web Analytics

O AEM vem com um conjunto de componentes que renderizam várias métricas dos dados do SiteCatalyst . Esses componentes são listados no Sidekick na seção Painel .
Cada componente de relatório 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 de relatório são inicializados com uma configuração padrão que ajuda a configurar rapidamente seu painel.

Basic configuration

A guia Básico fornece acesso às seguintes entradas de configuração:
Título O título exibido no painel.
Tipo de solicitação A 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 Painel (por meio das propriedades da página).
ID do conjunto de relatórios (opcional) O conjunto de relatórios do SiteCatalyst 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.
Definir um intervalo de datas grande pode diminuir a capacidade de resposta do painel.
Data de início absoluto 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

Granularidade Data Unidade de tempo do eixo X (por exemplo, dia, hora).
Métricas A lista de eventos que deseja exibir.
Elementos A lista de elementos que analisa 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étricas O evento que você deseja exibir.
Não. dos itens principais Número de itens exibidos pelo relatório.

Relatório classificado

Métricas O 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 principais itens Número da seção exibida no relatório.

Relatório de tendências

Granularidade Data Unidade de tempo do eixo X (por exemplo, dia, hora).
Métricas O 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

Os 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 que contém componentes de relatório de análise que são ativados no modelo por padrão.

Creating A Dashboard Template

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 painel são criados como outros modelos de página, exceto pelo fato de serem armazenados em /libs/cq/dashboards/templates/ . Consulte a seção Criação de modelo de página de conteúdo.
Os modelos de painel são compartilhados entre usuários.

Desenvolvimento de um componente do Painel

O desenvolvimento de um componente do Dashboard 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 por:
  1. um jsp arquivo que lê dados jcr e define o html espaço reservado.
  2. uma biblioteca do lado do cliente que contém um js arquivo que busca e solicita os dados e, em seguida, preenche o html espaço reservado.
O arquivo Javascript a seguir é definido na Biblioteca geout.reporting.topauthors de Usando bibliotecas do lado do cliente clientes como um filho do próprio componente.
O QueryBuilder é usado para consultar o repositório para ler cq:AuditEvent nós. O resultado da consulta é 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 tanto global.jsp quanto clientlib .

top_author.jsp

<%@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>