Código fuente wiki de Tutoriel Avancé

Última modificación por baudard el 2023/04/21 17:02
Mostrar los últimos autores
1
2
3 {{ddtoc/}}
4
5 ----
6
7 = Descargar los archivos para el tutorial =
8
9 Para poder seguir este tutorial, es necesario descargar dos archivos Excel "telecomen.xls" y "retailen.xls" (hacer clic en cada nombre de archivo para descargarlo.
10
11 = Creación del modelo de datos “telecom” =
12
13 __Objectivos__:
14
15 * Importar en DigDash Enteprise el archivo Excel** //telecom_es.xls//**// //([[descargar este archivo>>attach:telecom_es.xlsx]]) que agrupa los datos de una empresa (ficticia) de telecomunicacion.
16 * Enriquecer esta fuente de datos para construir un modelo de datos para permitirnos crear graficos pertinentes
17
18 Este modelo de datos se usara luego para crear varios graficos.
19
20 * En la pagina de inicio, haga clic en el boton del **Web Studio**
21 [[image:https://doc.digdash.com/xwiki/wiki/dd2022r2/download/Digdash/user_guide/tutorials/tutorial/WebHome/web-studio.png?rev=1.1||alt="1600030302328-951.png"]]
22 * En el formulario de connexion que aparece, ingresar sus nombre de usuario y contraseña
23
24 {{warning}}
25 Se deben usar los credenciales comunicados por su administrador. Esta persona le podrá ayudar en caso de problema en la conexión.
26 {{/warning}}
27
28 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682068844138-869.png?rev=1.1||alt="1682068844138-869.png"]]
29
30 == Paso 1 : Importar una fuente de datos ==
31
32 {{warning}}
33 Este tutorial asume que las fuentes de datos y los gráficos se van creando en su cartera personal
34 {{/warning}}
35
36 * En la pantalla que se enseña ahora, haga clic en el boton **Modelos** ubicado por la izquierda [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070401921-272.png?rev=1.1||alt="1682070401921-272.png"]]
37 * Haga clic en **Nuevo modelo**
38 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070491614-840.png?rev=1.1||alt="1682070491614-840.png"]]
39 * En la pantalla que aparece, hacer clic en **Cualquier tipo **de la seccion //Archivos : //
40 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070607774-372.png?rev=1.1||alt="1682070607774-372.png"]]
41 * La ventana **Buscar archivos remotos** aparece :
42 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070712572-205.png?rev=1.1||alt="1682070712572-205.png"]]
43
44 * Haga clic en la lista desplegable arriba //**Servidor**//  para elegir el servidor de documento //**Common Datasources**//.
45 * Abajo de la ventana, haga clic en el boton **Añadir un archivo...** La caja **Seleccionar archivo local o URL** se enseña
46 * Dejar marcado la primera opcion "Desde tu computadora" y luego haga clic en **Recorrer... **para selecionar el archivo **//telecom_es.xls//**.
47
48 {{warning}}
49 El archivo **telecom_es.xls** se puede descargar **__[[haciendo un clic en este enlace>>attach:telecom_es.xlsx]]__**.
50 {{/warning}}
51
52 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070909477-530.png?rev=1.1||alt="1682070909477-530.png"]]
53
54 * Haga clic en **Aceptar**
55
56 El archivo es ya guardado en el servidor DigDash Enterprise y todos los usuarios pueden accederlo.
57
58 {{info}}
59 Nota: si el servidor de documento //**UserDocs **//es seleccionado, los documentos solo son accesibles por el usuario que los ha subido.
60 {{/info}}
61
62 * En la ventana **Buscar archivos remotos** selecionne el archivo **telecom_es.xls**
63
64 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682070932425-723.png?rev=1.1||alt="1682070932425-723.png"]]
65
66 * Haga clic en **Aceptar**
67
68 La ventana **Cargar datos desde una hoja de calculo de Excel** se enseña
69
70 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071001099-670.png?rev=1.1||alt="1682071001099-670.png"]]
71
72 * Marque la casilla **Primera fila como cabecera**
73 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071044382-673.png?rev=1.1||alt="1682071044382-673.png"]]
74 * Haga clic en el boton **Agregar**...
75 * La caja **Editar una regla de filtro** se enseña
76
77 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071171095-685.png?rev=1.1||alt="1682071171095-685.png"]]
78
79 * Deje las valores predeterminadas (**Fecha **en la primera lista desplegable** **y "**no esta vacio**" en la secunda)
80 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071207153-837.png?rev=1.1||alt="1682071207153-837.png"]]
81 * Haga clic en **Aceptar**
82 * La regla aparece en la lista de las reglas que se aplicaran para filtrar los datos.
83 * Hacer clic en **Siguiente>, **abajo de la ventana : [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071350439-511.png?rev=1.1||alt="1682071350439-511.png"]]
84
85 == Paso 2 : Configurar el modelo de datos ==
86
87 * Ir en la pestaña **Propriedades**
88 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071436739-134.png?rev=1.1||alt="1682071436739-134.png"]]
89 * Nombre el modelo de datos "**Datos Telecom" **:
90 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682071452341-543.png?rev=1.1||alt="1682071452341-543.png"]]
91
92 * Volver en la pestaña **Columnas**
93
94 Ahora, vamos a enriquecer los datos de origen para establecer un modelo de datos que permita crear gráficos relevantes. Así crearemos:
95
96 * una jerarquía manual de departamentos comerciales (RRHH, I+D, Produccion, etc.)
97 * una jerarquía automática en el hardware (modelos de telefonos).
98 * una meta sobre los costos de consumo
99 * una métrica calculada que varíe los costos de comunicación en función del tipo de cambio € / $
100
101 === Crear una jerarquía manual ===
102
103 Recuerde guardar su modelo de datos regularmente haciendo clic en el botón Aplicar en la parte inferior derecha de la pantalla.
104
105 Aquí crearemos una jerarquía manual de los departamentos de la empresa. Primero agruparemos los departamentos en Funciones. A continuación, agruparemos estas funciones agrupadas en Actividades. Por ejemplo, la función de Administración agrupará los departamentos de Compras, Legal y SI y se adjuntará a la actividad de Soporte.
106
107 * En la lista de las columnas, seleccione **Departamento**
108 * En la sección** Jerarquías **del panel derecho haga clic en **Agregar** y seleccione **Manual**.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072001606-796.png?rev=1.1||alt="1682072001606-796.png"]]
109 * La ventana **Crear una jerarquia en la dimension "Departamento"** aparece[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072039022-575.png?rev=1.1||alt="1682072039022-575.png"]]
110 * El nombre de grupo predeterminado es **//Grupo 0//**. Cambie el nombre a **Tipo de servicio**.
111 * Un primer nivel llamado **//Nivel 0//** contiene todos los valores de la columna.
112 * Cambie el nombre de este nivel a **Función**.
113 * Para crear grupos en este nivel, haga clic en **Agregar...** en la parte inferior izquierda.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072178131-921.png?rev=1.1||alt="1682072178131-921.png"]]
114 * Aparece el cuadro de diálogo **Nombre del grupo**.
115 * Ingrese **Comercial**, y haga lo mismo
116 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072212610-548.png?rev=1.1||alt="1682072212610-548.png"]]
117 * Repetir la operacion para** Dirección, Producción **y **Administración**
118
119 __**Asignación de miembros a grupos:**__
120
121 * En la lista de izquierda, Seleccione **Administración **y marque las casillas de //**Adquisitivo **//y //**Legal** //en la lista de derecha.
122 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072212610-548.png?rev=1.1||alt="1682072212610-548.png"]]
123 * Haga lo mismo para :
124 ** **Comercial **: //Marketing //y //Ventas//
125 ** **Dirección **: //Administración//, //Financiar// y //RRHH//
126 ** **Producción**: //I+D// y //Producción//[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072428614-300.png?rev=1.1||alt="1682072428614-300.png"]]
127 * Agregue un segundo nivel haciendo un clic sobre el boton **Añadir nivel** a la derecha de la ruta completa.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072481749-987.png?rev=1.1||alt="1682072481749-987.png"]]
128 * Llamar este nivel **Actividad**.
129 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072522189-185.png?rev=1.1||alt="1682072522189-185.png"]]
130 * Agregue dos grupos **Principal **y **Soporte**, con los siguientes miembros:
131 ** **Principal **: //Comercial//, //Producción//
132 ** **Soporte**: //Dirección//, //Administración//
133
134 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072666385-332.png?rev=1.1||alt="1682072666385-332.png"]]
135
136 * Haga clic en **Aceptar **para validar los dos niveles de jerarquía creados.
137
138 === Creación de una jerarquía automática. ===
139
140 Aquí construiremos una jerarquía de grupos basada en otras dimensiones en nuestro modelo de datos. Por tanto, vamos a agrupar los diferentes tipos de material por tipo de línea.
141
142 * Seleccione **Equipo telefónico**, luego haga clic en **Agregar **y seleccione** Agrupación automática**.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072716413-703.png?rev=1.1||alt="1682072716413-703.png"]]
143 * Aparece el cuadro **Editor de grupo**.
144 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072737298-257.png?rev=1.1||alt="1682072737298-257.png"]]
145 * El nombre predeterminado del grupo es //**Group 0**//, renombra a **Tipo de Hardware**.
146 * [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072862857-510.png?rev=1.1||alt="1682072862857-510.png"]]
147 * La ruta completa de la jerarquía se muestra en el campo **Ruta completa**.
148 * Cada nivel jerárquico está separado del siguiente por una barra oblica **/**.
149 * El equipo es el primer nivel de la jerarquía.
150 * Abra la lista desplegable del segundo nivel y luego seleccione **Tipo de línea**.
151 * [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072914950-403.png?rev=1.1||alt="1682072914950-403.png"]]
152
153 * Haga clic en **Aceptar **para confirmar
154
155 === Creación de un objetivo de reduccion de los costos de comunicación a 33.000€ ===
156
157 Ahora crearemos un objetivo en la métrica Costo de comunicación. Aquí queremos conseguir una reducción de 33.000€ en los costes de comunicación.
158
159 * Seleccione la columna **Costo**.
160 * Luego, en la parte de derecheca dedicada a los **Objetivos**, haga clic en **Agregar...**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682072993319-944.png?rev=1.1||alt="1682072993319-944.png"]]
161
162 * Nombre el objetivo en **Costo descendente** como se muestra a continuación.
163 * En la lista desplegable Tipo de objetivo seleccione **Decreciente**.
164 * En la lista desplegable Tipo, deje **Allocation **y luego ingrese el valor **33000**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076342320-746.png?rev=1.1||alt="1682076342320-746.png"]]
165 * Haga clic en **Aceptar** para confirmar.
166
167 === Creación de de una variable de conversión Euro/Dólar ===
168
169 Vamos a crear una variable de conversión Euro/Dólar que usaremos más adelante para crear una medida que calcule los costes de comunicación según el tipo de cambio Euro/Dólar.
170
171 * Hacer clic en la pestaña **Variables **y hacer clic en el boton **Nueva variable**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/Capture%20d%E2%80%99%C3%A9cran%20du%202023-04-21%2012-32-07.png?rev=1.1||alt="Capture d’écran du 2023-04-21 12-32-07.png"]]
172
173 En el formulario, llene los campos con los siguientes valores:
174
175 * Nombre: **Euro Dólar**
176 * Tipo : **Calculado**
177 * Valor por defecto: **1.4**
178 * Minimo: **0.6**
179 * Maximo: **2**
180 * Incremento: **0.01**
181
182 Hacer clic en **Aplicar **para guardar la variable.
183
184 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073355197-455.png?rev=1.1||alt="1682073355197-455.png"]]
185
186 === Crear una medida que calcula los costos de comunicación apoyandose en la tasa de cambio €/$ ===
187
188 Vamos a crear aquí una medida que nos permita calcular los costes de comunicación según el tipo de cambio Euro/Dólar. Para ello utilizaremos la variable de conversión Euro/Dólar que acabamos de crear.
189
190 * Volver en la pantalla **Columnas**
191 * Hacer clic **Nueva medida** y luego **Medida calculada (usuario avanzado)** arriba de la lista de las columnas.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073522774-257.png?rev=1.1||alt="1682073522774-257.png"]]
192
193 La ventana Medida Calculada se abre
194
195 * Nombrar la nueva medida **Costo Euro/Dolar**
196 * Ingresar la formula de calculo de la medida : 
197 ** Haga un doble clic en la medida **Costo : la medida se agrega en la formula**
198 ** [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073677861-602.png?rev=1.1||alt="1682073677861-602.png"]]
199 ** Luego, escriba ** *1.4/ **
200 ** Abrir la seccion **Variable **y agregar la variable **Euro Dolar**.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073780896-787.png?rev=1.1||alt="1682073780896-787.png"]]
201
202 * Haga clic en **Aceptar **para guardar la medida calculada y cerrar este cuadro.
203 * Haga clic en **Terminar **y luego ignore el cuadro de diálogo Agregar comentario al cambiar.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073805911-795.png?rev=1.1||alt="1682073805911-795.png"]]
204
205 * Se vuelve en la pagina **Modelos. **Su modelo de datos “Datos Telecom” está listo para usar.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682073912960-120.png?rev=1.1||alt="1682073912960-120.png"]]
206
207 = Creación de los gráficos "Telecom" =
208
209 Aquí crearemos varios gráficos y mapas a partir del modelo de datos que acabamos de preparar:
210
211 * un gráfico de barras que representa el costo de la comunicación por tipo de servicio
212 * un mapa que representa el costo de la comunicación por región
213 * un gráfico de indicadores que compara los costos de comunicación con un objetivo
214 * un gráfico de curvas para visualizar el impacto de la variación del tipo de cambio Euro/Dólar en sus costes de comunicación
215
216 Los gráficos y mapas se denominan **Flujos** en DigDash Enterprise. Por lo tanto, su creación se realiza desde la página **Flujos** del Web studio.
217
218 Un **flujo** de información se conecta a un **modelo de datos**.
219 Puede ser un **gráfico**, una **tabla**, una **cartografía** o un **generador de documentos**.
220
221 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682074548388-426.png?rev=1.1||alt="1682074548388-426.png"]]
222
223 == Creación del gráfico “Costo por Tipo de Servicio” ==
224
225 __Objetivo__: mostrar un gráfico de barras que muestre el **Costo por tipo de servicio** en la empresa. Desde el panel de control, el usuario puede **navegar en la jerarquía de Tipo de Servicio**.
226
227 * Desde la vista de los flujos, hacer clic en **Nuevo flujo**
228 * [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682074628511-634.png?rev=1.1||alt="1682074628511-634.png"]]
229 * Elija el tipo **Gráfico de barras**
230 * [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682074646304-653.png?rev=1.1||alt="1682074646304-653.png"]]
231 * Seleccionar el modelo de datos "**Datos Telecom**" haciendo un clic en el menu de la seccion "Modelo de datos" arriba de la ventana que aparece[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682074869496-534.png?rev=1.1||alt="1682074869496-534.png"]]
232 * Arrastre y suelte la medida **Costo **en el eje //**Apilamiento**//.
233 * Arrastre y suelte la dimensión **Departamento **en el eje **//Barra//**.
234 * En la ventana que aparece en pop-up :
235 ** deje la jerarquia //Tipo de Servicio// y nivel //Actividad//
236 ** **marque la casilla** “Añadir la acción Navegar en jerarquías” [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075011455-521.png?rev=1.1||alt="1682075011455-521.png"]]
237 * Haga clic la pestaña **Interacción **en las pestañas de configuracion ubicadas en la parte de izquierda (pestaña numero 4).
238 * Notará que la acción **Navegar en jerarquía** está configurada como interaccion por el eje //Barra//.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075141797-817.png?rev=1.1||alt="1682075141797-817.png"]]
239 * Haga clic en el enlace "Haga clic aquí" para mostrar la vista previa.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075197771-763.png?rev=1.1||alt="1682075197771-763.png"]]
240 * También puede activar la actualización automática en el cuadro desplegable.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075180607-556.png?rev=1.1||alt="1682075180607-556.png"]]
241 * Ahora es posible hacer clic en los ejes //Principal// y //Soporte //para navegar a lo largo de la jerarquía manual configurada en el modelo de datos.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075235602-693.png?rev=1.1||alt="1682075235602-693.png"]]
242 * De un nombre a este nuevo gráfico : **Costo de comunicación por tipo de servicio**.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075254171-999.png?rev=1.1||alt="1682075254171-999.png"]]
243
244 * Haga clic en **Aceptar **para validar y guardar el grafico.
245
246 == Creación del gráfico:"Costo de la comunicación por región" ==
247
248 __Objetivo__: Crear un mapa que muestre los costos de comunicación por continente. El usuario puede navegar por los continentes para mostrar los costos por país y por región.
249
250 Este gráfico utiliza la fuente de datos de “telecom” creada anteriormente.
251
252 __[[image:Formation_Niveau_1_Tutoriel_2020R1_FR-_2__html_d51edeef6e19accb.jpg||queryString="width=444&height=264" height="264" width="444"]]__
253
254 === Paso 1: selección de un tipo de gráfico y un modelo de datos existente ===
255
256 * En la vista de los flujos, en el menu superior, haga clic en **Nuevo flujo**
257 * En el menu que aparece, haga clic en **Mapa **(en la categoría //Mapas//)[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075587851-667.png?rev=1.1||alt="1682075587851-667.png"]][[image:1682075587851-667.png]]
258 * Luego seleccione la fuente de datos **Datos telecom** creada previamente.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075629531-990.png?rev=1.1||alt="1682075629531-990.png"]]
259 * Se muestra el cuadro **//Propriedades del flujo//** donde vamos a configurar la visualización.
260
261 === Paso 2: configurar la visualización ===
262
263 * Asegurese que la **primera pestaña** sea selecionada y abierta en la parte de izquierda : .[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075756246-358.png?rev=1.1||alt="1682075756246-358.png"]]
264 * Arrastre y suelte la medida **Costo **en el eje //Medida//.
265 * Arrastre y suelte la dimensión **Geografía **en el eje //Geografía//.
266 * En el diálogo Selección automática de nivel, mantenga la jerarquía seleccionada y marque** Añadir la acción "Navegar jerarquías"**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075689369-541.png?rev=1.1||alt="1682075689369-541.png"]]
267
268 * Una vez que haya refrescado el grafico, haga clic en "Europa" y "España" para mostrar los detalles de los costos de esta área.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075816887-848.png?rev=1.1||alt="1682075816887-848.png"]]
269 * De un nombre al gráfico : "**Costo de comunicación por región**"[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682075840951-688.png?rev=1.1||alt="1682075840951-688.png"]]
270
271 * Haga clic en **Aceptar **para guardar la configuración de este nuevo gráfico.
272
273 == Creación del gráfico:"Objetivo de costo" ==
274
275 __Objectivo__: la empresa desea reducir sus costos de comunicación. Cree un indicador que compara los costos de comunicación con un objetivo.
276
277 [[image:1625224251651-334.png||queryString="width=449&height=354" height="354" width="449"]]
278
279 === Paso 1: seleccion de un tipo de gráfico y un modelo de datos existente ===
280
281 * En la vista de los flujos, en el menu superior, haga clic en **Nuevo flujo**
282 * Seleccione el tipo de gráfico **Medidor **en la categoria //Indicadores//.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076149299-474.png?rev=1.1||alt="1682076149299-474.png"]]
283 * Seleccione el modelo de datos** Datos telecom** creado previamente cuando se abre el cuadro de configuración del grafico.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076197647-215.png?rev=1.1||alt="1682076197647-215.png"]]
284
285 === Paso 2: configurar la visualización ===
286
287 * Coloque la medida **Costo **en el eje //Medida//[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076400447-471.png?rev=1.1||alt="1682076400447-471.png"]]
288 * En este tipo de visualizacion, un objetivo esta elejido automaticamente si existe.
289 ** Haga un clic derecho sobre la medida para comprobar la seleccion del objetivo creado durante la configuracion del modelo de datos, o para aplicar un otro si existe[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076415132-954.png?rev=1.1||alt="1682076415132-954.png"]]
290 * En la parte //**Visualizacion**// ubicado arriba por la derecha, se puede cambiar de estilo[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076455233-572.png?rev=1.1||alt="1682076455233-572.png"]]
291 * De un nombre a este nuevo grafico : **Objetivo costo**
292 * Haga clic en **Aceptar**, el gráfico se agrega a la lista des los flujos de su cartera personal.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076504583-259.png?rev=1.1||alt="1682076504583-259.png"]]
293
294 == Creación del gráfico: ”Simulación Euro/Dólar” ==
295
296 __Objetivo__: mostrar el impacto del cambio Euro/Dólar en el **costo de la comunicación**.
297
298 __[[image:Formation_Niveau_1_Tutoriel_2020R1_FR-_2__html_dac81e432d3ac998.jpg||queryString="width=563&height=270" height="270" width="563"]]__
299
300 Este gráfico utiliza el modelo de datos "Datos Telecom" creado anteriormente.
301
302 === Paso 1: seleccion de un tipo de gráfico y un modelo de datos existente ===
303
304 * En la vista de los flujos, en el menu superior, haga clic en **Nuevo flujo**
305 * Seleccione el tipo de gráfico **Líneas**.
306 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076711162-905.png?rev=1.1||alt="1682076711162-905.png"]]
307
308 * Luego seleccione el modelo de datos **//Datos telecom//** creado previamente[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076791261-581.png?rev=1.1||alt="1682076791261-581.png"]]
309
310 === Paso 2: configurar la visualización ===
311
312 * Arrastre y suelte las medidas **Costo **y **Costo Euro/Dólar** en el eje// **Línea**//**s**.
313 * Arrastre y suelte la dimensión **Fecha** en el eje //**Abscisa**//.
314 * Seleccione la jerarquía **Month Year **en el nivel **Year**.
315 * Marque la casilla “**Añadir la acción ‘Navegación en jerarquía**”[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076872927-119.png?rev=1.1||alt="1682076872927-119.png"]]
316 * De un nombre a este gráfico : **Simulación Euro Dólar**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682076894799-633.png?rev=1.1||alt="1682076894799-633.png"]]
317
318 = Creación del modelo de datos:”Retail" =
319
320 == Paso 1: importar una fuente de datos ==
321
322 __Objetivo__: Importar en DigDash Enterprise el archivo Excel **//retail_es.xlsx//** ([[descargar este archivo>>attach:retail_es.xlsx]]) que representa las ventas de la empresa.
323
324 * En el Web Studio, abrir la vista de los modelos : [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077295656-173.png?rev=1.1||alt="1682077295656-173.png"]]
325 * En la pantalla que se enseña ahora, haga clic en el boton **Nuevo modelo**
326 * En el menu que aparece, haga clic en **Cualquier tipo**
327 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077353617-267.png?rev=1.1||alt="1682077353617-267.png"]]
328 * La ventana **Buscar archivos remotos** aparece :
329 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077537956-298.png?rev=1.1||alt="1682077537956-298.png"]]
330 * Haga clic en el boton **Seleccion** arriba de la ventana para elegir el servidor de documento //**Common Datasources**//.
331 * Abajo de la ventana, haga clic en el boton **Añadir un archivo al servidor...** La caja **Seleccionar archivo local o URL** se enseña
332 * Marque **Seleccione el archivo** y luego haga clic en **Recorrer... **para selecionar el archivo **//retail_es//**.xls. [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077561265-436.png?rev=1.1||alt="1682077561265-436.png"]]
333
334 {{warning}}
335 El archivo **retail_es.xls **se puede descargar** __[[haciendo un clic en este enlace>>attach:retail_es.xlsx]]__. **
336 {{/warning}}
337
338 * Haga clic en **Aceptar**.
339 * (((
340 El archivo es ya guardado en el servidor DigDash Enterprise y todos los usuarios pueden accederlo.
341 )))
342 * (((
343 En la ventana Buscar archivos remotos, seleccione "**retail_es.xls**" y haga clic en **Aceptar**.
344 )))
345
346 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077583495-419.png?rev=1.1||alt="1682077583495-419.png"]]
347
348 {{info}}
349 Nota: si el servidor de documento //**UserDocs **//es seleccionado, los documentos solo son accesibles por el usuario que los ha subido.
350 {{/info}}
351
352 * Aparece la ventana Cargar datos de una hoja de cálculo de Excel.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077599032-463.png?rev=1.1||alt="1682077599032-463.png"]]
353 * Marque la casilla //Primera fila como cabecera//[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077810876-506.png?rev=1.1||alt="1682077810876-506.png"]]
354 * Haz clic en** Agregar...**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077901988-210.png?rev=1.1||alt="1682077901988-210.png"]]
355 * Se muestra la ventana **Editar regla de filtro.**
356 * Deje los valores predeterminados (//Fecha// en la primera lista desplegable y //no está vacío// en la segunda lista desplegable)[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077922382-429.png?rev=1.1||alt="1682077922382-429.png"]]
357 * Haz clic en **Aceptar** y luego en **Siguiente**.
358
359 == Paso 2 : Configurar el modelo de datos ==
360
361 * Ir en la pestaña **Propriedades **y nombrar el modelo **//Datos Retail//**
362 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682077969236-272.png?rev=1.1||alt="1682077969236-272.png"]]
363 * Seleccione la columna #1 «//**Región de la tienda**//» y cambie el nombre de su identificador a "**Región**" (de modo que se pueda enlazar con la columna "Región" en el modelo de datos telecom).[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078037251-587.png?rev=1.1||alt="1682078037251-587.png"]]
364 * Haga clic en **Terminar **para guardar el modelo de datos.
365
366 = Creación del gráfico: “Ingresos del Top 3 de productos” =
367
368 __Objetivo__: crear una tabla cruzada que muestre los ingresos en los tres mejores productos. Enseñaremos la tendencia y el margen objetivo como iconos.
369
370 Esta tabla utiliza el secundo modelo de datos creado : **//Datos Retail//**
371
372 [[image:https://lh4.googleusercontent.com/mCWBcu-r3_1HQW-jX_58NvbX-nH6PAo6GHsikw2cB0xjp4f4HFYgS4D3Bvs3Qqn9LOyxkX9htYJbLHpd4T1ycFGZjvtAx_SCCvUPMmvgkqNrEEjPsBHBmQc0d3BvRWHel3Qvb97P_ZE||height="242px;" width="508px;"]]
373
374 * Cree un gráfico de Tabla Pivot
375 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078116666-405.png?rev=1.1||alt="1682078116666-405.png"]]
376 * Seleccione el modelo de datos **Datos Retail**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078146223-755.png?rev=1.1||alt="1682078146223-755.png"]]
377 * Agregue una secunda columna : [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078177987-326.png?rev=1.1||alt="1682078177987-326.png"]]
378 * Luego, coloque las medidas y las dimensiones :
379 ** **Columna 1 **: dimension //Producto//
380 ** **Columna 2 **: medidas //Volumen de ventas//, //Objetivo Margen// y //Tendencia//
381 ** **Fila 1 **: dimension Región y eliminar la jerarquía (Seleccione “Ninguna” en la ventana emergente)
382
383 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078249216-416.png?rev=1.1||alt="1682078249216-416.png"]]
384
385 * Haga un clic derecho en Objetivo Margen  y seleccione el formato: ”Objetivo (Icono)".[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078321592-409.png?rev=1.1||alt="1682078321592-409.png"]]
386 * Haga lo mismo con Tendencia y el formato "Tendencia (Icono)"
387 .[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078337992-178.png?rev=1.1||alt="1682078337992-178.png"]]
388 * Haga clic en la rueda en la esquina superior derecha de la "Columna 1", y haga clic en **Propriedades**.[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078405891-808.png?rev=1.1||alt="1682078405891-808.png"]]
389 * Muestre las 3 mejores ventas generadas por producto con una clasificación ascendiente.
390 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078525845-792.png?rev=1.1||alt="1682078525845-792.png"]]
391 * De un nombre al gráfico: "**Top 3 productos**"[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078575644-133.png?rev=1.1||alt="1682078575644-133.png"]]
392
393 = Creación del cuadro de mandos =
394
395 * Abra el navegador web e ingrese la URL del servidor DigDash Enterprise, y haga clic en** Editor de cuadros de mando**
396 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078622619-719.png?rev=1.1||alt="1682078622619-719.png"]]
397 * Luego, en la pantalla que se enseña, ingrese el usuario y la contraseña.
398 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682078751489-401.png?rev=1.1||alt="1682078751489-401.png"]]
399 * En el primer nivel de las pestañas, se puede ver su nombre de usuario.
400 * En el nivel inferior, una primera pagina existe : "**Mi cuadro de mandos**"
401 * Hacer un clic derecho en esta pestaña, hacer clic en **Modo de visualizacion **y **Plantillas...**[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079007660-994.png?rev=1.1||alt="1682079007660-994.png"]]
402 * Elija la tercera plantilla : **Gráficos + Filtros en la parte superior
403 **[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079088571-792.png?rev=1.1||alt="1682079088571-792.png"]]
404 * Haga un clic en el boton **OK** para validar la seleccion de esta plantilla.
405 * Su página ahora contiene áreas donde puede arrastrar gráficos o filtros.
406 * Desde el panel lateral izquierdo, en la parte **Flujo de informacion (graficos existantes)**, arrastre y suelte los siguientes graficos:
407 ** //Costo de comunicación por tipo de servicio//
408 ** //Costo de comunicación por región//
409 ** //Objetivo costo//
410 ** //Top 3 productos//
411
412 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079236893-560.png?rev=1.1||alt="1682079236893-560.png"]]
413
414 * Para agregar un filtro, abrir la seccion **Filtros/Variables:
415 **[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079300211-865.png?rev=1.1||alt="1682079300211-865.png"]]
416 * Desde esta seccion, arrastrar y soltar la dimension **Tipo de linea **en una area //**Dimension **//de la pagina[[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079372454-386.png?rev=1.1||alt="1682079372454-386.png"]]
417 * Al lado de su primera pagina, hacer clic en el boton **+** :
418 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079418296-447.png?rev=1.1||alt="1682079418296-447.png"]]
419 * Asi, se cree una nueva página. Llámela **Simulación**.
420 * Elije el **modo de visualizacion** //Proporcional//
421 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079472089-767.png?rev=1.1||alt="1682079472089-767.png"]]
422 * Arrastre y suelte en su nueva página el gráfico **Simulación Euro Dólar** de su cartera.
423 * Arrastre y suelte la variable **Euro Dólar **desde la pestaña //**Filtros / Variables**//.
424 * Haga lo mismo con **Tipo de línea**.
425
426 * Abra el Contenido Adicional en el panel izquierdo y arrastre y suelte en su página los siguientes elementos:
427 ** Elementos filtrados
428 ** Leyenda
429 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079693681-991.png?rev=1.1||alt="1682079693681-991.png"]][[image:1682079693681-991.png]]
430 * Haga clic en este icono [[image:1625228913963-316.png]] en la esquina superior derecha de la pantalla para guardar el tablero.
431
432 = Acceso al cuadro de mandos =
433
434 * Haga clic en el tercero icono en la esquina superior derecha para acceder al cuadro de mandos.
435 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079728605-740.png?rev=1.1||alt="1682079728605-740.png"]]
436 * En la primera página, "telecom", Costo de comunicación por región muestra los costos de comunicación para América y Europa. Haga clic en América para mostrar el costo por país.
437
438 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079773774-559.png?rev=1.1||alt="1682079773774-559.png"]]
439
440 * Haga clic en "Estados Unidos" para mostrar el costo por estado. Los demás gráficos de su página están filtrados y muestran sus valores sólo para "Estados Unidos".
441
442 * Abra la página "Simulación" y mueva el cursor "Euro Dólar" para mostrar el efecto de la tasa de cambio en el costo de la comunicación..
443
444 [[image:https://doc.digdash.com/xwiki/wiki/dev/download/Digdash/user_guide/tutorials/tutorial/WebHome/1682079784483-642.png?rev=1.1||alt="1682079784483-642.png"]]