Histórico da Página
HTML |
---|
<div id="main-content" class="wiki-content group"> <h1 id="WidgetsdeExperiênciadeUso-Índice">Índice.</h1> <p> <style type='text/css'>/*<![CDATA[*/ div.rbtoc1412695932449 { padding: 0px; } div.rbtoc1412695932449 ul { list-style: none; margin-left: 0px; } div.rbtoc1412695932449 li { margin-left: 0px; padding-left: 0px; } /*]]>*/ </style> <div class='toc-macro rbtoc1412695932449'> <ul class='toc-indentation'> <li><span class='TOCOutline'>1</span> <a href='#WidgetsdeExperiênciadeUso-Objetivo'>Objetivo</a></li> <li><span class='TOCOutline'>2</span> <a href='#WidgetsdeExperiênciadeUso-ConsultaRápida'>Consulta Rápida</a> <ul class='toc-indentation'> <li><span class='TOCOutline'>2.1</span> <a href='#WidgetsdeExperiênciadeUso-Requisitos'>Requisitos</a></li> <li><span class='TOCOutline'>2.2</span> <a href='#WidgetsdeExperiênciadeUso-Benefícios'>Beneficios</a></li> <li><span class='TOCOutline'>2.3</span> <a href='#WidgetsdeExperiênciadeUso-Configuraçãodowidget'ConsultaRápida'noFluig'>Configuración del widget 'Consulta Rápida' en el Fluig</a></li> </ul></li> <li><span class='TOCOutline'>3</span> <a href='#WidgetsdeExperiênciadeUso-Analytics'>Analytics</a> <ul class='toc-indentation'> <li><span class='TOCOutline'>3.1</span> <a href='#WidgetsdeExperiênciadeUso-Requisitos.1'>Requisitos</a></li> <li><span class='TOCOutline'>3.2</span> <a href='#WidgetsdeExperiênciadeUso-Benefícios.1'>Beneficios</a></li> <li><span class='TOCOutline'>3.3</span> <a href='#WidgetsdeExperiênciadeUso-Configuraçãodowidget'Analytics'noFluig'>Configuración del widget 'Analytics' en el Fluig</a></li> </ul></li> <li><span class='TOCOutline'>4</span> <a href='#WidgetsdeExperiênciadeUso-AcessoCentralizado'>Acceso Centralizado</a> <ul class='toc-indentation'> <li><span class='TOCOutline'>4.1</span> <a href='#WidgetsdeExperiênciadeUso-Requisitos.2'>Requisitos</a></li> <li><span class='TOCOutline'>4.2</span> <a href='#WidgetsdeExperiênciadeUso-Benefícios.2'>Beneficios</a></li> <li><span class='TOCOutline'>4.3</span> <a href='#WidgetsdeExperiênciadeUso-Configuraçãodowidget'AcessoCentralizado'noFluig'>Configuración del widget 'Acceso Centralizado' en el Fluig</a></li> </ul></li> </ul> </div> </p> <p> </p> <h1 id="WidgetsdeExperiênciadeUso-Objetivo">Objetivo</h1> <p> El objetivo de esta guía es detallar los procedimientos de configuración de las <em>widgets</em> de Experiencia de Uso en el Fluig. </p> <p> </p> <h1 id="WidgetsdeExperiênciadeUso-ConsultaRápida">Consulta Rápida</h1> <p> <img class="confluence-embedded-image" src="http://www.tdn.totvs.com/download/attachments/149880912/widget_consulta_rapida.png?version=1&modificationDate=1405966331000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/widget_consulta_rapida.png?version=1&modificationDate=1405966331000&api=v2"> </p> <h3 id="WidgetsdeExperiênciadeUso-Requisitos">Requisitos</h3> <ul> <li>Poseer las experiencias de uso configuradas.</li> <li>Provisión del acceso autorizado en el Identity.</li> </ul> <p> </p> <h3 id="WidgetsdeExperiênciadeUso-Benefícios">Beneficios</h3> <ul> <li>Acceso rápido al contenido de los sistemas en consultas típicas</li> <li>Agilidad para la toma de acciones</li> <li>Una única pantalla de acceso para el usuario</li> </ul> <p> </p> <h3 id="WidgetsdeExperiênciadeUso-Configuraçãodowidget'ConsultaRápida'noFluig"> Configuración del <em>widget</em> 'Consulta Rápida' en el Fluig </h3> <p>Siga, moviéndose en las pestañas a continuación, el paso a paso para configuración del widget de 'Consulta Rápida' en el Fluig.</p> <p style="text-align: left;"> </p> <a name="composition-deck-samples"></a> <div id="samples" class="deck" history="false" loopcards="false" effecttype="fade" effectduration="0.5" nextafter="0.0"> <ul class="tab-navigation"></ul> <!-- // .tab-navigation --> <div class="deck-cards panel" style=""> <div id="1" class="deck-card active-pane" style="" cssclass="" accesskey="" label="Passo1" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> En la edición de la página que se desea agregar el <em>widget</em>, haga clic en ‘Agregar Nueva Widget’ para agregar el <em>widget</em> al slot. </p></li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2"> </p> <p style="text-align: center;"> <strong style="text-align: center;">Figura 1 - Configuración <em>Widget</em> de consulta rápida. </strong> </p> <p style="text-align: center;"> </p> </div> <div id="2" class="deck-card " style="" cssclass="" accesskey="" label="Passo 2" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <div> <ul> <li><p>En la pantalla de adición de widgets, el filtro integración filtra las widgets relacionadas con la experiencias de uso. En este ejemplo adicionaremos a widget de Consulta Rápida que permite tener acceso rápido a los informes simplificados.</p> <p> <br /> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/consultaRapida.PNG?version=1&modificationDate=1405950179000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/consultaRapida.PNG?version=1&modificationDate=1405950179000&api=v2"> </p></li> </ul> <p style="text-align: center;"> <strong style="text-align: center;">Figura 2 - Configuración <em>Widget</em> de consulta rápida. </strong> </p> <p style="text-align: center;"> <strong style="text-align: center;"><br /></strong> </p> </div> </div> <div id="3" class="deck-card " style="" cssclass="" accesskey="" label="Passo 3" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> Al adicionar el <em>widget</em> el Fluig detecta las empresas del ERP vinculadas a través del Fluig Identity. </p></li> </ul> <ul> <li><p> Configuraremos el <em>widget</em> para devolver un informe simplificado de pedidos por ítem de la empresa 'Matriz'. </p> <p> <strong>- Título:</strong> Pedidos por Ítem </p> <p> <strong>- Consulta Rápida:</strong> PEDIDOS POR ÍTEM </p> <p> <strong>- Empresa:</strong> Matriz </p></li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" width="500" src="http://www.tdn.totvs.com/download/attachments/149880912/07.PNG?version=1&modificationDate=1405950209000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/07.PNG?version=1&modificationDate=1405950209000&api=v2"> </p> <p style="text-align: center;"> <strong style="text-align: center;">Figura 3 - Configuración <em>Widget</em> de consulta rápida. </strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> <div id="4" class="deck-card " style="" cssclass="" accesskey="" label="Passo 4" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>En la secuencia, haga clic en guardar y publique la edición de widget hecha en la página.</li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2"> </p> <p style="text-align: center;"> <strong style="text-align: center;">Figura 4 - Configuración <em>Widget</em> de consulta rápida. </strong> </p> <p style="text-align: center;"> <strong style="text-align: center;"><br /></strong> </p> </div> <div id="5" class="deck-card " style="" cssclass="" accesskey="" label="Passo 5" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>Al visualizar la página el informe de la consulta rápida se exhibirá.</li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" width="500" src="http://www.tdn.totvs.com/download/attachments/149880912/02.PNG?version=1&modificationDate=1405950572000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/02.PNG?version=1&modificationDate=1405950572000&api=v2"> </p> <p style="text-align: center;"> <strong style="text-align: center;">Figura 5 - Configuración <em>Widget</em> de consulta rápida. </strong> </p> <p style="text-align: center;"> <strong style="text-align: center;"><br /></strong> </p> </div> </div> </div> <!-- // .deck --> <p style="text-align: left;"> </p> <p style="text-align: left;"> </p> <h1 id="WidgetsdeExperiênciadeUso-Analytics">Analytics</h1> <p> <img class="confluence-embedded-image" src="http://www.tdn.totvs.com/download/attachments/149880912/widget_analytics.png?version=1&modificationDate=1406291068000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/widget_analytics.png?version=1&modificationDate=1406291068000&api=v2"> </p> <h3 id="WidgetsdeExperiênciadeUso-Requisitos.1">Requisitos</h3> <ul> <li><span>Fluig integrado con el identity</span></li> <li><p>App de Analytics configurado</p></li> </ul> <p> </p> <h3 id="WidgetsdeExperiênciadeUso-Benefícios.1">Beneficios</h3> <ul> <li>Dashboards dinámicos</li> <li>Datos de análisis utilizados donde son necesarios</li> <li>Acceso compartido con perfiles de usuarios</li> <li>Nuevas visiones en minutos</li> </ul> <p> </p> <h3 id="WidgetsdeExperiênciadeUso-Configuraçãodowidget'Analytics'noFluig"> Configuración del <em>widget</em> 'Analytics' en el Fluig </h3> <p>Siga, moviéndose en las pestañas a seguir, el paso a paso para la configuración del widget de 'Analytics' en el Fluig.</p> <p> </p> <a name="composition-deck-samples"></a> <div id="samples" class="deck" history="false" loopcards="false" effecttype="fade" effectduration="0.5" nextafter="0.0"> <ul class="tab-navigation"></ul> <!-- // .tab-navigation --> <div class="deck-cards panel" style=""> <div id="1" class="deck-card active-pane" style="" cssclass="" accesskey="" label="Passo1" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> En la edición de la página que se desea agregar el <em>widget</em>, haga clic en ‘Agregar Nueva Widget’ para agregar el <em>widget</em> al slot. </p></li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 6 - Configuración <em>Widget</em> Analytics. </strong> </p> <p style="text-align: center;"> </p> </div> <div id="2" class="deck-card " style="" cssclass="" accesskey="" label="Passo 2" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <div> <ul> <li><p> En la pantalla de adición de widgets, el filtro integración filtra las widgets relacionadas con la experiencias de uso. En este ejemplo adicionaremos a <em>widget Analytics</em> <span>que permite visualizar gráficos y <em>dashboards</em> del <em>Analytics</em> de forma fácil y rápida. </span> </p> <p> <br /> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/Capturar.PNG?version=1&modificationDate=1406291205000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/Capturar.PNG?version=1&modificationDate=1406291205000&api=v2"> </p></li> </ul> <p style="text-align: center;"> <strong>Figura 7 - Configuración <em>Widget</em> Analytics. </strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> </div> <div id="3" class="deck-card " style="" cssclass="" accesskey="" label="Passo 3" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> Al adicionar el <em>widget</em> el Fluig detecta las empresas del ERP vinculadas a través del Fluig Identity. </p></li> </ul> <p> </p> <ul> <li><p> <span>informaremos el título de la widget como ‘TOP - Comunidades’ y después configuración se exhibirá el gráfico de análisis de las comunidades más accedidas por la empresa en el Fluig.</span> </p></li> </ul> <ul> <li><p>En esta widget es necesario configurar los campos, Título, URL, Aplicación, Altura y Ancho.</p></li> </ul> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/06.png?version=1&modificationDate=1416503829000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/06.png?version=1&modificationDate=1416503829000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 8 - Configuración <em>Widget</em> Analytics. </strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> <p> <strong><br /></strong> </p> <ul> <li>La  URL se refiere a <em>URL Embeded</em> del gráfico en el <em>Analytics</em> que se desea visualizar en el Fluig. Está URL se obtiene al acceder el <em>Analytics</em>. En el gráfico que se desea visualizar, haga clic en <em>"Embed"</em> en la parte inferior del gráfico: </li> </ul> <p style="text-align: center;"> </p> <p style="text-align: center;"> <img class="confluence-embedded-image" width="500" src="http://www.tdn.totvs.com/download/attachments/151617565149880912/151192244.pnganalytics01.PNG?version=1&modificationDate=1406291504000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/151617565149880912/analytics01.PNG?version=1&modificationDate=14068927830001406291504000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 9 - Configuración <em>Widget</em> Analytics. </strong> </p> <p style="text-align: left;"> </p> <ul> <li style="text-align: left;">Enseguida copie el fragmento de la URL del gráfico <em>Analytics</em> para informar en el campo URL de la <em>widget</em> en el Fluig. </li> </ul> <p style="text-align: left;"> </p> <p> <img class="confluence-embedded-image image-center" width="500" src="http://www.tdn.totvs.com/download/attachments/151617565149880912/151192243.pnganalytics02.PNG?version=1&modificationDate=1406291516000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/151617565149880912/analytics02.PNG?version=1&modificationDate=14068927830001406291516000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 10 - Configuración <em>Widget</em> Analytics. </strong> </p> <p> </p> </div> <div id="4" class="deck-card " style="" cssclass="" accesskey="" label="Passo 4" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>En la secuencia, haga clic en guardar y publique la edición de widget hecha en la página.</li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 11 - Configuración <em>Widget</em> Analytics. </strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> <div id="5" class="deck-card " style="" cssclass="" accesskey="" label="Passo 5" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>Al visualizar la página el gráfico del Fluig <em>analytics</em> se exhibirá. </li> </ul> <p style="text-align: center;"> <strong><br /></strong> </p> </div> </div> </div> <!-- // .deck --> <p> </p> <p style="text-align: left;"> </p> <h1 id="WidgetsdeExperiênciadeUso-AcessoCentralizado">Acceso Centralizado</h1> <p style="text-align: left;"> <img class="confluence-embedded-image" src="http://www.tdn.totvs.com/download/attachments/149880912/widget_acesso_centralizado.png?version=1&modificationDate=1405966346000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/widget_acesso_centralizado.png?version=1&modificationDate=1405966346000&api=v2"> </p> <h3 id="WidgetsdeExperiênciadeUso-Requisitos.2">Requisitos</h3> <ul> <li>Poseer las experiencias de uso configuradas.</li> <li>Provisión del acceso autorizado en el Identity.</li> </ul> <p style="text-align: left;"> </p> <h3 id="WidgetsdeExperiênciadeUso-Benefícios.2">Beneficios</h3> <ul> <li>Visión de rutinas puestas a disposición</li> <li>Acceso en ambientes locales y en la nube</li> <li>Creación de listas de rutinas conectadas a un contexto</li> </ul> <p style="text-align: left;"> </p> <h3 id="WidgetsdeExperiênciadeUso-Configuraçãodowidget'AcessoCentralizado'noFluig"> Configuración del <em>widget</em> 'Acceso Centralizado' en el Fluig </h3> <p>Siga, moviéndose en las pestañas a continuación, el paso a paso para configuración del widget de 'Consulta Rápida' en el Fluig.</p> <p style="text-align: left;"> </p> <a name="composition-deck-samples"></a> <div id="samples" class="deck" history="false" loopcards="false" effecttype="fade" effectduration="0.5" nextafter="0.0"> <ul class="tab-navigation"></ul> <!-- // .tab-navigation --> <div class="deck-cards panel" style=""> <div id="1" class="deck-card active-pane" style="" cssclass="" accesskey="" label="Passo1" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> En la edición de la página que se desea agregar el <em>widget</em>, haga clic en ‘Agregar Nueva Widget’ para agregar el <em>widget</em> al slot. </p></li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/novaWidget.PNG?version=1&modificationDate=1405950031000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 13 - Configuración <em>Widget</em> de acceso centralizado. </strong> </p> <p style="text-align: center;"> </p> </div> <div id="2" class="deck-card " style="" cssclass="" accesskey="" label="Passo 2" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <div> <ul> <li><p>En la pantalla de adición de widgets, el filtro integración filtra las widgets relacionadas con la experiencias de uso. En este ejemplo adicionaremos la widget de Acceso Centralizado que permite tener acceso fácil a las rutinas de sistemas integrados al Fluig.</p> <p> <br /> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/acessoCentralizado.PNG?version=1&modificationDate=1405962155000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/acessoCentralizado.PNG?version=1&modificationDate=1405962155000&api=v2"> </p></li> </ul> <p style="text-align: center;"> <strong>Figura 14 - <strong style="text-align: center;">Configuración <em>Widget</em> de acceso centralizado. </strong></strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> </div> <div id="3" class="deck-card " style="" cssclass="" accesskey="" label="Passo 3" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li><p> <span style="color: rgb(51, 51, 51);">Al adicionar el <em>widget</em> el Fluig detecta las empresas del ERP vinculadas a través del Fluig Identity. </span> </p></li> </ul> <ul> <li><p> <span style="color: rgb(51, 51, 51);">configuraremos el título de la widget como ‘Rutinas’ y exhibiremos el menú 'completo' configurado en el ERP.</span> </p> <p> <span style="color: rgb(51, 51, 51);"><strong>- </strong></span>Es posible configurar para acceso centralizado los siguientes tipos de menú: </p> <p> <span style="color: rgb(51, 51, 51);"><strong>Completo, Favoritos, Más accedidos y Lista Personalizada.</strong></span> </p></li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/05.PNG?version=1&modificationDate=1405965847000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/05.PNG?version=1&modificationDate=1405965847000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 15 - <strong style="text-align: center;">Configuración <em>Widget</em> de acceso centralizado. </strong></strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> <div id="4" class="deck-card " style="" cssclass="" accesskey="" label="Passo 4" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>En la secuencia, haga clic en guardar y publique la edición de widget hecha en la página.</li> </ul> <p> </p> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/menu.PNG?version=1&modificationDate=1405950529000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 16 - <strong style="text-align: center;">Configuración <em>Widget</em> de acceso centralizado. </strong></strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> <div id="5" class="deck-card " style="" cssclass="" accesskey="" label="Passo 5" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> </p> <ul> <li>Al visualizar la página se exhibirá el menú.</li> </ul> <p> <img class="confluence-embedded-image image-center" src="http://www.tdn.totvs.com/download/attachments/149880912/03.PNG?version=3&modificationDate=1406893497000&api=v2" data-image-src="http://www.tdn.totvs.com/download/attachments/149880912/03.PNG?version=3&modificationDate=1406893497000&api=v2"> </p> <p style="text-align: center;"> <strong>Figura 17 - <strong style="text-align: center;">Configuración <em>Widget</em> de acceso centralizado. </strong></strong> </p> <p style="text-align: center;"> <strong><br /></strong> </p> </div> </div> </div> <!-- // .deck --> <p> </p> <p> <strong style="text-align: center;"><br /></strong> </p> <p style="text-align: left;"> <strong style="text-align: center;"><br /></strong> </p> <p style="text-align: left;"> <strong style="text-align: center;"><br /></strong> </p> </div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas