Para realizar este ejemplo necesitaremos crear una aplicación en Twitter y nuestro bundle Creador OPEN actualizado a la última versión.

Para crear una aplicación en Twitter, debemos:

1. Ir a http://dev.twitter.com.
2. Ingresar (Signin) con las credenciales de nuestra cuenta.
3. Presionar el botón Create an App.
4. Ingresamos un nombre (Name), una descripción (Description) la url de nuestro homepage (Website).
5. Marcamos estar de acuerdo con los terminos de uso y capcha y presionamos “Create your Twitter Application”
6. Buscamos y guardamos los valores (en un bloc de notas) de los siguientes items:
1. Consumer Key
2. Consumer Secret
3. Access Token (si no aparece, presionar “Create Access Token”)
4. Access Token Secret

Lo siguiente es crear nuestro proyecto.

Digamos que se llamará “twituf”, para lo cual crearemos la carpeta “twituf” en el directorio /apps/ de nuestro servidor. Luego crearemos un archivo llamado “accion.cfm” (o como quieran llamarle) y escribiremos lo siguiente para rescatar el valor de la UF:

<!--- obtenemos valor de UF de Banco Central --->
<cfset object=CreateObject("component","base.apis.sparser")>
<cfset parser=object.init("http://www.bcentral.cl/index.asp")>
<cfset uf=parser.selector("div##ind-dia tr.odd td:eq(2)").text()>

Luego, componemos el mensaje y lo enviamos a nuestra cuenta de Twitter, con el siguiente codigo:

<!--- obtenemos valor de UF de Banco Central --->
<cfset object=CreateObject("component","base.apis.sparser")>
<cfset parser=object.init("http://www.bcentral.cl/index.asp")>
<cfset uf=parser.selector("div##ind-dia tr.odd td:eq(2)").text()>
<!--- componemos mensaje --->
<cfset mensaje="Valor de la UF hoy " & DateFormat(now(),"dd-mm-yyyy") & " $" & uf>
<!--- enviamos a Twitter --->
<cfset consumerKey = "tu consumer key">
<cfset consumerSecret = "tu consumer secret">
<cfset accessToken = "tu access token value">
<cfset accessTokenSecret = "tu access token secret">
<cfset twitter=CreateObject("component","base.apis.ctwitter")>
<cfset twitter.init(consumerKey,consumerSecret,accessToken,accessTokenSecret)>
<cfset twitter.updateStatus(mensaje)>

Ahora lo que nos falta es agregar un parámetro para que solo se ejecute esta página cuando se lo digamos… Porque de lo contrario, cada vez que google visite la página se enviaría un mensaje a Twitter…

Para esto, modificamos el archivo con lo siguiente:

<cfparam name="ejecutar" default="false"/>
<cfif ejecutar>
   <!--- obtenemos valor de UF de Banco Central --->
   <cfset object=CreateObject("component","base.apis.sparser")>
   <cfset parser=object.init("http://www.bcentral.cl/index.asp")>
   <cfset uf=parser.selector("div##ind-dia tr.odd td:eq(2)").text()>
   <!--- componemos mensaje --->
   <cfset mensaje="Valor de la UF hoy " & DateFormat(now(),"dd-mm-yyyy") & " $" & uf>
   <!--- enviamos a Twitter --->
   <cfset consumerKey = "tu consumer key">
   <cfset consumerSecret = "tu consumer secret">
   <cfset accessToken = "tu access token value">
   <cfset accessTokenSecret = "tu access token secret">
   <cfset twitter=CreateObject("component","base.apis.ctwitter")>
   <cfset twitter.init(consumerKey,consumerSecret,accessToken,accessTokenSecret)>
   <cfset twitter.updateStatus(mensaje)>
<cfelse>
   Falta parametro ejecutar.
</cfif>

Por último, solo nos resta definir el archivo events.xml para agendar la ejecución de este posteo a una vez por día, digamos a las 9:30am de cada día. Esto se hace creando un evento en el archivo events.xml (creándolo o editándolo) de nuestra carpeta:

<event id="paraTwitter" start="30/8/2011 09:30" value="1" type="day">
   <page>accion.cfm?ejecutar=true</page>
</event>

