Best Practices Visualization & Interactive Portal Design Juan Antonio Molina Presales Principal Consultant Southern Region juan_molina@ibi.

Transcripción

1 Best Practices Visualization & Interactive Portal Design Juan Antonio Molina Presales Principal Consultant Southern Region 1

2 Back to the Dashboard Future 3

3 4 Back to the Dashboard Future Objetivo

4 5 Back to the Dashboard Future Objetivo

5 6 Back to the Dashboard Future La representación gráfica mediante Infografías Representación visual de los propios textos. La infografía nació como un medio de transmitir información gráficamente.

6 7 Back to the Dashboard Future La representación gráfica mediante Infografías

7 8 Back to the Dashboard Future La representación gráfica mediante Infografías

8 The 4 D s 9

9 The 4 D s 10 Data Discovery Do-it-yourself Dashboarding Design

10 Data Discovery 11

11 12 Data Discovery What is Data Discovery? Una forma de BI que permite a los usuarios de negocio analizar su información sin requerir de soporte de IT. Cruzar y "mezclar" cualquier dato. Visualización Drag & Drop de los datos. Explore sus datos hasta identificar el Porqué" (Pivotar, clasificar, Clasificar, filtrar )

12 Data Discovery 13 Chart Attribute Syntax Nueva sintaxis FOCUS específica para Visualizaciones. Uso interno en InfoDiscovery 8.1, para convertirse en estándar JSCHART & HTML5 en WF 8.2 También incluye lenguaje de marcado para la información de tooltips interactivos y menús jerárquicos

13 14 Data Discovery Chart Attribute Syntax

14 Data Discovery 15 Interactivity Animación Funcionalidad Drill Anywhere Menus emergentes

15 16 Data Discovery ESRI Mapping Nuevo visor ligero de mapas ESRI para JSCHART y InfoDiscovery.

16 Data Discovery 17 ESRI Preview Heat mapping & multiple layers

17 Data Discovery 18 ESRI Maps Geo-enriquecimiento

18 Data Discovery 19 ESRI Preview - Clustering

19 Data Discovery 20 ESRI Maps Clustering

20 Data Discovery 21 ESRI Maps Densidad por puntos

21 Data Discovery 22 ESRI Maps Drive Time Analysis

22 Data Discovery 23 ESRI Maps Routing

23 Dashboarding 24

24 Dashboarding 25 Nuevos estilos de Gauge Múltiple Información en un único Widget Diseño Web Adaptativo (Responsive)

25 Dashboarding 26 Múltiple Información en un único Widget

26 Dashboarding 27 Múltiple Información en un único Widget

27 Dashboarding 28 Diseño Web Adaptativo

28 Dashboarding 29 Diseño Web Adaptativo

29 Do it Yourself 30

30 Do it Yourself 31 Arquitectura Arquitectura Plug-In para WebFOCUS 8200 Uso de d3 o cualquier otra biblioteca JavaScript para crear visualizaciones y relacionarlas a las medidas y dimensiones en WebFOCUS Modelo de objetos que facilita la reutilización de componentes de gráficos WF como clases de ejes, leyendas, tooltips, selecciones o drill-downs Las visualizaciones personalizadas aparecen en las herramientas WF como tipos de gráficos adicionales e interactúan con los gráficos integrados perfectamente. Las propiedades de los Complementos se almacenan en FEXs y/o es editado con las herramientas WF. API público: Plug-ins pueden ser creados por los clientes, consultores IBI o desarrolladores externos

31 Do it Yourself 32 Arquitectura GRAPH FILE ibisamp/car SUM CAR.BODY.DEALER_COST BY CAR.ORIGIN.COUNTRY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH EXTENSION ON GRAPH SET AUTOFIT ON ON GRAPH SET STYLE * TYPE=REPORT, chart-look=com.ibi.simple_bar, TITLETEXT=&WF_TITLE.QUOTEDSTRING, $ TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $ TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $ ENDSTYLE END

32 Do it Yourself 33 Personalización

33 Design 34

34 Design 35

35 Design 36 Mejorando la Experiencia de Usuario Nuevas hojas de estilo mejoradas Nueva arquitectura de backend (Server side) Nueva interfaz de usuario para herramientas WebFOCUS

36 Design 37 Mejorando la Experiencia de Usuario

37 Design 38 Mejorando la Experiencia de Usuario (Modern Stylesheets tuned for Web 2.0)

38 Design 39 Mejorando la Experiencia de Usuario (Modern Stylesheets tuned for Web 2.0)

39 Design 40 Mejorando la Experiencia de Usuario (Modern Stylesheets tuned for Web 2.0)

40 Design 42 Mejorando la Experiencia de Usuario

41 Let s run some of this 43

42 But wait Is there a FIFTH D??? 44

43 The Fifth D Data Analysis 45 Integrating Statistical Analysis into core graph services o R statistical language now part of WF o Process Control Graphs X-Bar-R U/P/I-Charts o Predictive Analytics Forecasting Trend & Visual Sentiment Analysis

44 Trend & SPC Analysis 46

45 Preguntas? 47

46 48 MUCHAS GRACIAS Juan Antonio Molina Presales Principal Consultant Southern Region