...

...

ES | EN

Acceder a una instancia de Plataforma

Primero accederé accede al Control Panel de mi instancia, por ejemplo el Entorno CloudLab: https://lab.onesaitplatform.com/controlpanel/login

(si Si no tengo tienes usuario con rol Developer crearé uno)., debes crear uno:

...

Ir a Opción Dashboards

Iré Ve a VISUALIZATION -> a My Dashboards.

Nos Te aparecerá un listado de los dashboards disponibles y una serie de información asociada que explicaremos a continuación.

En la columna Options, puedo puedes ver diferentes opciones, estas . Estas opciones varían en función del rol del usuario y los permisos sobre los distintos dashboards :

• Nos permite Permite acceder al dashboard para trabajar con él, en modo presentación.

• Accedemos Acceder al dashboard en modo edición.

• Configuración del dashboard, cambiar imagen, permisos.

• Nos permite Permite clonar el dashboard.

• Nos da Da la URL para acceder al dashboard en modo presentación.

• Exporta una imagen del dashboard.

• Exporta un pdf del dashboard.

• Si pulsamos y confirmamos eliminaríamos se pulsa y confirma, se elimina el dashboard.

Crear un nuevo Dashboard

Haz clic en el botón Nuevo Dashboard

...

Asignaremos para acceder al formulario de creación.

...

Asigna al dashboard un identificador único (1) y una breve descripción (2) para poder diferenciarlo del resto de dashboards que se creen. Tenemos Existe la opción de hacer el dashboard publico marcando (3) o podemos dejarlo como privado y asignar permisos más específicos. Se puede seleccionar un estilo inicial (4), dejar la imagen por defecto que se mostrará para los usuarios con rol DataViewer, o seleccionar una para que sea más claro diferenciar nuestro tu dashboard del resto (5), a su ve vez se le puede asignar una Categoría (6) y una subcategoría (7).

...

Se pueden crear Scripts, añadir librerias o estilos al dashboard en el editor html (8). Adicionalemente se pueden asignar permisos a otros usuarios (9), para lo cual elegiremos debes elegir el usuario , y el tipo de acceso, y pulsaremos pulsar en insert authorization, se . Se pasará el permiso al listado de la derecha, donde podremos podrás modificarlo o eliminarlo.

Lo Los tipos de permisos disponibles son :

• EDIT, permite edición y vista.

• VIEW, solo permite al usuario la visualización.

Pulsaríamos Pulsa en NEW y ya tendríamos creado nuestro para terminar la creación de tu dashboard.

Edición del Dashboard

Tras la creación accedemos del dashboard, accede a la pantalla de edición donde podremos diseñar nuestro con el botón Editar. Allí podrás diseñar tu dashboard, dándole los estilos que se adecuen a nuestras tus necesidades, y creando o añadiendo los gadgets que nos te mostrarán la información que se precisehaga falta.

Botones de la cabecera del dashboard:

1. Move Toolbar Buttons.

2. Add Element, : este botón nos permite añadir gadgets al dashboard.

3. DataLink, : nos da la opción para configurar los filtros y Drill-down entre gadgets.

4. URL Parameters.

5. Nos abre un desplegable con las opciones Pages, Configure Dashboard y Dashboard Style.

6. Save Dashboard.

7. Delete Dashboard.

8. Close Dashboard Editor.

Comenzaremos Para comenzar añadiendo gadgets, pulsaremos pulsa en el icono (2) y nos aparecerá aparecerán unos sheets bottom charts con los distintos tipos de gadgets que podemos puedes pasar al dashboard.

Actualmente tenemos los siguientes tipos:

• Line Chart, gráfico de líneas.

• Bar Chart, gráfico de barras.

• Mixed Chart, gráfico mixto.

• Pie Chart, gráfico de tarta.

• Wordcloud, nube de palabras.

• Map, mapa, para usarlo es preciso que la ontología contenga coordenadas.

• Radar, gráfico tipo radar, también se conoce como gráfico de web, gráfico de araña , tabla de estrellas.

• Template, nos permite crear gadgets escribiendo directamente el código html.

• Filter, permite limpiar los filtros.

• HTML5, permite crear un gadgets editando en html5.

• Table, tabla con datos.

Arrastraremos Arrastra los iconos del fondo al dashboard donde los soltaremos y nos , suéltalos allí, y aparecerá una ventana modal con las siguientes opciones

ADD GADGET: si seleccionamos Si seleccionas un gadget creado previamente y pulsamos pulsas este botón, ese gadget se cargará en el dashboard.

NEW GADGET: Aún no existe el gadget que necesitamos necesitas, así que lo crearemos, pulsamos crearás ahora. Pulsa el botón y nos aparece aparecerá esta venta modal.

...