Al guardarlo, la plataforma CreadorOPEN automáticamente dejará programada la ejecución para, en este caso, ejecutar la página accion.cfm con el parámetro ejecutar en true, una vez por dia (value=”1″ type=”day”), desde el día 30 de Agosto a las 9:30am, lo que provocará la ejecución de la página todos los días a las 9:30am. Para detener la programación, solo basta remover el evento.

Espero que este tutorial les abra los ojos y permita hacer alarmas con información útil para sus consumidores. Esto mismo se puede aplicar para, por ejemplo, postear los terremotos de alguna parte, la última noticia publicada por un sitio web x, por ejemplo de noticias, las condiciones climáticas, etc.

Veamos un ejemplo “Hola Mundo” con algo de código php en el archivo hola.php:

<wap:document>
<wap:head>
<wap:title>Hello there</wap:title>
</wap:head>
<wap:body>
<wap:block align="center">
<?php
Print "Hello, World!";
?>
</wap:block>
</wap:body>
</wap:document>

Al crear este archivo y llamarlo en un navegador web, podremos utilizar todas las características de Creador OPEN, tales como seguimiento de usuarios desde el administrador, emuladores con el atributo emuid, etc.

Estos archivos PHP soportan el uso estándard de PHP a excepción del comando include, que debe indicar un archivo absoluto.

Veamos a continuación otro ejemplo utilizando un loop.

Archivo repeticion.php

<wap:document>
<wap:head>
<wap:title>Ejemplo con loop</wap:title>
<wap:cool_menu_css colnum="2" align="center" tabularize="true"/>
</wap:head>
<wap:body>
<?php
$meses[0] = "Enero";
$dias[0] = 31;
$meses[1] = "Febrero";
$dias[1] = 28;
$meses[2] = "Marzo";
$dias[2] = 31;
$meses[3] = "Abril";
$dias[3] = 30;
?>
<wap:cool_menu colnum="2" wml_tables="true">
<wap:cell>Mes</wap:cell>
<wap:cell>Dias</wap:cell>
<?php
for($i=0; $i<4; $i++) { // Inicio de loop.
?>
<wap:cell><?php
echo($meses[$i])
?></wap:cell>
<wap:cell><?php
echo($dias[$i])
?></wap:cell>
<?php
} // Fin de loop.
?>
</wap:cool_menu>
</wap:body>
</wap:document>

Esperamos que esta gran mejora les facilite enormente la integración con aplicaciones y frameworks existentes en PHP.
Mucha suerte en sus desarrollos !

Integrando los ya soportados lenguajes PHP, Ruby, Javascript, Coldfusion y Groovy, el nuevo soporte para Python, hace de Creador OPEN la plataforma de desarrollos móviles más amistosa con los programadores en existencia. Cualquiera sea tu conocimiento de programación, ya no tienes excusa para no trabajar con OPEN. Moviliza cualquier sitio o aplicación web en tiempo record e interactúa con los datos desde cualquier lenguaje. Compatible con más de 9000 equipos móviles, utiliza las etiquetas de presentación para crear un solo código que se adapte gráficamente a todos los equipos existentes.

Para utilizarla, asegúrense de actualizar su servidor a la última versión y utilizar el código dentro de la ya conocida etiqueta script:new, en este caso con atributo lang=”python”.

Estos cambios se verán reflejados en un mejor funcionamiento de todas nuestras herramientas y servicios exclusivos para quienes las utilicen. Entregaremos soporte, constantes mejoras, hosting, servicios de conversión de audio y video, clases online, tutoriales de ayuda y servicios que se irán integrando con el tiempo, ya que Creador se caracteríza por ser innovador y siempre estar a la vanguardia con nuevos desafíos.

En la página de Productos encontrarán toda la información de nuestro nuevo sistema de oferta, asi como la capacidad de adquirir los productos online.

Agradecemos desde ya, a todos nuestros clientes por preferir nuestros servicios y productos.

La velocidad de ejecución de esta versión es notoriamente rápida, ya que no debe abrirse ningún navegador especial. Sin embargo, requiere mayor análisis de nuestra parte. Como beneficio adicional, este script puede ser ejecutado en una instancia de Creador OPEN de GoogleApp.

A continuación veremos desde dónde obtenemos la información que necesitamos.

Si ingresamos a http://www.bci.cl/personas/, veremos la siguiente pantalla:

