<?xml version="1.0" encoding="ISO-8859-1"?><article xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<front>
<journal-meta>
<journal-id>2227-1899</journal-id>
<journal-title><![CDATA[Revista Cubana de Ciencias Informáticas]]></journal-title>
<abbrev-journal-title><![CDATA[Rev cuba cienc informat]]></abbrev-journal-title>
<issn>2227-1899</issn>
<publisher>
<publisher-name><![CDATA[Editorial Ediciones Futuro]]></publisher-name>
</publisher>
</journal-meta>
<article-meta>
<article-id>S2227-18992018000100011</article-id>
<title-group>
<article-title xml:lang="es"><![CDATA[Suite de componentes para la visualización de textos]]></article-title>
<article-title xml:lang="en"><![CDATA[Suite of component of text visualization]]></article-title>
</title-group>
<contrib-group>
<contrib contrib-type="author">
<name>
<surname><![CDATA[Gómez Colombat]]></surname>
<given-names><![CDATA[Jorge Antonio]]></given-names>
</name>
<xref ref-type="aff" rid="A01"/>
</contrib>
<contrib contrib-type="author">
<name>
<surname><![CDATA[Rubio Rojas]]></surname>
<given-names><![CDATA[Mónica]]></given-names>
</name>
<xref ref-type="aff" rid="A01"/>
</contrib>
<contrib contrib-type="author">
<name>
<surname><![CDATA[Creagh Castillo]]></surname>
<given-names><![CDATA[Yudisleidys]]></given-names>
</name>
<xref ref-type="aff" rid="A01"/>
</contrib>
<contrib contrib-type="author">
<name>
<surname><![CDATA[Puente García]]></surname>
<given-names><![CDATA[Pablo]]></given-names>
</name>
<xref ref-type="aff" rid="A01"/>
</contrib>
</contrib-group>
<aff id="A01">
<institution><![CDATA[,Desarrollo de Aplicaciones, Tecnologías y Sistemas, DATYS  ]]></institution>
<addr-line><![CDATA[ Santiago de Cuba]]></addr-line>
<country>Cuba</country>
</aff>
<pub-date pub-type="pub">
<day>00</day>
<month>03</month>
<year>2018</year>
</pub-date>
<pub-date pub-type="epub">
<day>00</day>
<month>03</month>
<year>2018</year>
</pub-date>
<volume>12</volume>
<numero>1</numero>
<fpage>147</fpage>
<lpage>157</lpage>
<copyright-statement/>
<copyright-year/>
<self-uri xlink:href="http://scielo.sld.cu/scielo.php?script=sci_arttext&amp;pid=S2227-18992018000100011&amp;lng=en&amp;nrm=iso"></self-uri><self-uri xlink:href="http://scielo.sld.cu/scielo.php?script=sci_abstract&amp;pid=S2227-18992018000100011&amp;lng=en&amp;nrm=iso"></self-uri><self-uri xlink:href="http://scielo.sld.cu/scielo.php?script=sci_pdf&amp;pid=S2227-18992018000100011&amp;lng=en&amp;nrm=iso"></self-uri><abstract abstract-type="short" xml:lang="es"><p><![CDATA[Lograr mostrar de forma clara y precisa los resultados de complejos algoritmos de Procesamiento del Lenguaje Natural (PLN) y Minería de Texto (MT) de manera que se facilite y acelere la toma de decisiones de usuarios finales no especializados en estas áreas, constituye actualmente un gran desafío desde la perspectiva académica y la comercial. En tal dirección, en este trabajo se presenta una nueva Suite de componentes para la visualización de los resultados de algoritmos de Procesamiento del Lenguaje Natural y la Minería de Texto. Estos componentes fueron diseñados con el objetivo de facilitar su reutilización, de forma transparente y sencilla, por otras aplicaciones de software. Por último, la Suite que se propone se encuentra insertada en sistemas reales para el análisis de contenido y la gestión inteligente de información textual.]]></p></abstract>
<abstract abstract-type="short" xml:lang="en"><p><![CDATA[Nowadays, it is a great challenge from the academic and commercial perspective showing in a clear and precise way the results of complex algorithms of Text Mining (TM) and Natural Language Processing (NLP), to facilitate and accelerate the decisions making by non-specialized end users in these areas. In this direction, this work presents a new Suite of components for the visualization of the results of Natural Language Processing algorithms and Text Mining. The designing of these components aims to facilitate their reutilization, in a transparent and simple way, by other software applications. Finally, the proposed Suite is embedded in real systems for content analysis and intelligent management of textual information.]]></p></abstract>
<kwd-group>
<kwd lng="es"><![CDATA[interfaces web]]></kwd>
<kwd lng="es"><![CDATA[minería de texto]]></kwd>
<kwd lng="es"><![CDATA[reutilización]]></kwd>
<kwd lng="es"><![CDATA[suite de componentes]]></kwd>
<kwd lng="es"><![CDATA[visualización de información]]></kwd>
<kwd lng="en"><![CDATA[text mining]]></kwd>
<kwd lng="en"><![CDATA[visualization of information]]></kwd>
<kwd lng="en"><![CDATA[suite of components]]></kwd>
<kwd lng="en"><![CDATA[reutilization]]></kwd>
<kwd lng="en"><![CDATA[web interfaces]]></kwd>
</kwd-group>
</article-meta>
</front><body><![CDATA[ <p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><B>ART&Iacute;CULO  ORIGINAL</B></font></p>     <p>&nbsp;</p>     <p><font size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Suite de componentes para la visualizaci&oacute;n de textos</strong></font></p>     <p>&nbsp;</p>     <p><font size="3"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Suite  of component of text visualization</font></strong></font></p>     <p>&nbsp;</p>     <p>&nbsp;</p>     <P><font size="2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Jorge Antonio G&oacute;mez Colombat<strong><sup>1*</sup></strong>, M&oacute;nica Rubio Rojas<strong><sup>1</sup></strong>,Yudisleidys Creagh Castillo</font></strong><font face="Verdana, Arial, Helvetica, sans-serif"><strong><sup>1</sup>, Pablo Puente Garc&iacute;a<sup>1</sup></strong></font></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><sup>1</sup>Desarrollo de Aplicaciones, Tecnolog&iacute;as y Sistemas, DATYS, Santiago de  Cuba, Cuba</font> <font size="2" face="Verdana, Arial, Helvetica, sans-serif">    <br> </font>    ]]></body>
<body><![CDATA[<br> </p>     <P><font face="Verdana, Arial, Helvetica, sans-serif"><span class="class"><font size="2">*Autor para la correspondencia: </font></span></font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> <a href="mailto:jorge.gomez@datys.cu">jorge.gomez@datys.cu</a><a href="mailto:jova@uci.cu"></a></font><font face="Verdana, Arial, Helvetica, sans-serif"><a href="mailto:losorio@ismm.edu.cu"></a> </font>     <p>&nbsp;</p>     <p>&nbsp;</p> <hr>     <P><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>RESUMEN</b> </font>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Lograr mostrar de forma clara y precisa los resultados de complejos  algoritmos de Procesamiento del Lenguaje Natural (PLN) y Miner&iacute;a de Texto (MT)  de manera que se facilite y acelere la toma de decisiones de usuarios finales  no especializados en estas &aacute;reas, constituye actualmente un gran desaf&iacute;o desde  la perspectiva acad&eacute;mica y la comercial. En tal direcci&oacute;n, en este trabajo se  presenta una nueva Suite de componentes para la visualizaci&oacute;n de los resultados  de algoritmos de Procesamiento del Lenguaje Natural y la Miner&iacute;a de Texto.  Estos componentes fueron dise&ntilde;ados con el objetivo de facilitar su  reutilizaci&oacute;n, de forma transparente y sencilla, por otras aplicaciones de  software.&nbsp; Por &uacute;ltimo, la Suite que se  propone se encuentra insertada en sistemas reales para el an&aacute;lisis de contenido  y la gesti&oacute;n inteligente de informaci&oacute;n textual.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><span lang=EN-GB>Palabras clave:</span></b></font> <font size="2" face="Verdana, Arial, Helvetica, sans-serif">interfaces web, miner&iacute;a de texto, reutilizaci&oacute;n, suite de componentes, visualizaci&oacute;n  de informaci&oacute;n </font></p> <hr>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><span lang=EN-GB>ABSTRACT</span></b> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Nowadays,  it is a great challenge from the academic and commercial perspective showing in  a clear and precise way the results of complex algorithms of Text Mining (TM)  and Natural Language Processing (NLP), to facilitate and accelerate the  decisions making by non-specialized end users in these areas. In this  direction, this work presents a new Suite of components for the visualization  of the results of Natural Language Processing algorithms and Text Mining. The  designing of these components aims to facilitate their reutilization, in a  transparent and simple way, by other software applications. Finally, the  proposed Suite is embedded in real systems for content analysis and intelligent  management of textual information.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><span lang=EN-GB>Key words: </span></b>text mining, visualization of information, suite of components, reutilization,  web interfaces</font></p> <hr>     ]]></body>
<body><![CDATA[<p>&nbsp;</p>     <p>&nbsp;</p>     <p><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><b>INTRODUCCI&Oacute;N</b></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">La cantidad de datos a los que tenemos acceso crece d&iacute;a a d&iacute;a y la mayor  parte de estos aparece en forma de textos. Como resultado de ello en los  &uacute;ltimos a&ntilde;os ha tenido un gran auge la miner&iacute;a de texto, considerada un campo interdisciplinario  que incluye la recuperaci&oacute;n de informaci&oacute;n, aprendizaje autom&aacute;tico,  estad&iacute;stica, reconocimiento de patrones y procesamiento de lenguaje  natural.&nbsp; En la miner&iacute;a de texto el  objetivo es detectar informaci&oacute;n representada en los textos, generalmente  desapercibida (Nualart-Vilaplana, P&eacute;rez-Montoro y Whitelaw, 2014).</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">En el proceso de extracci&oacute;n de conocimiento asociado a la miner&iacute;a de texto  se emplean com&uacute;nmente t&eacute;cnicas de visualizaci&oacute;n, que son de gran utilidad para  develar relaciones de inter&eacute;s entre los contenidos, debido a la capacidad  humana de comprender im&aacute;genes m&aacute;s f&aacute;cilmente que resultados puramente  textuales. Este proceso de empleo de t&eacute;cnicas de visualizaci&oacute;n en la miner&iacute;a de  texto, se ha vinculado con el t&eacute;rmino visualizaci&oacute;n de texto (VT).</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">El t&eacute;rmino visualizaci&oacute;n de texto se suele utilizar para t&eacute;cnicas de  visualizaci&oacute;n de la informaci&oacute;n que en algunos casos se centran en datos de  texto en bruto y en otros casos en los resultados de algoritmos de miner&iacute;a de  texto. Estas t&eacute;cnicas de visualizaci&oacute;n pueden ser de uso general o muy  especializadas y dedicadas a tareas anal&iacute;ticas o a dominios espec&iacute;ficos de  aplicaci&oacute;n (Kucher y Kerren, 2014).</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Hoy en d&iacute;a se cuenta con una amplia variedad de t&eacute;cnicas y herramientas de  visualizaci&oacute;n de informaci&oacute;n; incluso algunas de estas herramientas cuentan con  ejemplos de visualizaciones aplicables a tareas bastante particulares de la  miner&iacute;a de texto, como es el caso de D3JS (D3JS, 2016); sin embargo, casi  siempre tenemos la necesidad de crear o mejorar la representaci&oacute;n visual de un  conjunto espec&iacute;fico de datos, a partir de determinados intereses.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Otro logro importante en nuestros d&iacute;as es el n&uacute;mero creciente de soluciones  de miner&iacute;a de texto, disponibles en internet, principalmente aquellas que  brindan una amplia gama de servicios como MeaningCloud (MeaningCloud, 2016),  IBM Watson Developer Cloud (IBMWatson, 2016), y MonkeyLearn (MonkeyLearn, 2016),  por citar solo algunos ejemplos. Sin embargo, estas soluciones carecen de  componentes visuales reutilizables, que expongan de una mejor manera los  resultados obtenidos y puedan ser empleados en los productos clientes que las  consumen; dejando en manos de los clientes o terceros la integraci&oacute;n de los  servicios de miner&iacute;a de texto con herramientas de visualizaci&oacute;n.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Una situaci&oacute;n similar a la descrita anteriormente la tiene nuestra empresa  -compa&ntilde;&iacute;a de desarrollo de productos de software, vinculados algunos de ellos a  la miner&iacute;a de texto-, ya que, a pesar de contar con una plataforma propia de  soluciones de MT y PLN, para la reutilizaci&oacute;n de esta en el resto de los  productos de software que ofrece, no cuenta con un conjunto de componentes  visuales previamente definidos, generalizados y reutilizables para la  representaci&oacute;n de los resultados de MT y PLN.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">A partir de esto se ha  identificado como una necesidad el desarrollo de una herramienta que aglutine  los componentes de visualizaci&oacute;n de textos empleados en la empresa, teniendo en  cuenta las visualizaciones m&aacute;s apropiadas para cada tarea de MT y PLN, adem&aacute;s  de las particularidades y necesidades de cada producto. Por lo tanto, esta  herramienta tambi&eacute;n deber&iacute;a contar con la capacidad de ser reutilizable entre  los productos e integrarse de forma nativa con los servicios de la plataforma  de soluciones de MT y PLN; de tal manera que los productos que emplean dicha  plataforma puedan utilizar tambi&eacute;n los componentes de visualizaci&oacute;n asociados a  cada soluci&oacute;n o puedan emplearlos para representar sus propios datos.</font> </p>     ]]></body>
<body><![CDATA[<p>&nbsp;</p>     <p><font face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="3">MATERIALES Y M&Eacute;TODOS </font></strong></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Tomando como punto de partida la  existencia de una plataforma com&uacute;n de tareas de MT y PLN, denominada Xinetica  (Xinetica, 2016), se decidi&oacute; que la herramienta de visualizaci&oacute;n estuviese  compuesta inicialmente, por representaciones visuales asociadas a las  funcionalidades brindadas por dicha plataforma, con la incorporaci&oacute;n paulatina  de otras visualizaciones necesarias en otros productos.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Por el car&aacute;cter aglutinador, de  generalizaci&oacute;n y homogenizaci&oacute;n de la soluci&oacute;n propuesta, esta se concibi&oacute; como  una &ldquo;Suite de componentes para la visualizaci&oacute;n de texto&rdquo;. La Suite estar&iacute;a  dise&ntilde;ada <strong>para productos con interfaz web</strong> y conformada por visualizaciones propias y de terceros (de uso libre), que  permitir&iacute;a representar apropiadamente los resultados de las funcionalidades de  Xinetica, mediante la integraci&oacute;n con sus APIs. Estas APIs se brindan en forma  de servicios web y ofrecen soluciones vinculadas al procesamiento de archivos,  el procesamiento de lenguaje natural y la miner&iacute;a de texto:</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Procesamiento  de archivos<strong>:</strong></font></p> <ul>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Detecci&oacute;n del formato </font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Extracci&oacute;n de texto y metadatos</font></p>   </li>     </ul>     ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Procesamiento  de Lenguaje Natural:</font></p> <ul>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Extracci&oacute;n de los rasgos morfol&oacute;gicos de las palabras</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Etiquetado morfosint&aacute;ctico de las palabras</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Reconocimiento de entidades nombradas</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Correcci&oacute;n ortogr&aacute;fica</font></p>   </li>       <li>         ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Divisi&oacute;n de palabras en s&iacute;labas</font></p>   </li>     </ul>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Miner&iacute;a de  Texto<strong>:</strong></font></p> <ul>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Detecci&oacute;n y conversi&oacute;n de mapas de caracteres</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Modelado de textos</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Segmentaci&oacute;n de textos</font></p>   </li>       <li>         ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Detecci&oacute;n del idioma de un texto</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Detecci&oacute;n de plagio entre documentos</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Extracci&oacute;n de sumario de textos</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Agrupamiento de textos</font></p>   </li>       <li>         <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Clasificaci&oacute;n de textos</font></p>   </li>       <li>         ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">C&aacute;lculo de semejanza entre textos</font></p>   </li>     </ul>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Para lograr una utilizaci&oacute;n &oacute;ptima de  los componentes de la Suite, esta deber&iacute;a contar con una estructura modular  basada en componentes, espec&iacute;ficamente como plugins JQuery (JQueryPlugins,  2015) en la versi&oacute;n inicial de la Suite, debido principalmente al amplio uso de  estos en el estado del arte y la escasa madurez del est&aacute;ndar WebComponents (Jim&eacute;nez,  2016), hacia la que debe migrar la estructura de los componentes en futuras  versiones. Este tipo de estructura (basada en m&oacute;dulos y componentes) permitir&aacute; una  apropiada organizaci&oacute;n, documentaci&oacute;n y distribuci&oacute;n del c&oacute;digo. Estas  caracter&iacute;sticas contribuyen, adem&aacute;s, a que la Suite pueda ser empleada de forma  total, o que solo se puedan seleccionar algunos componentes espec&iacute;ficos,  evitando as&iacute; la sobrecarga innecesaria.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Los componentes  visuales no s&oacute;lo tendr&aacute;n la capacidad de integrarse con las APIs de Xinetica,  sino que adem&aacute;s se les podr&aacute; especificar un conjunto de datos propios (<a href="#f01">Figura 1</a>).  Esta segunda variante de asignaci&oacute;n de datos permitir&aacute; que los productos que no  utilicen la plataforma para una determinada tarea de MT o PLN, puedan hacer uso  de la visualizaci&oacute;n correspondiente a la tarea, adaptando la estructura del  resultado en caso de ser necesario.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">El proceso de selecci&oacute;n o implementaci&oacute;n de una  determinada representaci&oacute;n visual para una tarea de MT, ser&aacute; el paso inicial y  fundamental en la creaci&oacute;n de cada componente. Esto se debe a que el objetivo  principal es brindarle al usuario una herramienta que le permita reconocer  patrones de comportamiento o informaci&oacute;n relevante en el conjunto de datos  representado. </font></p>     <p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="/img/revistas/rcci/v12n1/f0113118.jpg" alt="f01" width="485" height="269"><a name="f01"></a></font></p>     <p><font size="2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Xinetica SDK JS</font></strong></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Para lograr la integraci&oacute;n de los componentes visuales con las APIs de  Xinetica, se desarroll&oacute; la herramienta Xinetica SDK JS, tambi&eacute;n como parte de  la Suite. Esta herramienta tiene la capacidad de consumir los servicios de la  plataforma desde JavaScript, permitiendo especificar los diferentes tipos de  contenido definidos como entrada en cada servicio y la selecci&oacute;n de estos  contenidos desde diferentes or&iacute;genes, ya sea desde un formulario web, el  contenido directamente o la ruta de acceso.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Xinetica SDK JS tambi&eacute;n cuenta con una arquitectura modular, garantizando  una apropiada organizaci&oacute;n, distribuci&oacute;n y documentaci&oacute;n del c&oacute;digo, empleando  para ello herramientas como WebPack (WebPack, 2015), Jasmine (Jasmine, 2015),  JSDoc (JSDoc, 2015) y la especificaci&oacute;n CommonJS (CommonJS, 2015). </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Un elemento importante del SDK lo constituye la capacidad de orquestar  distintas funcionalidades de Xinetica para obtener un determinado resultado,  por ejemplo, un usuario puede realizar la extracci&oacute;n del contenido textual de  un documento en formato PDF mediante la soluci&oacute;n Extracci&oacute;n de textos y obtener  entonces las entidades nombradas mediante la soluci&oacute;n de Reconocimiento de  Entidades Nombradas, de la propia plataforma.</font></p>     ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">El SDK puede ser empleado por  si s&oacute;lo en otros productos que usen JavaScript y las APIs de Xinetica.</font> </p>     <p>&nbsp;</p>     <p><font face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="3">RESULTADOS Y DISCUSI&Oacute;N </font></strong></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Como resultado se obtuvo un conjunto de componentes visuales, agrupados y  organizados en una estructura com&uacute;n denomina &ldquo;Suite de componentes de  visualizaci&oacute;n de textos&rdquo;, con funcionalidades comunes para los compontes, y garantizando homogeneidad  en cuanto a las funciones expuestas en cada uno ellos, adem&aacute;s de la capacidad  de integrarse con las APIs de Xinetica y representar datos especificados directamente.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">La Suite tiene implementado al menos un componente de  visualizaci&oacute;n asociado a cada API, en la <a href="/img/revistas/rcci/v12n1/f0213118.jpg" target="_blank">Figura 2</a> se muestran algunos ejemplos. </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Actualmente los  componentes est&aacute;n siendo empleados en el portal de la plataforma com&uacute;n,  espec&iacute;ficamente en la secci&oacute;n de Xinetica Lab y en otros productos como  LIDT-Noti (Sistema para la gesti&oacute;n de noticias).</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Los resultados  logrados deben permitir que cualquier nuevo componente visual &ndash;asociado a la  MT- a emplearse en un producto de la empresa sea incorporado en la Suite,  teniendo en cuenta sus particularidades y permitiendo as&iacute; que cualquier  proyecto pueda reutilizarlo de una forma m&aacute;s c&oacute;moda. </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Visualizaci&oacute;n de las tareas de MT y PLN</strong></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Cada  visualizaci&oacute;n de la Suite tiene el objetivo de facilitar la comprensi&oacute;n del  resultado de la tarea asociada, para ello emplea recursos gr&aacute;ficos y t&eacute;cnicas  de visualizaci&oacute;n apropiadas, teniendo en cuenta el estado del arte, la  estructura de los datos a representar y el objetivo que se persigue con la  visualizaci&oacute;n.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Visualizaci&oacute;n  de Reconocimiento de Entidades Nombradas. </strong></font></p>     ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">La tarea de  Detecci&oacute;n de Entidades Nombradas es una de las m&aacute;s usadas en los sistemas de  an&aacute;lisis de contenido y como parte de tareas m&aacute;s complejas como el  procesamiento de noticias, an&aacute;lisis de tendencias de mercado, pol&iacute;ticas, entre  otras. El API de Xinetica asociada a esta tarea procesa un texto y devuelve un  conjunto de entidades nombradas, agrupadas en diversas categor&iacute;as.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">El componente de  visualizaci&oacute;n asociado a esta tarea (<a href="/img/revistas/rcci/v12n1/f0313118.jpg" target="_blank">Figura 3</a>), representa las entidades en su  contexto, o sea, en el texto procesado y muestra adem&aacute;s dos listados, uno con  los tipos o categor&iacute;as de entidades encontradas y otro con las frases asociadas  a esas entidades, adem&aacute;s de datos estad&iacute;sticos de las entidades y las frases  asociadas. Para una mayor identificaci&oacute;n de las entidades, cada tipo de entidad  tiene asociado un color y un icono. Mediante el listado de las categor&iacute;as se  pueden filtrar los elementos presentes en el listado de frases y las frases  se&ntilde;alizadas en el texto; y mediante la selecci&oacute;n de elementos del listado de  frases se filtran las entidades del texto. </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Integraci&oacute;n de los componentes visuales de la Suite</strong></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Los componentes  de la Suite est&aacute;n desarrollados como plugins JQuery lo que reduce la curva de  aprendizaje al emplearlos, debido a que es una pr&aacute;ctica bastante extendida de  encapsular bibliotecas Javascript para el desarrollo de aplicaciones web.&nbsp; </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Integraci&oacute;n de la  visualizaci&oacute;n de Reconocimiento de Entidades Nombradas en una p&aacute;gina web.</strong> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Para ilustrar mejor los pasos sencillos  que debe seguir para incluir en su proyecto o p&aacute;gina web la representaci&oacute;n  visual de las entidades de un texto, le mostramos los siguientes trozos de  c&oacute;digo.&nbsp; </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>1)  Incluyendo hojas de estilos (CSS)</strong> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">El componente visual <em>viewEntity </em>utiliza una  fuente de iconos espec&iacute;fica y un grupo de estilos asociados a los mensajes </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;link rel=&quot;stylesheet&quot; href=&quot;css/entity-icons.css&quot; /&gt;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;link  rel=&quot;stylesheet&quot; href=&quot;css/viewMsg.css&quot; /&gt; </font></p>     ]]></body>
<body><![CDATA[<p><font size="2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">2) Incluyendo las dependencias JavaScript </font></strong> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">En este caso tenemos en cuenta la  integraci&oacute;n con Xinetica mediante Xinetica SDK JS.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;scriptsrc=&quot;js/xinSDK.js&quot;&gt;&lt;/script&gt;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;scriptsrc=&quot;js/jquery.viewEntity.js&quot;&gt;&lt;/script&gt;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;scriptsrc=&quot;js/jquery.viewMsg.js&quot;&gt;&lt;/script&gt;</font></p>     <p><font size="2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">3) Definiendo componente de entrada y contenedor de  salida</font></strong> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Se define un componente HTML de entrada texto,  en este caso, un textarea, para  introducir el texto a procesar, y como contenedor de salida un div u otra que desee.  En ambos casos debe especificar un <em>id</em> para su uso posterior.</font> </p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;textarea id=&quot;text&quot; placeholder=&quot;Escriba un texto&quot; &gt;&lt;/textarea&gt;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;input type=&quot;button&quot; id=&quot;process&quot; value=&quot;Procesar&quot; &gt;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&lt;div  id=&quot;entity_results&quot;&gt;&lt;/div&gt; </font></p>     ]]></body>
<body><![CDATA[<p><font size="2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">4) C&oacute;digo JavaScript donde se instancian los objetos  y se ejecutan las funciones de procesamiento y visualizaci&oacute;n </font></strong> </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Se especifica la clave de acceso al API del m&oacute;dulo a  utilizar, para obtener una clave debe contactar con el equipo Xinetica. Luego,  se instancian los plugins JQuery <em>viewMsg</em>, relacionado con la gesti&oacute;n  de mensajes, y <em>viewEntity</em>, referente a la visualizaci&oacute;n de las  entidades. Posteriormente, se invoca la funci&oacute;n getDataFromSDK(id), a la cual se le pasa como par&aacute;metro el id correspondiente al textarea, para obtener y  procesar el texto.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">xinsdk.entity.token = &quot;xxxxxxxxxxxxxx&quot;;</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">var viewMsg = $('#entity_results').viewMsg();</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">var viewEntity = $('#entity_results').viewEntity({</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">viewMsg: viewMsg,</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">sdk: xinsdk</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">});</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">$('#process').on('click', function(){</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">viewEntity.getDataFromSDK('text');</font></p>     ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">});</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Despu&eacute;s de  obtenido el resultado autom&aacute;ticamente ser&aacute; visualizado.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">En caso que  cuente con su propia soluci&oacute;n de Reconocimiento de Entidades Nombradas puede  igual emplear esta visualizaci&oacute;n prescindiendo del SDK JS y usando el m&eacute;todo  setData del componente visual pas&aacute;ndole como par&aacute;metro el resultado de su  soluci&oacute;n, teniendo en cuenta que este resultado debe corresponderse con el  formato esperado, lo cual se encuentra expresado en la documentaci&oacute;n funcional  de cada componente visual.</font></p>     <p>&nbsp;</p>     <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><B>CONCLUSIONES</B></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">La visualizaci&oacute;n de textos es un campo prometedor y novedoso debido  principalmente a los avances en la miner&iacute;a de texto, la mejor comprensi&oacute;n de  im&aacute;genes que textos por los humanos y la cantidad de informaci&oacute;n textual  disponible hoy d&iacute;a, la cual es explotada tanto con fines cient&iacute;ficos,  comerciales, como de seguridad. </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Teniendo en cuenta esta realidad y en aras de obtener mejores resultados en  nuestra compa&ntilde;&iacute;a se desarroll&oacute; una herramienta web distribuida en plugins  JQuery para visualizar resultados de soluciones de MT y PLN, con la capacidad  de integrarse autom&aacute;ticamente a una plataforma que ofrece este tipo de  soluciones (Xinetica) o visualizar datos directamente obtenidos desde otro  procesamiento. Tambi&eacute;n como parte de esta soluci&oacute;n se cre&oacute; Xinetica SDK JS,  herramienta que permite consumir las APIs de Xinetica desde JavaScript. Ambas  herramientas tienen como valor adicional ser reutilizables en productos con  interfaz web vinculados a la MT.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Tambi&eacute;n podemos concluir  que, con la Suite como nuevo producto, la plataforma com&uacute;n se posiciona un paso  delante de otros productos similares del mercado internacional, al contar con  una soluci&oacute;n reutilizable capaz de visualizar sus resultados, constituyendo una  facilidad carente a&uacute;n en muchos productos similares.</font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Como trabajo futuro estamos proyectando la evaluaci&oacute;n  y migraci&oacute;n de los componentes visuales a est&aacute;ndares web modernos como los  WebComponents y las tecnolog&iacute;as que los implementan. Lograr mayor  parametrizaci&oacute;n de los componentes en cuanto a estilos, estructura y  orientaci&oacute;n visual. Continuar el estudio de met&aacute;foras visuales apropiadas para  datos y soluciones espec&iacute;ficas. </font></p>     <p>&nbsp;</p>     ]]></body>
<body><![CDATA[<p><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><B>AGRADECIMIENTOS</B></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Los autores desean agradecer de manera especial al Lic. Roberto Carlos  Toledano G&oacute;mez, al Msc. Daniel Castro Castro, Mirlayne Campuzano &Aacute;lvarez y al  equipo de Xinetica por sus valiosos aportes, sugerencias y comentarios.</font></p>     <p>&nbsp;</p>     <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><B>REFERENCIAS    BIBLIOGR&Aacute;FICAS</B></font>     <!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">COMMONJS [En l&iacute;nea]. [Fecha de consulta: 26 de  noviembre de 2015]. Disponible en: <a href="http://en.wikipedia.org/wiki/CommonJS">http://en.wikipedia.org/wiki/CommonJS</a></font><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">D3.JS &ndash; Data Driven Documents [En l&iacute;nea]. [Fecha de consulta: 5 de febrero de 2016]. Disponible en: <a href="http://d3js.org/">http://d3js.org/</a></font></p>     <!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">IBMWATSON [En l&iacute;nea]. [Fecha de consulta: 5 de febrero de 2016]. Disponible en: <a href="https://www.ibm.com/es-es/marketplace/cognitive-application-development">https://www.ibm.com/es-es/marketplace/cognitive-application-development</a></font><!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">JASMINE [En l&iacute;nea]. [Fecha de consulta: 26 de  noviembre de 2015]. Disponible en: <a href="https://github.com/jasmine/jasmine">https://github.com/jasmine/jasmine</a> </font><!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">JIM&Eacute;NEZ, J.A., et al. WebComponents: un vistazo r&aacute;pido  [En l&iacute;nea]. [Fecha de consulta: 5 de diciembre de 2016]. Disponible en: <a href="https://www.adictosaltrabajo.com/tutoriales/webcomponents-un-vistazo-rapido/">https://www.adictosaltrabajo.com/tutoriales/webcomponents-un-vistazo-rapido/</a></font><!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">JQUERYPLUGINS [En l&iacute;nea]. [Fecha de consulta: 26  de noviembre de 2015]. Disponible en: <a href="https://learn.jquery.com/">https://learn.jquery.com/</a>plugins/</font><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">JSDOC3 [En l&iacute;nea]. [Fecha de consulta: 26 de  noviembre de 2015]. Disponible en: </font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://usejsdoc.org/about-getting-started.html">http://usejsdoc.org/about-getting-started.html</a></font></p>     <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">KUCHER, K.; KERREN, A., et al. Text  Visualization Browser: A Visual Survey of Text Visualization Techniques. [En  l&iacute;nea] IEEE Information Visualization (InfoVis &rsquo;14),  Paris, France, 2014. Disponible en: <a href="http://cs.lnu.se/isovis/pubs/docs/kucher-infovis14.pdf">http://cs.lnu.se/isovis/pubs/docs/kucher-infovis14.pdf</a></font></p>     <!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">MEANINGCLOUD [En l&iacute;nea]. [Fecha de consulta: 5 de febrero de 2016]. Disponible en: <a href="http://www.meaningcloud.com/">http://www.meaningcloud.com/</a> </font><!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">MONKEYLEARN [En l&iacute;nea]. [Fecha de consulta: 5 de  febrero de 2016]. Disponible en: <a href="http://www.monkeylearn.com/">http://www.monkeylearn.com/</a> </font><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">NUALART-VILAPLANA,  J.; P&Eacute;REZ-MONTORO, M.; WHITELAW, M., et al. C&oacute;mo dibujamos textos. Revisi&oacute;n de  propuestas de visualizaci&oacute;n y exploraci&oacute;n textual. [En l&iacute;nea]. El profesional  de la informaci&oacute;n. 2014, vol. 23, n. 3, [Consultado el: 12 de enero de 2016]  221-235 p. Disponible en: <a href="http://www.elprofesionaldelainformacion.com/contenidos/2014/may/02_esp.pdf">http://www.elprofesionaldelainformacion.com/contenidos/2014/may/02_esp.pdf</a></font></p>     <!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">WEBPACK  [En l&iacute;nea]. [Fecha de consulta:  26 de noviembre de 2015]. Disponible en: <a href="http://webpack.github.io/docs/what-is-webpack.html">http://webpack.github.io/docs/what-is-webpack.html</a></font><!-- ref --><p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">XINETICA [En  l&iacute;nea]. [Fecha de consulta: 5 de febrero de 2016]. Disponible en: <a href="http://www.datys.cu/spa/site/product/17">http://www.datys.cu/spa/site/product/17</a></font><p name="_ENREF_1">&nbsp;</p>     <p name="_ENREF_1">&nbsp;</p>     ]]></body>
<body><![CDATA[<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Recibido: 11/12/2017    <br> Aceptado: 22/01/2018</font></p>      ]]></body><back>
<ref-list>
<ref id="B1">
<nlm-citation citation-type="">
<collab>COMMONJS</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B2">
<nlm-citation citation-type="">
<collab>D3.JS</collab>
<source><![CDATA[Data Driven Documents]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B3">
<nlm-citation citation-type="">
<collab>IBMWATSON</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B4">
<nlm-citation citation-type="">
<collab>JASMINE</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B5">
<nlm-citation citation-type="">
<person-group person-group-type="author">
<name>
<surname><![CDATA[JIMÉNEZ]]></surname>
<given-names><![CDATA[J.A]]></given-names>
</name>
</person-group>
<source><![CDATA[WebComponents: un vistazo rápido]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B6">
<nlm-citation citation-type="">
<collab>JQUERYPLUGINS</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B7">
<nlm-citation citation-type="">
<collab>JSDOC3</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B8">
<nlm-citation citation-type="">
<person-group person-group-type="author">
<name>
<surname><![CDATA[KUCHER]]></surname>
<given-names><![CDATA[K]]></given-names>
</name>
<name>
<surname><![CDATA[KERREN]]></surname>
<given-names><![CDATA[A]]></given-names>
</name>
</person-group>
<source><![CDATA[Text Visualization Browser: A Visual Survey of Text Visualization Techniques.]]></source>
<year>2014</year>
<publisher-loc><![CDATA[^eParis Paris]]></publisher-loc>
</nlm-citation>
</ref>
<ref id="B9">
<nlm-citation citation-type="">
<collab>MEANINGCLOUD</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B10">
<nlm-citation citation-type="">
<collab>MONKEYLEARN</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B11">
<nlm-citation citation-type="">
<person-group person-group-type="author">
<name>
<surname><![CDATA[NUALART-VILAPLANA]]></surname>
<given-names><![CDATA[J]]></given-names>
</name>
<name>
<surname><![CDATA[PÉREZ-MONTORO]]></surname>
<given-names><![CDATA[M]]></given-names>
</name>
<name>
<surname><![CDATA[WHITELAW]]></surname>
<given-names><![CDATA[M]]></given-names>
</name>
</person-group>
<article-title xml:lang="es"><![CDATA[Cómo dibujamos textos. Revisión de propuestas de visualización y exploración textual.]]></article-title>
<source><![CDATA[]]></source>
<year>2014</year>
<volume>23</volume>
<numero>3</numero>
<issue>3</issue>
<page-range>221-235</page-range></nlm-citation>
</ref>
<ref id="B12">
<nlm-citation citation-type="">
<collab>WEBPACK</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
<ref id="B13">
<nlm-citation citation-type="">
<collab>XINETICA</collab>
<source><![CDATA[En línea]]></source>
<year></year>
</nlm-citation>
</ref>
</ref-list>
</back>
</article>
