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&#39;ConsultaRápida&#39;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&#39;Analytics&#39;noFluig'>Configuración
							del&#160;widget&#160;'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&#39;AcessoCentralizado&#39;noFluig'>Configuración
							del&#160;widget&#160;'Acceso Centralizado' en el Fluig</a></li>
				</ul></li>
		</ul>
	</div>
	</p>
	<p>&#160;</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>&#160;</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>&#160;</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>&#160;</p>
	<h3
		id="WidgetsdeExperiênciadeUso-Configuraçãodowidget&#39;ConsultaRápida&#39;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;">&#160;</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>&#160;</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>&#160;</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;">&#160;</p>
			</div>
			<div id="2" class="deck-card " style="" cssclass="" accesskey=""
				label="Passo 2" title="" nextafter="0" effecttype="default"
				effectduration="-1.0">
				<p>&#160;</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>&#160;</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>&#160;</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>&#160;</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>&#160;</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>&#160;</p>
				<ul>
					<li>Al visualizar la página el informe de la consulta rápida
						se exhibirá.</li>
				</ul>
				<p>&#160;</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;">&#160;</p>
	<p style="text-align: left;">&#160;</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>&#160;</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>&#160;</p>
	<h3
		id="WidgetsdeExperiênciadeUso-Configuraçãodowidget&#39;Analytics&#39;noFluig">
		Configuración del&#160;<em>widget</em>&#160;'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>&#160;</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>&#160;</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>&#160;</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;">&#160;</p>
			</div>
			<div id="2" class="deck-card " style="" cssclass="" accesskey=""
				label="Passo 2" title="" nextafter="0" effecttype="default"
				effectduration="-1.0">
				<p>&#160;</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>&#160;</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>&#160;</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&#160; 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;">&#160;</p>
				<p style="text-align: center;">
					<img class="confluence-embedded-image" width="500"
						src="attachments/151617565/151192244.png"
						data-image-src="http://tdn.totvs.com/download/attachments/151617565/analytics01.PNG?version=1&amp;modificationDate=1406892783000&amp;api=v2">
				</p>
				<p style="text-align: center;">
					<strong>Figura 9 - Configuración <em>Widget</em>
						Analytics.
					</strong>
				</p>
				<p style="text-align: left;">&#160;</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;">&#160;</p>
				<p>
					<img class="confluence-embedded-image image-center" width="500"
						src="attachments/151617565/151192243.png"
						data-image-src="http://tdn.totvs.com/download/attachments/151617565/analytics02.PNG?version=1&amp;modificationDate=1406892783000&amp;api=v2">
				</p>
				<p style="text-align: center;">
					<strong>Figura 10 - Configuración <em>Widget</em>
						Analytics.
					</strong>
				</p>
				<p>&#160;</p>
			</div>
			<div id="4" class="deck-card " style="" cssclass="" accesskey=""
				label="Passo 4" title="" nextafter="0" effecttype="default"
				effectduration="-1.0">
				<p>&#160;</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>&#160;</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>&#160;</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>&#160;</p>
	<p style="text-align: left;">&#160;</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;">&#160;</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;">&#160;</p>
	<h3
		id="WidgetsdeExperiênciadeUso-Configuraçãodowidget&#39;AcessoCentralizado&#39;noFluig">
		Configuración del&#160;<em>widget</em>&#160;'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;">&#160;</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>&#160;</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>&#160;</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;">&#160;</p>
			</div>
			<div id="2" class="deck-card " style="" cssclass="" accesskey=""
				label="Passo 2" title="" nextafter="0" effecttype="default"
				effectduration="-1.0">
				<p>&#160;</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>&#160;</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>-&#160;</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>&#160;</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>&#160;</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>&#160;</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>&#160;</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>&#160;</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>

Índice

maxLevel	4
outline	true
style	none
exclude	.*ndice

Objetivo

O objetivo deste guia é detalhar os procedimentos de configuração das widgets de Experiência de Uso no Fluig.

Consulta Rápida

Image Removed

Requisitos

Possuir as experiências de uso configuradas.
Provisão do permissionamento no Identity.

Benefícios

Acesso rápido à conteúdo dos sistemas em consultas típicas
Agilidade para tomada de ações
Uma única tela de acesso para o usuário

Configuração do widget 'Consulta Rápida' no Fluig

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do widget de 'Consulta Rápida' no Fluig.

...

effectDuration	0.5
id	samples
history	false
effectType	fade

Card

default	true
id	1
label	Passo1

Na edição da página que se deseja adicionar o widget, clique em ‘Adicionar Nova Widget’ para adicionar o widget ao slot.

Image Removed

Figura 1 - Configuração Widget de consulta rápida.

...

id	2
label	Passo 2

Na tela de adição de widgets, o filtro integração filtra as widgets relacionadas a experiências de uso. Neste exemplo iremos adicionar a widget de Consulta Rápida que permite ter acesso rápido aos relatórios simplificados.

...

Figura 2 - Configuração Widget de consulta rápida.

...

id	3
label	Passo 3

Ao adicionar o widget o Fluig detecta as empresas do ERP vinculadas através do Fluig Identity.

Iremos configurar o widget para retornar um relatório simplificado de pedidos por item da empresa 'Matriz'.
- Título: Pedidos por Item
- Consulta Rápida: PEDIDOS POR ITEM
- Empresa: Matriz

Image Removed

Figura 3 - Configuração Widget de consulta rápida.

...

id	4
label	Passo 4

Na sequência, clique em salvar e publique a edição de widget feita na página.

Image Removed