Al ver su código fuente donde se encuentran los valores, veremos que se hace referencia a un array llamado arrValores, por lo tanto lo que tenemos que hacer es ver o “buscar” en qué parte de la página se define ese array. Como conclusión, nos damos cuenta que al comienzo del código de la página se incluye un script de enlace http://www.bci.cl/common/include/valores.js, que es el responsable de definir este array.

Por lo tanto, lo primero que debemos hacer con Creador es obtener el código de esa página, para lo que utilizamos el siguiente código:

<cfset object=CreateObject("component","creador.base.apis.sparser")>
<cfset parser=object.init("http://www.bci.cl/common/include/valores.js")>
<cfset codigo=parser.getContent()>

El código obtenido es guardado en la variable codigo, la cual alberga un contenido similar al siguiente:

Como podemos ver, hay una función llamada Valor, que define una estructura con campos y más abajo hay un registro de estos valores para cada tipo de moneda o transacción. Aquí podríamos tratar de extraer la información con complejas expresiones regulares, pero lo que haremos será  mucho más simple. Simplemente ejecutaremos este código en nuestro interprete de Javascript (etiqueta script:new) de Creador OPEN y llamaremos los valores de cada registro como si estuvieramos en la página.

Esto lo haremos con el siguiente código:
(nótese que no cerramos el tag script:new aún)

<script:new lang="javascript">
<cfoutput>#codigo#</cfoutput>

Adicionalmente, agregaremos las siguientes funciones de javascript para simplificar el acceso a la información definida por el banco:

// creamos funciones de ayuda para leer registros
function leerValor(posicion,campo) {
    // verificamos que campo deseado exista en objeto
    if (arrValores[posicion].hasOwnProperty(campo)) {
        // devolvemos campo de posicion de objeto
        return arrValores[posicion][campo];
    } else {
        // si el campo no existia, devolvemos en blanco
        return "";
    }
}
function cuantosValores() {
    // devuelve la cantidad de registros que tiene la variable arrValores
    return arrValores.length-1;
}
var getKeys = function(obj){
   var keys = [];
   for(var key in obj){
      keys.push(key);
   }
   return keys;
}
function campos() {
   // obtiene los nombres de los campos disponibles en el objeto arrValores como listado.
   return getKeys(arrValores[1]).toString();
}
function texto_bonito(numero) {
   if (!isNaN(numero)) {
      // si valor dado es numero, formateamos como numero segun script de BCI
      return formatear_numero(numero);
   } else {
      return numero;
   }
}

Por último, debemos indicarle a nuestra etiqueta script:new qué funciones de nuestro Javascript deseamos llamar desde Coldfusion, lo cual lo hacemos con las siguientes lineas:

// exportamos funciones javascript a CreadorOPEN
variables.put('leerValor',leerValor);
variables.put('cuantosValores',cuantosValores);
variables.put('campos',campos);
variables.put('texto_bonito',texto_bonito);

Y cerramos el uso de la etiqueta script:new..

</script:new>

Con lo anterior, la sección Javascript de nuestra página está definida. Lo que falta es llamar las funciones Javascript desde Coldfusion y mostrar la información de los registros en la pantalla (o también la podrían asignar a una variable, estructura, o guardarla en una base de datos, o usarla dentro de un webservice… en definitiva la información ya la tienen):

<!--- llamamos funciones javascript --->
<cfset cuantos=_function_js(object:cuantosValores,arg1:"")>
<cfset campos=_function_js(object:campos,arg1:"")>
<!--- mostramos todos los datos de los registros --->
<cfloop index="qReg" from="1" to="#cuantos#" step="+1">
   <cfoutput><b>Registro: #qReg#</b><br>
   <cfloop index="qCampo" list="#campos#">
      <cfset valor=_function_js(object:leerValor,posicion:qReg,campo:qCampo)>
      <cfset valor=_function_js(object:texto_bonito,arg1:valor)>
      <b>#qCampo#:</wap:b> #valor#<br>
   </cfloop>
   </cfoutput><br>
</cfloop>

El resultado de la ejecución del ejemplo completo sería parecido a esto (solo que con más registros y actualizado):

Nota: Los campos de presentación están en html y no creador OPEN; si quieren mostrar esta información en un móvil, acuérdense de utilizar los prefijos wap antes de las etiquetas html. Ejemplo: <b> -> <wap:b>.