Asignamos Asígnale un nombre y Seleccionamos selecciona un DataSource existente, o trabajamos apartir trabaja a partir de la ontología de la que queramos mostrar su informacióncuya información quieras mostrar. En este caso Seleccionamos , selecciona la Ontología Restaurants.

...

Tras elegir la ontología, parece un wizard para ayudarnos ayudarte a montar la consulta con la que nos traeremos traerás los datos. Para el ejemplo con un simple select * from Restaurants nos es será suficiente para el ejemplo.

...

Si pulsamos pulsas en Execute Query nos , aparecen los resultados de la query, y validamos puedes validar que es lo que necesitamos, cuando necesitas. Cuando se adecue a nuestros requisitos pulsamos continuetus requisitos, pulsa Continue.

...

En este caso estamos creando vas a crear un gadget tipo Line Chart, por lo que tendremos tendrás que rellenar y elegir al menos los siguientes valores al menos : X Axis e Y Axis que son los valores de los distintos ejes del gráfico (para este ejemplo se ha elegido como eje X el tipo de cocina y como eje Y la valoración), elegimos ; y un Color para la línea y pulsamos . Después pulsa en NEW. Podemos Puedes crear más de una línea añadiendo más measures o más de un eje con ADD AXIS y rellendando rellenando los valores para otro eje.

Podemos Puedes ver en tiempo real como cómo se va representando nuestro tu grafo con los valores que marcamos, cuando este como deseamos pulsaremos marcados. Cuando esté como desees, pulsa NEW y el gadget se pasará a la pagina página del dashboard. Este Éste sería nuestro tu primer gadget, crearemos . Ahora crearás dos más para ver las funciones de Drill-down y filtros.

...

Crearemos un gadget Tipo tipo Pie o tarta. Para éste, para este tras elegir la fuente de datos, tan solo tenemos tienes que elegir los valores para los ejes X e Y.

Por último crearemos , crearás un gadget Tipo Tabla , para ver al detalle la información de cada restaurante. Para, esto igual que en los dos casos anteriores seleccionamos , selecciona una fuente de datos y rellenamos rellena los campos que necesitemosnecesites.

Vemos Puedes ver una sección Table config, con la configuración de la tabla, ; Mostrar u ocultar el header, ; filas seleccionables, ; número de elementos por página …página… En este ejemplo, yo aquí solo he hecho seleccionables las filas y cambiado los colores del header y del footer a blanco. Luego he añadido las medidas y los nombres que se verán en la cabecera, y les he dado un orden.

...

Colocamos los gadgets de la manera que nos permita ver mejor la información y le damos a guardar Guardar para no perder los cambios

...

DATA LINK

Seleccionamos Selecciona la opción (3) de la cabecera de edición, data link, para establecer relaciones o conexiones entre los gadgets, nos aparece . Aparece esta ventana modal, donde podemos puedes ir añadiendo las relaciones, seleccionamos . Seleccionamos primero el source gadget y source field que es el gadget sobre el que pulsaremos pulsarás para crear filtrar los datos del target gadget por su target field, . Resumiendo: al pulsar un dato del gadget origen, filtra los datos del gadget destino.

...

La primera relación la establecemos del GADGET PIE con el GADGET LINE,:

...

La segunda Relación la establecemos Del GADGET TABLE con el GADGET PIE.

Vemos Puedes ver que, si pulsamos pulsas una fila de la tabla, se actualizan los datos del GADGET PIE con el filtro cuisine = American, y que si pulsamos , pulsas en el GADGET PIE en Manhattan, el GADGET LINE hereda los filtros borough = Manhattan y cuisine = American.

...

La opción (5) de la cabecera de edición  tiene tiene tres opciones

...

adicionales para configurar el dashboard:

...

PAGES

Nos permite Permite gestionar las páginas del dashboard, pudiendo tener una o crear más,.

Tan solo tenemos tienes que darle un nombre, seleccionar un icono, y si queremos podemos quieres, puedes ponerle una imagen de fondo o un color.

Para establecer el orden de las paginas páginas, tan solo tenemos tienes que pasar pulsar en las flechas de la derecha, la . La que está más arriba es la primera, y así sucesivamente.

Configurar Dashboard

Nos permite Permite configurar el header del dashboard, sus estilos, colores y añadir un logo.

También nos permite configurar la visibilidad y estilo del grid, como número de líneas, columnas…

Dashboard Style
Nos permite Permite configurar los estilos de los gadgets a nivel global, como son la altura de los headers, el color, estilo de los títulos y del body.


Además, si pulsamos pulsas sobre el icono de los menús

...

tenemos tienes la opción de configurar los estilos de cada gadget de manera individual, ocultar el header, añadir un titulo título, un icono, colores,…