Figura 4 - Configuração Widget de consulta rápida.

...

id	5
label	Passo 5

Ao visualizar a página o relatório da consulta rápida será exibido.

Image Removed

Figura 5 - Configuração Widget de consulta rápida.

Analytics

Image Removed

Requisitos

Fluig integrado com o identity
App de Analytics configurado

Benefícios

Dashboards dinâmicos
Dados de análise utilizados onde são necessários
Acesso compartilhado com perfis de usuários
Novas visões em minutos

Configuração do widget 'Analytics' no Fluig

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do widget de 'Analytics' no Fluig.

...

effectDuration	0.5
id	samples
history	false
effectType	fade

Card

default	true
id	1
label	Passo1

Na edição da página que se deseja adicionar o widget, clique em ‘Adicionar Nova Widget’ para adicionar o widget ao slot.

Image Removed

Figura 6 - Configuração Widget Analytics.

...

id	2
label	Passo 2

Na tela de adição de widgets, o filtro integração filtra as widgets relacionadas a experiências de uso. Neste exemplo iremos adicionar a widget Analytics que permite visualizar gráficos e dashboards do Analytics de forma fácil e rápida.

...

Figura 7 - Configuração Widget Analytics.

...

id	3
label	Passo 3

Ao adicionar o widget o Fluig detecta as empresas do ERP vinculadas através do Fluig Identity.

Iremos informar o título da widget como ‘TOP - Comunidades’ e após configuração será exibido o gráfico de análise das comunidades mais acessadas pela empresa no Fluig.

Nesta widget é necessário configurar os campos, Título, URL, Aplicação, Altura e Largura.

Image Removed

Figura 8 - Configuração Widget Analytics.

A URL se refere a URL Embeded do gráfico no Analytics que se deseja visualizar no Fluig. Esta URL é obtida ao acessar o Analytics. No gráfico que se deseja visualizar, clique em "Embed" na parte inferior do gráfico:

Image Removed

Figura 9 - Configuração Widget Analytics.

Em seguida copie o trecho da URL do gráfico Analytics para informar no campo URL da widget no Fluig.

Image Removed

Figura 10 - Configuração Widget Analytics.

...

id	4
label	Passo 4

Na sequência, clique em salvar e publique a edição de widget feita na página.

Image Removed

Figura 11 - Configuração Widget Analytics.

...

id	5
label	Passo 5

Ao visualizar a página o gráfico do Fluig analytics será exibido.

Acesso Centralizado

Image Removed

Requisitos

Possuir as experiências de uso configuradas.
Provisão do permissionamento no Identity.

Benefícios

Visão de rotinas disponibilizadas
Acesso em ambientes locais e na nuvem
Criação de listas de rotinas ligadas a um contexto

Configuração do widget 'Acesso Centralizado' no Fluig

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do widget de 'Consulta Rápida' no Fluig.

...

effectDuration	0.5
id	samples
history	false
effectType	fade

Card

default	true
id	1
label	Passo1

Na edição da página que se deseja adicionar o widget, clique em ‘Adicionar Nova Widget’ para adicionar o widget ao slot.

Image Removed

Figura 13 - Configuração Widget de acesso centralizado.

...

id	2
label	Passo 2

Na tela de adição de widgets, o filtro integração filtra as widgets relacionadas a experiências de uso. Neste exemplo iremos adicionar a widget de Acesso Centralizado que permite ter acesso fácil à rotinas de sistemas integrados ao Fluig.

...

Figura 14 - Configuração Widget de acesso centralizado.

Card

id	3
label	Passo 3

Ao adicionar o widget o Fluig detecta as empresas do ERP vinculadas através do Fluig Identity.

Iremos configurar o título da widget como ‘Rotinas’ e exibiremos o menu 'completo' configurado no ERP.
- É possível configurar para acesso centralizado os seguintes tipos de menu:
Completo, Favoritos, Mais acessados e Lista Personalizada.

Image Removed

Figura 15 - Configuração Widget de acesso centralizado.

Os seguintes comportamentos são criados para cada tipo:

Completo: exibe todas as rotinas de Menu do usuário na empresa selecionada
Favoritos: exibe todas as rotinas de Menu do usuário na empresa selecionada que foram marcadas como favoritas
Mais acessados: exibe as rotinas em ordem de mais acessadas a menos acessadas
Lista personalizada: permite que o administrador da página consiga selecionar de uma lista as rotinas que serão exibidas para os usuários

...

id	4
label	Passo 4

Na sequência, clique em salvar e publique a edição de widget feita na página.

Image Removed

Figura 16 - Configuração Widget de acesso centralizado.

...

id	5
label	Passo 5

Ao visualizar a página o menu será exibido.

Image Removed

Figura 17 - Configuração Widget de acesso centralizado.

...

Árvore de páginas

Versões comparadas

Versão antiga 1

Nova versão 2

Chave

Índice

Objetivo

Consulta Rápida

Requisitos

Benefícios

Configuração do widget 'Consulta Rápida' no Fluig

Analytics

Requisitos

Benefícios

Configuração do widget 'Analytics' no Fluig

Acesso Centralizado

Requisitos

Benefícios

Configuração do widget 'Acesso Centralizado' no Fluig

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 1

Nova versão 2

Chave

Índice

Objetivo

Consulta Rápida

Requisitos

Benefícios

Configuração do widget 'Consulta Rápida' no Fluig

Analytics

Requisitos

Benefícios

Configuração do widget 'Analytics' no Fluig

Acesso Centralizado

Requisitos

Benefícios

Configuração do widget 'Acesso Centralizado' no Fluig