En definitiva, tenemos aquí un script de extracción muy potente. Se “cuelga” de la información de definición y programación definida por el banco para sus valores económicos, utiliza esa misma programación y la “extiende” con funciones para facilitar la lectura. Mediante este procedimiento, la información se mantiene actualizada en realtime con el banco, se permite agregar interacción con los datos y obtenerla en el mismo formato que el diseñado por la web original, de forma directa al código de servidor.

Descarga el script completo desde el siguiente link:
http://cl.ly/3Y3D0A2B2d321T1h3s0s

Mira también el ejemplo de extracción alternativa, más sencillo:
Extracción Valores Económicos del BCI (utilizando Selenium y sParser)

Aprende más sobre esto con nuestros cursos de Desarrollo Móvil, de manera fácil, rápida y efectiva!

Visítanos en: http://www.creador.cl

En esta ocasión veremos cómo utilizando unas pocas líneas de código, podemos extraer los valores económicos del portal del Banco BCI. Una vez los tengamos, los podrán guardar en una base de datos local (modelo), o externalizar como un webservice.

El sitio de BCI que contiene la información es http://www.bci.cl/personas.

Si vemos su código fuente directamente desde ver Código, nos daremos cuenta que el contenido de la sección que queremos en realidad es el resultado de la ejecución de un script Javascript, y por lo tanto, debe ser interpretada por el navegador antes de estar disponible.

En cualquier otro caso, esto nos imposibilitaria la extracción; sin embargo, Creador te entrega acceso a su poderoso componente cSelenium, que te permite controlar un navegador y de esta forma, obtener el código de la página deseada “tal como lo ve el navegador”.

Como podemos ver en la captura de arriba, el navegador interpreta estos datos para mostrarlos al usuario, y en “su versión del código”, los valores que buscamos se encuentran escritos, por lo que podremos procesarlos con nuestro componente de extracciones sParser.

Veamos a continuación cómo obtener el código “como lo ve el navegador firefox” utilizando el componente cSelenium:

<cfset selenium=CreateObject("component","creador.base.apis.cselenium").init(4446, "", "firefox")>
<cfset selenium.open("http://www.bci.cl/personas/").wait(2)>
<cfset codigo_pagina_personas=selenium.getPageSource()>
<cfset selenium.quit().stop()>

El código de arriba, inicializa el componente cSelenium, configura el navegador a utilizar Firefox, abre la página deseada y espera 2 segundos a que cargue, luego asigna el código fuente de la página (como lo visualiza Firefox) a la variable codigo_pagina_personas, y ejecuta el comando salir del navegador y apagar la instancia de Selenium. Con solo 4 lineas de código tenemos la información como la interpreta el navegador, lista para ser procesada por nuestro componente de extracciones sParser.

Ahora veremos cómo extraer la información segmentada de los valores utilizando nuestro componente sParser.

<cfset object=CreateObject("component","creador.base.apis.sparser")>
<cfset parser=object.init(codigo_pagina_personas)>
<cfset parser.selector("script").replaceWith(" ")>
<cfset valores=parser.selector("div.indicadores td").query()>

La primera linea, inicializa el componente sParser (recuerda utilizar componente sparser2 si utilizas Adobe Coldfusion). La segunda inicializa el parser con el código fuente obtenido de Firefox. La tercera, busca todos los tags script y los reemplaza por un espacio vacío, efectivamente eliminándolos (ya que nos los queremos). Por último, la cuarta linea busca todos los tags td que se encuentran dentro de un div de class indicadores, y los obtiene en la forma de una query (o consulta).

Por último, en el código siguiente asignamos los resultados a una variable de estructura llamada resultados:

<cfset resultados=StructNew()>
<cfset resultados.fecha=parser.removeTags(valores._content[1])>
<cfset resultados.uf=parser.removeTags(valores._content[2])>
<cfset resultados.utm=parser.removeTags(valores._content[3])>
<cfset resultados.ipc=parser.removeTags(valores._content[4])>
<cfset resultados.ipsa=parser.removeTags(valores._content[5])>
<cfset resultados.dolar=parser.removeTags(valores._content[6])>
<cfset resultados.euro=parser.removeTags(valores._content[7])>

