Al utilizar AEM, podrá administrar mucho contenido de distintos tipos (p. ej. páginas, recursos). Los tableros AEM permiten definir páginas que muestran datos consolidados de forma fácil y personalizable.
Los tableros AEM se crean para cada usuario, para que cada uno pueda acceder a su propio tablero.
Sin embargo, las plantillas de Panel se pueden usar para compartir la configuración común y el diseño de Panel.
Para crear un tablero nuevo, realice las acciones siguientes:
En la sección Herramientas, haga clic en Consola de configuración.
En el árbol, Doble-Haga clic Panel.
Haga clic en Nuevo tablero.
Especifique el Título (p. ej. Mi tablero) y el Nombre.
Haga clic en Crear.
Es posible que quiera tener varios tableros para ver información sobre el contenido en distintas vistas con rapidez. Para ayudarle a crear un tablero nuevo, AEM dispone de una función de clonación que puede utilizar para duplicar un tablero existente. Para clonar un tablero, haga lo siguiente:
En la sección Herramientas, haga clic en Consola de configuración.
En el árbol, haga clic en Panel.
Haga clic en el tablero que desee clonar.
Haga clic en Clonar.
Especifique el Nombre del nuevo tablero.
En la sección Herramientas, haga clic en Consola de configuración.
En el árbol, haga clic en Panel.
Haga clic en el tablero que desee eliminar.
Haga clic en Quitar.
Haga clic en Sí para confirmar.
Los componentes de panel no son más que componentes de AEM normales. En esta sección se describen los componentes de informe que se envían con AEM.
AEM incluye un conjunto de componentes que procesan varias métricas de sus datos de SiteCatalyst. Estos componentes se enumeran en la barra de tareas de la sección Tablero.
Cada componente de informe dispone de tres fichas como mínimo:
Básico: contiene la configuración principal.
Informe: contiene la configuración específica de cada informe.
Estilo: contiene configuración de estilo como márgenes y tamaños de gráficos.
Los componentes de informe se inician con una configuración predeterminada que le ayuda a configurar el tablero con rapidez.
La ficha Básico permite acceder a las entradas de configuración siguientes:
TítuloEl título que se muestra en el panel.
Tipo de solicitudEl modo en que se solicitan los datos.
Configuración de SiteCatalyst (opcional) La configuración que desea utilizar para conectarse a SiteCatalyst. Si no se define, se asumirá que ya está configurada en la página Panel (mediante las propiedades de página).
ID del grupo de informes (opcional) El grupo de informes de SiteCatalyst que desea utilizar para generar el gráfico.
Para mostrar las estadísticas de web, debe definir el intervalo de fechas para los datos que desee recopilar. La ficha Informe dispone de dos campos para definir dicho intervalo.
Si se elige un intervalo de fechas muy grande, se reducirá el nivel de respuesta del tablero.
Fecha desdeFecha absoluta o relativa desde la que se recuperan los datos.
Fecha aFecha absoluta o relativa a la que se recuperan los datos.
Cada componente también define ajustes específicos.
Fecha GranularidadUnidad de tiempo del eje X (por ejemplo: día, hora).
MétricasLa lista de eventos que desea mostrar.
ElementosLa lista de elementos que desglosa los datos de métricas en el gráfico.
ElementosElemento que desglosa los datos de métricas en el gráfico.
MétricasEl evento que desea mostrar.
No. de elementos principales Número de elementos mostrados por el informe.
MétricasEl evento que desea mostrar.
ElementosElemento que desglosa los datos de métricas en el gráfico.
Este componente muestra un gráfico sobre la sección más visitada del sitio web según la configuración siguiente.
No. de elementos principales Número de sección mostrada por en el informe.
Fecha GranularidadUnidad de tiempo del eje X (por ejemplo: día, hora).
MétricasEl evento que desea mostrar.
ElementosElemento que desglosa los datos de métricas en el gráfico.
Los tableros son páginas normales (cq:Page
), por lo que puede utilizarse cualquier componente para crearlos.
Hay un grupo de componentes predeterminado Dashboard
que contiene componentes de sistema de informes de análisis que están activados en la plantilla de forma predeterminada.
Una plantilla define el contenido predeterminado de un tablero nuevo. Puede utilizar varias plantillas para crear diferentes tipos de tableros.
Las plantillas de panel se crean como otras plantillas de página, excepto que se almacenan en /libs/cq/dashboards/templates/
. Consulte la sección Creación de una plantilla de página de contenido.
Las plantillas de tablero se comparten entre usuarios.
El desarrollo de un componente de tablero consiste en la creación de un componente de AEM normal. En esta sección se describe un ejemplo de un componente que muestra los 10 colaboradores principales.
Los componentes de creación principales se almacenan en el repositorio en /apps/geometrixx-outdoors/components/reporting
y están compuestos por:
un archivo jsp
que lee datos jcr y define el marcador de posición html
.
una biblioteca de cliente que contiene un archivo js
que recopila y ordena los datos y rellena el marcador de posición html
.
El siguiente archivo Javascript se define en la geout.reporting.topauthors
Biblioteca de clientes como un elemento secundario del propio componente.
El QueryBuilder se utiliza para consulta del repositorio para leer los nodos cq:AuditEvent
. El resultado de la consulta es un objeto JSON desde el que se extraen las contribuciones de autor.
$.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");
}
});
El JSP
incluye tanto global.jsp
como 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>