<div id="main-content" class="wiki-content group">
<h1 id="CentraldeComponentes-Índice">Índice</h1>
<p>
<style type='text/css'>/*<![CDATA[*/
div.rbtoc1412695903163 {
padding: 0px;
}
div.rbtoc1412695903163 ul {
list-style: none;
margin-left: 0px;
}
div.rbtoc1412695903163 li {
margin-left: 0px;
padding-left: 0px;
}
/*]]>*/
</style>
<div class='toc-macro rbtoc1412695903163'>
<ul class='toc-indentation'>
<li><span class='TOCOutline'>1</span> <a
href='#CentraldeComponentes-ObjetivodaCentraldeComponentes'>Objetivo
de la Central de Componentes</a></li>
<li><span class='TOCOutline'>2</span> <a
href='#CentraldeComponentes-DownloaddeumComponente'>Download de
un Componente</a></li>
<li><span class='TOCOutline'>3</span> <a
href='#CentraldeComponentes-DesenvolvimentodeumComponente'>Desarrollo
de un Componente</a></li>
<li><span class='TOCOutline'>4</span> <a
href='#CentraldeComponentes-AdicionarumComponente'>Agregar un
Componente</a></li>
<li><span class='TOCOutline'>5</span> <a
href='#CentraldeComponentes-Habilitar/DesabilitarumComponente'>Habilitar/Deshabilitar
un Componente</a></li>
</ul>
</div>
</p>
<h2 id="CentraldeComponentes-ObjetivodaCentraldeComponentes">Objetivo
de la Central de Componentes</h2>
<p>Central de Componentes es una funcionalidad de Fluig que permite
la personalización de los componentes disponibles en el sistema. Usted
puede realizar el download del componente deseado, personalizarlo de
la forma en que desee y enviarlo nuevamente a Fluig. La opción de
download está disponible solamente para algunos componentes.</p>
<h2 id="CentraldeComponentes-DownloaddeumComponente">Download de
un Componente</h2>
<p>Para personalizar un componente primero se debe realizar el
download del mismo.</p>
<a name="composition-deck-download"></a>
<div id="download" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="download-example" class="deck-card " style="" cssclass=""
accesskey="" label="Download" title="" nextafter="0"
effecttype="default" effectduration="-1.0">
<ul>
<li>Para realizar el download del componente, selecciónelo y
haga clic en "Download" en la barra superior de acciones.</li>
</ul>
<div>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-07.png?version=2&modificationDate=1391022561000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-07.png?version=2&modificationDate=1391022561000&api=v2">
</div>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-DesenvolvimentodeumComponente">Desarrollo
de un Componente</h2>
<p>
Después del download del widget, el desarrollador debe realizar los
siguientes pasos <strong>antes</strong> de iniciar la
modificación del widget:
</p>
<ol>
<li>Descomprimir el .zip</li>
<li>Importar el proyecto Maven mediante el pom.xml en Eclipse o
su IDE preferido</li>
<li>En el archivo application.info cambiar los siguientes
parámetros:<br />
<ol>
<li><strong>application.code</strong>=NOME_DA_SUA_WIDGET</li>
<li><strong>locale.file.base.name</strong>=NOME_DA_SUA_WIDGET</li>
<li>Eliminar el parámetro <strong>aplicación.extendible</strong>=
true
</li>
<li>Agregar el parámetro <strong>application.origincode</strong>=NOME_DA_WIDGET_ORIGINAL.
Ejemplo: <strong>socialtimeline</strong>.
</li>
</ol>
</li>
<li>Cambiar el nombre de los archivos de internacionalización del
directorio <strong>src/main/resources</strong>, sustituyendo el
nombre del widget actual por el nombre de su widget:<br />
<ol>
<li><strong>*.properties</strong> a <strong>NOME_DA_WIDGET.properties</strong></li>
<li><strong>*_en_US.properties</strong> a <strong>NOME_DA_WIDGET_en_US.properties</strong></li>
<li><strong>*_es.properties</strong> a <strong>NOME_DA_WIDGET_es.properties</strong></li>
<li><strong>*_pt_BR.properties</strong> a <strong>NOME_DA_WIDGET_pt_BR.properties</strong></li>
</ol>
</li>
<li>Cambiar el contexto del proyecto Web en el archivo <strong>jboss-web.xml</strong> situado
en el directorio <strong>src/main/webapp/WEB-INF</strong>:
<ol>
<li><context-root><strong>/NOME_DA_WIDGET</strong></context-root>
</li>
</ol></li>
</ol>
<p>Listo. ¡El widget está listo para ser personalizado y recopilado
para poder realizarse el upload!</p>
<h2 id="CentraldeComponentes-AdicionarumComponente">Agregar un
Componente</h2>
<p>
<span style="color: rgb(34, 34, 34);">Para agregar un
Componente en Fluig haga login como Administrador de Fluig o de la
Empresa.</span>
</p>
<p>Siga los pasos a continuación:</p>
<a name="composition-deck-exemplos"></a>
<div id="exemplos" class="deck" history="false" loopcards="false"
effecttype="" 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="Passo 1" title="" nextafter="0"
effecttype="default" effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Ir a: </span><em><span
style="color: rgb(34, 34, 34);">Panel de
control/WCM/Central de Componentes.</span></em>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2">
</p>
</div>
<div id="2" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 2" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Haga clic en "Choose
File" para seleccionar el Componente deseado.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2">
</p>
</div>
<div id="3" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 3" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de
seleccionar el archivo, haga clic en "Enviar".</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2">
</p>
</div>
<div id="4" class="deck-card " style="" cssclass="" accesskey=""
label="Pssso 4" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de hacer
clic en "Enviar" se agregará el componente en la lista de
componentes.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2">
</p>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-Habilitar/DesabilitarumComponente">Habilitar/Deshabilitar
un Componente</h2>
<a name="composition-deck-exemplos2"></a>
<div id="exemplos2" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="5" class="deck-card " style="" cssclass="" accesskey=""
label="Habilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li>Seleccione el componente que desea habilitar y haga clic
en el menú superior de acciones "Habilitar".</li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2">
</p>
</div>
<div id="6" class="deck-card " style="" cssclass="" accesskey=""
label="Desabilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><span>Seleccione el componente que desea
deshabilitar y haga clic en el menú superior de acciones
"Deshabilitar".</span><span> </span></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2">
</p>
</div>
<p> </p>
<p> </p>
</div>
</div>
<!-- // .deck -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
|