El código anterior, básicamente indica que en la columna _content, del primer resultado, se encuentra la fecha de los indicadores, y que queremos eliminar cualquier tag que en este se encuentre (función parser.removeTags()), para obtener un valor de texto limpio (ya que, como podemos observar en la captura del código de firefox mostrado arriba, la fecha estaba dentro de un tag strong), y este resultado lo asignamos al campo “fecha” de la estructura “resultados”. Repetimos el paso para los demás valores (primer resultado=fecha, segundo resultado=uf, tercer resultado=utm, cuarto resultado=ipc, etc).

Como podemos ver, la utilización de los componentes de Creador, nos permite traducir de manera muy directa nuestros requerimientos en código, efectivamente logrando el proceso en muy pocos pasos.

Ahora solo resta que utilicen los valores de la variable resultados como lo estimen conveniente.

Script completo (versión bundle nativa – Open Bluedragon):
http://cl.ly/403h3e2y280C2i393E1k
Script completo (versión compatible con Adobe Coldfusion):
http://cl.ly/1p3r3Q0f1I13271X3a17

Aprende esto y mucho más con nuestros cursos de Desarrollo Móvil, de forma rápida, fácil y sencilla. Visítanos en http://www.creador.cl

1. Inicio -> Ejecutar -> cmd (linea de comandos).
2. Van a c:\creador-open-dist\bin
3. Ejecutan la siguiente linea para instalar:
   Jetty-Service.exe -i jetty-service.conf
4. Ejecutan la siguiente linea para desinstalar:
   Jetty-Service.exe -r jetty-service.conf

Para ejecutar, van a:
Panel de Control -> Herramientas Administrativas -> Servicios,
buscan el registro “Creador OPEN” y lo inician.

Para utilizar Ruby

Compatible con versiones 1.8.7 y 1.9.2
Ruby es soportado de manera completa, incluyendo el uso de los comandos require ‘gem’.
Ejemplo: (obtiene url dada e imprime contenido):

<script:new lang="ruby">
require 'open-uri'
open('http://www.creador.cl'){ |f| print f.read }
</script:new>

Para utilizar PHP

Compatible con PHP 5

PHP es soportado de manera completa, comportándose la etiqueta como una ventana al contenido de un archivo de extensión PHP.
Ejemplo:

<cfset myname="Juan">
<script:new lang="php">
Hola <? print($variables["myname"]); ?> desde PHP.<wap:br/>
Hoy es <? print(Date("l F d, Y")); ?><wap:br/>
<? print("<wap:b>Esto va en negritas. Como se puede ver se pueden usar tags creador dentro del codigo.</wap:b>"); ?><wap:br/>
</script:new>

Para utilizar Groovy

Compatible con versión 1.8

Groovy es un lenguaje basado en Java, que permite ejecutar código Java y además optimizar su sintaxis. Entre muchas funciones, permite también utilizar atomos y varios hilos simultáneos.
Ejemplo:

<script:new lang="groovy">
import java.util.concurrent.atomic.AtomicInteger

def counter = new AtomicInteger()
synchronized out(message) {
println(message)
}

def th = Thread.start {
for( i in 1..8 ) {
sleep 30
out "thread loop $i<wap:br/>"
counter.incrementAndGet()
}
}

for( j in 1..4 ) {
sleep 50
out "main loop $j<wap:br/>"
counter.incrementAndGet()
}
th.join()
assert counter.get() == 12
</script:new>

General

En todos los lenguajes, existen las variables “variables” (que contiene el scope de las variables definidas en Coldfusion), “url” (que contiene los argumentos entregados a la página), “form” (que contiene los argumentos recibidos desde un formulario con POST), “cgi” (que contiene las variables y headers del scope CGI) y “session” (que contiene las variables de session). Para enviar variables y valores a Coldfusion, solo hay que modificar las variables (si ya existen), o bien ejecutar el método put(“nombreenColdfusiondevar”,varlocal), según el formato correspondiénte a cada lenguaje.

Adicionalmente, se pueden utilizar cualquier etiqueta de Creador OPEN, mientras estas se encuentren completas, lo que significa que por el momento no pueden contener atributos dinámicos.

A continuación les mostraré cómo utilizar esta nueva característica en Concepto.

El gráfico mostrado arriba lo resume todo. Basta con crear un nodo con el icono “Maleta Azul” de texto “Crear grafico”, para que el comando sea reconocido. Soporta cualquier numero de hijos de tipo Serie, los que a su vez soportan cualquier numero de nodos de datos. Las características de presentación de cada nodo se aplicarán a la presentación del gráfico, por lo que:

