Painéis dashboards

Ao usar o AEM, é possível gerenciar vários conteúdos de diferentes tipos (por exemplo, páginas, ativos). Os painéis de AEM fornecem uma maneira fácil de usar e personalizável de definir páginas que exibem dados consolidados.

Administração de painéis administering-dashboards

Criar Um Painel De Controle creating-a-dashboard

Clonagem De Um Painel cloning-a-dashboard

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

Remover Um Painel removing-a-dashboard

Componentes do painel dashboard-components

Visão geral overview

Os componentes do painel são nada mais do que componentes do AEM comuns. Esta seção descreve os componentes de relatórios enviados com o AEM.

Componentes de relatórios do Web Analytics web-analytics-reporting-components

O AEM é fornecido com um conjunto de componentes que renderizam várias métricas dos dados do SiteCatalyst. Esses componentes estão listados no Sidekick na seção Dashboard.

Cada componente de relatório fornece pelo menos três guias:

Os componentes de relatórios são inicializados com uma configuração padrão que ajuda a configurar rapidamente seu painel.

Configuração básica 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 for fornecida, presume-se que a configuração esteja definida 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 report-configuration

Para exibir estatísticas da Web, você precisa definir o intervalo de datas dos dados que deseja obter. A guia Relatório fornece dois campos para definir esse intervalo.

Data - De Data absoluta ou relativa a partir da qual os dados são obtidos.

Data Até Data absoluta ou relativa para a qual os dados são obtidos.

Cada componente também define configurações específicas.

Relatório de horas extras overtime-report

Granularidade de data Unidade de hora do eixo X (por exemplo, dia, hora).

Métricas A lista de eventos que você deseja exibir.

Elementos A lista de elementos que detalha os dados de métricas no gráfico.

Relatório da lista classificada ranked-list-report

Elementos O elemento que detalha os dados de métricas no gráfico.

Métricas O evento que você deseja exibir.

Não. de itens principais Número de itens exibidos pelo relatório.

Relatório classificado ranked-report

Métricas O evento que você deseja exibir.

Elementos O elemento que detalha os dados de métricas no gráfico.

Relatório principal da seção do site top-site-section-report

Este componente exibe um gráfico mostrando a seção mais visitada de um site de acordo com a configuração a seguir.

Não. dos principais itens Número de seções exibidas por no relatório.

Relatório de tendências trended-report

Granularidade de data Unidade de hora do eixo X (por exemplo, dia, hora).

Métricas O evento que você deseja exibir.

Elementos O elemento que detalha os dados de métricas no gráfico.

Extensão do painel extending-dashboard

Visão geral overview-1

Os painéis são páginas normais ( cq:Page), portanto, todos os componentes podem ser usados para montar Painéis.

Há um grupo de componentes padrão Dashboard contendo componentes de relatórios do Analytics que estão habilitados no modelo por padrão.

Criação De Um Modelo De Painel De Controle creating-a-dashboard-template

Um template 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 que são armazenados em /libs/cq/dashboards/templates/. Consulte a seção Criando Modelo de Contentpage.

Desenvolver um componente do painel developing-a-dashboard-component

O desenvolvimento de um componente do Painel consiste na criação de um componente AEM comum. Esta seção descreve um exemplo de um componente que exibe os 10 principais colaboradores.

Os componentes principais do autor são armazenados no repositório em /apps/geometrixx-outdoors/components/reporting e são compostos por:

O seguinte arquivo JavaScript está definido na geout.reporting.topauthors Biblioteca de Clientes como filho do próprio componente.

O QueryBuilder é usado para consultar o repositório para ler os nós cq:AuditEvent. O resultado da consulta é um objeto JSON do qual as contribuições do autor são extraídas.

top_author.js top-authors-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 top-authors-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>