• El color del nodo “Crear grafico”, definirá el color del texto del titulo.
• El color de fondo del nodo “Crear grafico”, definirá el color de fondo del gráfico.
• El color del nodo “Serie”, definirá el color del texto de la legenda, y su color de fondo será el color predeterminado de cada trozo de dato.
• El color de fondo de cada nodo “Dato”, definirá el color de la barra o trozo de dato.

El nodo “Crear gráfico” se comporta como una imagen, por lo que:

• Puede ser utilizado junto al icono “Autoescalar” y los iconos Numéricos
• Puede ser utilizado dentro de un nodo “Animacion”.

El nodo “Crear Grafico” soporta varios atributos, siendo los más importantes:

3d (true/false)
Define si el gráfico a crear se desea en 3D o 2D.

titulo
Indica el texto a mostrar como titulo dentro del gráfico.

ancho
Ancho de la imágen a generar. Si no se define, se genera en el tamaño recomendado para el equipo actual.

alto
Alto de la imágen a generar. Si no se define, se genera en el tamaño recomendado para el equipo actual.

mostrar (false/true)
Si se especifica en false, la imagen se generará, pero no se mostrará al usuario. Ideal para utilizarla en conjunto al atributo variable.

variable
Nombre de variable en donde definir la ubicación relativa del gráfico recién creado.

El nodo “Serie” soporta solamente el atributo tipo, el cual puede tener como valor:

barra
Gráfico de barras verticales

horizontal
Gráfico de barras horizontales

pie
Gráfico de torta

linea
Gráfico lineal

anillos
Gráfico circular

pasos
Gráfico de pasos

disperso
Gráfico de dispersión

El nodo “Dato” soporta solamente los atributos:

item
Nombre del item

valor
Monto del item.

Todos los nodos soportan valores dinámicos junto al icono “Recordar”.

Como siempre, aquí estamos atentos a cualquier consulta.
Recuerden, que los manuales también se actualizan desde su panel Administrator.

Mucha suerte !

Muchos desarrolladores, intentan obtener estos datos de empresas que los ofrecen en la forma de webservices. Y si bien esto es más sencillo, muchas veces son servicios pagados. Hoy, les mostraré que significa análizar esta información, y cómo obtenerla gratis utilizando las herramientas que disponen para ello en la plataforma Creador OPEN.

Los sitios web están fabricados mayormente por código html y css. Este, contiene un texto estructurado de etiquetas que los navegadores web entienden e interpretan para mostrar colores, imágenes, botones, textos e incluso animaciones, que es lo que “vemos” cuando los usamos. Gracias a esto, si vemos un el código fuente de un archivo html, podemos identificar dónde se encuentra el contenido que estamos visualizando.

Tomemos el siguiente caso:

<html>
<head>
<title>Soy el titulo</title>
</head>
<body>
<p align="center">Hola mundo</p>
</body>
</html>

Como podemos ver el titulo se encuentra dentro de la “etiqueta” title, y el texto que vemos centrado se encuentra dentro de la “etiqueta” p, que tiene un atributo “align” con valor “center”.

A simple vista, es fácil observar esto, pero.. ¿ cómo le decimos a nuestras aplicaciones que queremos esos valores que están en esas ubicaciones ? Pensar en XML es enredado, no siempre funciona, el código queda una masamorra y es muy específico. Otros, desarrolladores web, pensarán en jQuery y sus selectores, que son espectaculares, pero no sirven en un servidor…

La plataforma Creador OPEN incluye sofisticadas herramientas para lidiar con estas necesidades. Les voy a mostrar cómo se hacen con ella.

En Creador existen 5 formas de obtener información remota (además de las de Coldfusion):

1. Mediante la etiqueta analysis:get_rss. Específica para contenidos de Blogs y RSS.
2. Mediante la etiqueta analysis:get_tag. Especifica para extraer contenidos y atributos de etiquetas HTML y XML.
3. Mediante la etiqueta analysis:get_css. Específica para extraer elementos de códigos CSS.
4. Mediante la etiqueta analysis:extract. Especifica para extraer contenidos mediante patrones de contenido contenido conocido y desconocido.
5. Mediante el componente sParser. Es el más poderoso para procesar y consultar etiquetas HTML y XML, basado en los selectores de jQuery.

A modo de ejemplo, asumiremos que el código de arriba está en un sitio web “http://www.elsitio.cl/index.html”, y veremos cómo extraer el titulo y su contenido con las formas 2,4 y 5.

2) Utilizando etiqueta analysis:get_tag.

<analysis:get_tag href="http://www.elsitio.cl/index.html" tag="title" variable="eltitulo"/>
<cfif arraylen(eltitulo) gt 0>
El titulo obtenido es: <cfoutput>#eltitulo[1]._contents#</cfoutput>
</cfif>
<analysis:get_tag href="http://www.elsitio.cl/index.html" tag="p" mustContain="center" variable="parrafo"/>
<cfif arraylen(eltitulo) gt 0>
El contenido del archivo es: <cfoutput>#parrafo[1]._contents#</cfoutput>
</cfif>

Como podemos ver el uso de la etiqueta analysis:get_tag, es muy directo y entrega su resultado en la forma de un array, entregando un registro por cada instancia de la etiqueta encontrada, y en cada una de ellas, una estructura con sus atributos y contenido (_contents).

4) Utilizando la etiqueta analysis:extract.

<cfsavevariable variable="elpatrontitulo">
<title>****titulo****</title>
</cfsavevariable>
<cfsavevariable variable="elpatronparrafo">
<p align="****alineacion****">****contenido****</p>
</cfsavevariable>
<analysis:extract href="http://www.elsitio.cl/index.html" pattern="#elpatrontitulo#" variable="resp_titulo" />
<analysis:extract href="http://www.elsitio.cl/index.html" pattern="#elpatronparrafo#" variable="resp_contenido" />
<cfif arraylen(resp_titulo) gt 0>
El titulo obtenido es: <cfoutput>#resp_titulo[1].titulo#</cfoutput>
</cfif>
<cfif arraylen(resp_contenido) gt 0>
El contenido del archivo es: <cfoutput>#resp_contenido[1].contenido#</cfoutput> y su alineacion es: <cfoutput>#resp_contenido[1].alineacion#</cfouput>
</cfif>

Como vemos es un poco más largo para este ejemplo, pero brinda una la oportunidad de obtener partes de un sitio o contenido cualquiera sin estudiarlo mucho. Es interesante ver cómo se obtiene un registro por cada incidencia encontrada que cumple el patrón. Si lo ven, lo buscado se envuelve en 4 asteríscos y se asigna en la respuesta en la forma de campos con el valor escrito. Para hacerlo más claro, se agregó en este ejemplo la extracción del atributo align.

5) Utilizando el componente sParser

<cfset objeto=CreateObject("component","creador.base.apis.sparser")>
<cfset parser=objeto.init("http://www.elsitio.cl/index.html")>
<cfset eltitulo=parser.selector("title").text()>
<cfset elcontenido=parser.selector("p[align=center]").text()>
<cfoutput>El titulo es #eltitulo# y el contenido dice: #elcontenido#</cfoutput>

El componente sParser es el más poderoso para la extracción de contenidos basados en etiquetas, y soporta contenidos mal formatos, tales como aquéllos ilustrados en el uso de <br>. Permite realizar extracciones mediante la utilización de selectores de jQuery (lo que fue realizado desde cero para este componente, ya que jQuery no es de servidor), y realizar busquedas y consultas similares a las de una base de datos.

En el ejemplo anterior, utilizamos un selector para la etiqueta title, y llamamos la función text(), que nos entrega el contenido del selector encontrado (en este caso la etiqueta title). Siguiendo el mismo ejemplo, el selector ‘p[align=center]‘ indica que se desea la etiqueta p que define su atributo align en center, y al llamar luego la función text(), indicamos que queremos su contenido. Los selectores soportan diversas funciones además del uso de text():

• La función html(), obtiene el contenido html de todas las instancias del selector buscado.
• La función text(), obtiene el contenido sin html de todas las instancias del selector buscado.
• La función query(), obtiene el selector en la forma de una query de SQL.
• La función query(sql search), permite definir una consulta SQL previa a la entrega de la query en forma de SQL.
• La función closest(selector), permite obtener el selector más cercado al selector buscado previamente.
• Y muchas muchas más (están todas definidas en el wiki).

Lo más extraordinario es que todos estos sistemas de extracción están disponibles gratuitamente para que los utilicen.

Disfrútenlas.