<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kudos Ltda. - Blog &#187; Rich Internet Applications</title>
	<atom:link href="http://blog.gkudos.com/tag/rich-internet-applications/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.gkudos.com</link>
	<description>.: Open Systems, Open Ideas :.</description>
	<lastBuildDate>Thu, 29 Apr 2010 23:25:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creando un lector de GeoRSS con Adobe Flex 3</title>
		<link>http://blog.gkudos.com/2009/09/06/creando-un-lector-de-georss-con-adobe-flex-3/</link>
		<comments>http://blog.gkudos.com/2009/09/06/creando-un-lector-de-georss-con-adobe-flex-3/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 18:21:57 +0000</pubDate>
		<dc:creator>juanmendez</dc:creator>
				<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[Datos Geográficos]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[adobe flex 3]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>

		<guid isPermaLink="false">http://blog.gkudos.com/?p=188</guid>
		<description><![CDATA[Uno de los ejemplos tradicionales que se desarrollan durante el aprendizaje de Flex 3 y Actionscript 3 es el de la creación de un lector de RSS. En el presente artículo se presenta una extensión de dicho ejemplo adicionando la capacidad de interpretar infomación publicada en el formato GeoRSS.


Qué es un RSS?

RSS es una familia [...]]]></description>
			<content:encoded><![CDATA[<p>Uno de los ejemplos tradicionales que se desarrollan durante el aprendizaje de Flex 3 y Actionscript 3 es el de la creación de un lector de RSS. En el presente artículo se presenta una extensión de dicho ejemplo adicionando la capacidad de interpretar infomación publicada en el formato GeoRSS.<br />
<a href="http://blog.gkudos.com/wp-content/uploads/georss.jpg"><img src="http://blog.gkudos.com/wp-content/uploads/georss.jpg" alt="" width="80%" heigth="80%" title="georss"  class="aligncenter size-medium wp-image-189" /></a></p>
<ul>
<li><strong>Qué es un RSS?</strong></li>
</ul>
<p><strong>RSS</strong> es una familia de formatos de <a title="Fuente web" href="http://es.wikipedia.org/wiki/Fuente_web">fuentes web</a> codificados en <a class="mw-redirect" title="XML" href="http://es.wikipedia.org/wiki/XML">XML</a>. Se utiliza para suministrar a suscriptores de <a title="Información" href="http://es.wikipedia.org/wiki/Informaci%C3%B3n">información</a> <a class="mw-redirect" title="Actualidad" href="http://es.wikipedia.org/wiki/Actualidad">actualizada</a> frecuentemente. El formato permite distribuir contenido sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (<a title="Agregador" href="http://es.wikipedia.org/wiki/Agregador">agregador</a>).</p>
<ul>
<li><strong>Qué es un GeoRSS?</strong></li>
</ul>
<p><strong>GeoRSS</strong> es un conjunto de estándares para representar información geográfica mediante el uso de capas y está construido dentro de la familia de estándares <a title="RSS" href="http://es.wikipedia.org/wiki/RSS">RSS</a>.</p>
<ul>
<li><strong>Cómo convertir un RSS en GeoRSS?</strong></li>
</ul>
<p>Si usted no dispone de una aplicación para convertir sus RSS en GeoRSS puede utilizar Geonames para realizar dicha traducción de formato.<br />
El &#8220;<a href="http://www.geonames.org/rss-to-georss-converter.html">RSS to GeoRSS Converter</a>&#8221; de Geonames busca posibles ubicaciones (sitios geogràficos) en el texto del  rss.  Si alguna ubicación geográfica relevante es encontrada, adiciona la latitud y longitud al RSS durante la codificación a GeoRSS.</p>
<ul>
<li><strong>Que requiero para implementar el lector de GeoRSS utilizando Adobe Flex 3?</strong></li>
</ul>
<p>- <a href="http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK">Flex SDK</a></p>
<p>- <a href="http://code.google.com/intl/es-ES/apis/maps/documentation/flash/">Google Maps Flash API</a></p>
<ul>
<li><strong>Donde puedo descargar el código fuente del ejemplo?</strong></li>
</ul>
<p>Puede descargar el código fuente desde <a href="http://pwp.007mundo.com/jcmendez/kudos/georss/src.zip">esta ubicación.</a></p>
<ul>
<li><strong>Que ejemplos de programación flex / actionscript  puedo encontrar en el código? </strong></li>
</ul>
<p>- Carga de datos en XML utilizando el objeto HTTPService</p>
<p>- Despliegue de datos utilizando componentes ComboBox, Datagrid e Image</p>
<p>- Formatear etiquetas de un ComboBox utilizando labelFunction.</p>
<p>- Despliegue de información HTML en el tooltip de la aplicación.</p>
<p>- Ejemplo básico de carga de Markers en Google Maps para Adobe Flex.</p>
<p>- Procesamiento de datos publicados en formatos XML, RSS y GeoRSS.</p>
<p>- Utilizar el servicio &#8220;Rss to GeoRSS&#8221; de Geonames con Flex y Actionscript.</p>
<ul>
<li><strong>Puedo ver en línea el código fuente del ejemplo y la aplicación resultante?</strong></li>
</ul>
<p>A continuación puede ver tanto la aplicación como el código fuente relacionado.<br/><br/><br />
<iframe src ="http://pwp.007mundo.com/jcmendez/kudos/georss/index.html" width="100%" height="400" frameborder="0"><br />
</iframe><br />
<br/><br/><br />
<strong>Código fuente del archivo Rss.mxml:</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
</pre></td><td class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> </span>
<span style="color: #000000;">	layout=<span style="color: #ff0000;">&quot;vertical&quot;</span></span>
<span style="color: #000000;">	applicationComplete=<span style="color: #ff0000;">&quot;onComplete();&quot;</span> </span>
<span style="color: #000000;">	creationComplete=<span style="color: #ff0000;">&quot;loadSourcesService.send();&quot;</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Style</span><span style="color: #7400FF;">&gt;</span></span>
	Application{
		background-color:#ffffff;
		paddingBottom:5; 
		paddingLeft:5;
		paddingRight:5; 
		paddingTop:5;
	}
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Style</span><span style="color: #7400FF;">&gt;</span></span>	
<span style="color: #339933;">&lt;mx:Script&gt;</span>
<span style="color: #339933;">	&lt;![CDATA[</span>
<span style="color: #339933;">		import com.google.maps.controls.ZoomControlOptions;</span>
<span style="color: #339933;">		import mx.collections.ArrayCollection;</span>
<span style="color: #339933;">		import com.google.maps.overlays.MarkerOptions;</span>
<span style="color: #339933;">		import com.google.maps.overlays.Marker;</span>
<span style="color: #339933;">		import ejemplo.HTMLToolTip;</span>
<span style="color: #339933;">		import mx.managers.ToolTipManager;</span>
<span style="color: #339933;">		import flash.net.navigateToURL;</span>
<span style="color: #339933;">		import mx.controls.List;</span>
<span style="color: #339933;">		import mx.controls.Alert;</span>
<span style="color: #339933;">		import mx.events.ListEvent;</span>
<span style="color: #339933;">		import mx.rpc.events.FaultEvent;</span>
<span style="color: #339933;">		import mx.rpc.events.ResultEvent;</span>
<span style="color: #339933;">		import com.google.maps.MapType;</span>
<span style="color: #339933;">		import com.google.maps.LatLng;</span>
<span style="color: #339933;">		import com.google.maps.controls.PositionControl;</span>
<span style="color: #339933;">		import com.google.maps.controls.MapTypeControl;</span>
<span style="color: #339933;">		import com.google.maps.controls.ZoomControl;</span>
<span style="color: #339933;">		import com.google.maps.Map;</span>
<span style="color: #339933;">		import com.google.maps.MapEvent;</span>
&nbsp;
<span style="color: #339933;">		public var map:Map;</span>
&nbsp;
<span style="color: #339933;">	    //se invoca en el evento 'creationComplete' </span>
<span style="color: #339933;">		private function onComplete() :void{</span>
<span style="color: #339933;">			//configuración del tooltip para despliegue de HTML</span>
<span style="color: #339933;">			ToolTipManager.toolTipClass = HTMLToolTip; </span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		//Manejo de la respuesta del HTTPService loadSourcesService</span>
<span style="color: #339933;">		private function loadSourcesService_result(evt:ResultEvent):void {</span>
<span style="color: #339933;">		    var resultObj:Object = evt.result;</span>
<span style="color: #339933;">		    sourcesCb.dataProvider = resultObj.xml.lista.item;</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		//Iniciar el Mapa</span>
<span style="color: #339933;">		private function startMap(event:Event):void {</span>
<span style="color: #339933;">			map = new Map();</span>
<span style="color: #339933;">			//Key de google Maps: http://code.google.com/intl/es-ES/apis/maps/documentation/flash/</span>
<span style="color: #339933;">			map.key = map.key = &quot;ABQIAAAAzP_X84EVzii7yEPHkonPNRRMdub8RYo7ePgaMtJOPXtU0LG1eBQz8J6xJi_XxLQ80ti-WlGkph7kVw&quot;;</span>
<span style="color: #339933;">			map.addEventListener(MapEvent.MAP_READY, onMapReady);</span>
&nbsp;
<span style="color: #339933;">			var zoomopts:ZoomControlOptions = new ZoomControlOptions();</span>
<span style="color: #339933;">			zoomopts.hasScrollTrack = false;</span>
<span style="color: #339933;">			var zoomCtrl:ZoomControl = new ZoomControl(zoomopts);</span>
<span style="color: #339933;">			map.addControl(zoomCtrl);</span>
&nbsp;
<span style="color: #339933;">			// add MapType Controller</span>
<span style="color: #339933;">			var mapTypeCtrl:MapTypeControl = new MapTypeControl();</span>
<span style="color: #339933;">			map.addControl(mapTypeCtrl);</span>
&nbsp;
<span style="color: #339933;">			// add Position Controller</span>
<span style="color: #339933;">			var posCtrl:PositionControl = new PositionControl();</span>
<span style="color: #339933;">			map.addControl(posCtrl);</span>
<span style="color: #339933;">			mapContainer.addChild(map);</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		private function resizeMap(event:Event):void {</span>
<span style="color: #339933;">			map.setSize(new Point(mapContainer.width, mapContainer.height));</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		private function onMapReady(event:MapEvent):void {</span>
<span style="color: #339933;">			//setCenter:  Parámetros: Coordenada Punto Central, Nivel de Zoom, Tipo de Mapa</span>
<span style="color: #339933;">			map.setCenter(new LatLng(4,-73),3, MapType.NORMAL_MAP_TYPE);</span>
<span style="color: #339933;">			//Habilita el Zoom Continuo</span>
<span style="color: #339933;">			map.enableContinuousZoom();</span>
<span style="color: #339933;">			//Habilita el Scroll del mapa utilizando el Mouse </span>
<span style="color: #339933;">			map.enableScrollWheelZoom();</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		// Se invoca cuando el usuario cambia de opcion en el combo box</span>
<span style="color: #339933;">		// se obtiene el rss y se pasa al HTTPService 'loadRssService'</span>
<span style="color: #339933;">		private function getFuenteNombre ( event: ListEvent) : void{					</span>
<span style="color: #339933;">			if(sourcesCb.selectedItem){</span>
<span style="color: #339933;">				//configura la llamada al servicio geonames que recibe como parámetro</span>
<span style="color: #339933;">				//la url del rss que se va a georreferenciar</span>
<span style="color: #339933;">				//http://www.geonames.org/rss-to-georss-converter.html</span>
<span style="color: #339933;">				loadRssService.url= &quot;http://ws.geonames.org/rssToGeoRSS?feedUrl=&quot;+sourcesCb.selectedItem.url;</span>
<span style="color: #339933;">				loadRssService.send();</span>
<span style="color: #339933;">				//elimina todos los markers del mapa</span>
<span style="color: #339933;">				map.clearOverlays();</span>
<span style="color: #339933;">				rssList.dataProvider = new ArrayCollection();</span>
<span style="color: #339933;">			}</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		//Esta funcion se llama cuando cambia el DataGrid, tiene como objetivo</span>
<span style="color: #339933;">		//establecer el contenido a desplegar en la descripcion, tomandolo del xml.</span>
<span style="color: #339933;">		private function getPage(event: ListEvent) : void{</span>
<span style="color: #339933;">			var selectedEq:Object = rssList.selectedItem;</span>
<span style="color: #339933;">			titulo.text = rssList.selectedItem.title;</span>
<span style="color: #339933;">			contenido.htmlText=rssList.selectedItem.description;</span>
<span style="color: #339933;">			//Alert.show(rssList.selectedItem[&quot;encoded&quot;])</span>
<span style="color: #339933;">			mas.visible=true;</span>
<span style="color: #339933;">			var latlng:LatLng = new LatLng(Number(rssList.selectedItem.lat),Number(rssList.selectedItem.long));</span>
<span style="color: #339933;">			//lo hace solo cuando geonames devuelva la latitud y la longitud</span>
<span style="color: #339933;">			if(rssList.selectedItem.lat!=undefined||rssList.selectedItem.long!=undefined){</span>
<span style="color: #339933;">				var marker:Marker = generateMarker(selectedEq); </span>
<span style="color: #339933;">				map.setCenter(latlng , 3);	</span>
<span style="color: #339933;">				map.addOverlay(marker);</span>
<span style="color: #339933;">			}</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		private function generateMarker(item:Object ):Marker{</span>
<span style="color: #339933;">			//crea un objeto de tipo LatLng</span>
<span style="color: #339933;">				var latlng:LatLng = new LatLng(Number(item.lat),Number(item.long));				</span>
<span style="color: #339933;">				//tooltip del Marker  </span>
<span style="color: #339933;">				var markerOptions : MarkerOptions= new MarkerOptions();</span>
<span style="color: #339933;">			    markerOptions.tooltip = item.title;</span>
<span style="color: #339933;">			    var marker : Marker = new Marker( latlng, markerOptions );</span>
<span style="color: #339933;">				return marker;</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		//Esta funcion se llama cuando se hace click en el enlace </span>
<span style="color: #339933;">		//que me envia a la pagina de la fuente, coge el campo link del xml.</span>
<span style="color: #339933;">		private function getUrl() : void{</span>
<span style="color: #339933;">			//configura el request del LinkButton con el objeto link del xml </span>
<span style="color: #339933;">			var u:URLRequest = new URLRequest(rssList.selectedItem.link);</span>
<span style="color: #339933;">        	navigateToURL(u,&quot;_blank&quot;);</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		//Se llama cuando hay un resultado en HTTPService loadRssService</span>
<span style="color: #339933;">		protected function onServiceResult(event:ResultEvent):void {</span>
<span style="color: #339933;">			rssList.dataProvider = event.result.rss.channel.item;</span>
<span style="color: #339933;">			//configura la ubicacion de la imagen con el campo image.url</span>
<span style="color: #339933;">			imagen.source=event.result.rss.channel.image.url;</span>
<span style="color: #339933;">			titulo.text = &quot;&quot;;</span>
<span style="color: #339933;">			contenido.htmlText='Seleccione una Noticia';</span>
<span style="color: #339933;">			mas.visible=false;</span>
<span style="color: #339933;">		}</span>
&nbsp;
&nbsp;
&nbsp;
<span style="color: #339933;">		//Se llama cuando hay un fault HTTPService loadEQService y en HTTPService loadRssService</span>
<span style="color: #339933;">		private function load_fault(evt:FaultEvent):void {</span>
<span style="color: #339933;">			Alert.show('Ocurrió un Error en el Servidor', evt.fault.faultString);</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">		private function  sourcesCbLabelFunction(item:Object):String{</span>
<span style="color: #339933;">			return item.nombre + &quot; (&quot;+item.pais+&quot;)&quot;;</span>
<span style="color: #339933;">		}</span>
&nbsp;
<span style="color: #339933;">	]]&gt;</span>
<span style="color: #339933;">&lt;/mx:Script&gt;</span>
	<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HTTPService</span> id=<span style="color: #ff0000;">&quot;loadSourcesService&quot;</span></span>
<span style="color: #000000;">	            url=<span style="color: #ff0000;">&quot;sources.xml&quot;</span></span>
<span style="color: #000000;">	            resultFormat=<span style="color: #ff0000;">&quot;object&quot;</span></span>
<span style="color: #000000;">	            result=<span style="color: #ff0000;">&quot;{loadSourcesService_result(event);}&quot;</span></span>
<span style="color: #000000;">	            fault=<span style="color: #ff0000;">&quot;load_fault(event);&quot;</span></span>
<span style="color: #000000;">	            showBusyCursor=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
	<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HTTPService</span> id=<span style="color: #ff0000;">&quot;loadRssService&quot;</span></span>
<span style="color: #000000;">	            resultFormat=<span style="color: #ff0000;">&quot;object&quot;</span></span>
<span style="color: #000000;">	            result=<span style="color: #ff0000;">&quot;onServiceResult(event);&quot;</span></span>
<span style="color: #000000;">	            fault=<span style="color: #ff0000;">&quot;load_fault(event);&quot;</span></span>
<span style="color: #000000;">	            showBusyCursor=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
	<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HDividedBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
		<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> id=<span style="color: #ff0000;">&quot;panel1&quot;</span> width=<span style="color: #ff0000;">&quot;50%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> title=<span style="color: #ff0000;">&quot;Lector de GeoRSS&quot;</span><span style="color: #7400FF;">&gt;</span></span>
			<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> id=<span style="color: #ff0000;">&quot;box&quot;</span>  height=<span style="color: #ff0000;">&quot;100%&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>			
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ComboBox</span> id=<span style="color: #ff0000;">&quot;sourcesCb&quot;</span>  textAlign=<span style="color: #ff0000;">&quot;left&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span>  </span>
<span style="color: #000000;">						labelFunction=<span style="color: #ff0000;">&quot;sourcesCbLabelFunction&quot;</span></span>
<span style="color: #000000;">						change=<span style="color: #ff0000;">&quot;getFuenteNombre(event)&quot;</span> rowCount=<span style="color: #ff0000;">&quot;10&quot;</span></span>
<span style="color: #000000;">						prompt=<span style="color: #ff0000;">&quot;Seleccione una opción...&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HBox</span><span style="color: #7400FF;">&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:DataGrid</span> id=<span style="color: #ff0000;">&quot;rssList&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span>  change=<span style="color: #ff0000;">&quot;getPage(event)&quot;</span><span style="color: #7400FF;">&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:columns</span><span style="color: #7400FF;">&gt;</span></span>
						<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:DataGridColumn</span> dataField=<span style="color: #ff0000;">&quot;title&quot;</span> headerText=<span style="color: #ff0000;">&quot;Titular&quot;</span> </span>
<span style="color: #000000;">							dataTipField=<span style="color: #ff0000;">&quot;description&quot;</span> showDataTips=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:columns</span><span style="color: #7400FF;">&gt;</span></span>		
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:DataGrid</span><span style="color: #7400FF;">&gt;</span></span>
			<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
		<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
		<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span>  width=<span style="color: #ff0000;">&quot;50%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> title=<span style="color: #ff0000;">&quot;Detalle de la Noticia&quot;</span><span style="color: #7400FF;">&gt;</span></span>
			<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VDividedBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;30%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
						<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Image</span> id=<span style="color: #ff0000;">&quot;imagen&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
						<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:LinkButton</span> id=<span style="color: #ff0000;">&quot;mas&quot;</span> visible=<span style="color: #ff0000;">&quot;false&quot;</span> label=<span style="color: #ff0000;">&quot;Ver mas...&quot;</span> click=<span style="color: #ff0000;">&quot;{getUrl()}&quot;</span><span style="color: #7400FF;">/&gt;</span></span>	
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HBox</span><span style="color: #7400FF;">&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Text</span> id=<span style="color: #ff0000;">&quot;titulo&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Text</span> id=<span style="color: #ff0000;">&quot;contenido&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;70%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
					<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:UIComponent</span> id=<span style="color: #ff0000;">&quot;mapContainer&quot;</span> </span>
<span style="color: #000000;">			        initialize=<span style="color: #ff0000;">&quot;startMap(event);&quot;</span> </span>
<span style="color: #000000;">			        resize=<span style="color: #ff0000;">&quot;resizeMap(event)&quot;</span> </span>
<span style="color: #000000;">			        width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
				<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
			<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VDividedBox</span><span style="color: #7400FF;">&gt;</span></span>	
		<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
	<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HDividedBox</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></td></tr></table></div>

<p><strong>Código fuente del archivo ejemplo/HTMLToolTip.as:</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #9900cc; font-weight: bold;">package</span> ejemplo
<span style="color: #000000;">&#123;</span>
<span style="color: #009900;">//Esta es la clase que maneja el tooltip para que muestre el contenido</span>
<span style="color: #009900;">//que esta en html y no como un string.</span>
     <span style="color: #0033ff; font-weight: bold;">import</span> mx.containers.<span style="color: #000000; font-weight: bold;">*</span>;  
     <span style="color: #0033ff; font-weight: bold;">import</span> mx.controls.Text;  
     <span style="color: #0033ff; font-weight: bold;">import</span> mx.controls.ToolTip;  
     <span style="color: #0033ff; font-weight: bold;">import</span> mx.core.<span style="color: #000000; font-weight: bold;">*</span>;  
&nbsp;
     <span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> HTMLToolTip extends ToolTip  
     <span style="color: #000000;">&#123;</span>  
         <span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> HTMLToolTip<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>  
         <span style="color: #000000;">&#123;</span>    <span style="color: #0033ff; font-weight: bold;">super</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>; <span style="color: #000000;">&#125;</span>  
&nbsp;
         override <span style="color: #0033ff; font-weight: bold;">protected</span> <span style="color: #339966; font-weight: bold;">function</span> commitProperties<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span><span style="color: #000000;">&#123;</span>  
             <span style="color: #0033ff; font-weight: bold;">super</span>.commitProperties<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;  
             textField.<span style="color: #004993;">htmlText</span> = <span style="color: #004993;">text</span>;  
         <span style="color: #000000;">&#125;</span>  
     <span style="color: #000000;">&#125;</span> 
<span style="color: #000000;">&#125;</span></pre></td></tr></table></div>

<p><strong>Archivo sources.xml:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;xml<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;lista<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>El Tiempo - Mundo<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.eltiempo.com/mundo/rss.xml<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Colombia<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>El Tiempo - Colombia<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.eltiempo.com/colombia/rss.xml<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Colombia<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>El Espectador<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.elespectador.com/rss.xml <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Colombia<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>El Pais - America Latina<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.elpais.com/rss/feed.html?feedId=17041<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>España<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>ABC - Portada<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.abc.es/rss/feeds/abcPortada.xml<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>España<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>BBC Mundo<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://www.bbc.co.uk/mundo/index.xml<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Inglaterra<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>CNN - World<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://rss.cnn.com/rss/edition_world.rss<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Estados Unidos<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Reuters - World News<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://feeds.reuters.com/reuters/worldNews<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Estados Unidos<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>BusinessWeek.com<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://rss.businessweek.com/bw_rss/bwdaily<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Estados Unidos<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Google News<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/nombre<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>http://news.google.com/news?output=rss<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/url<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Alemania<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pais<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/lista<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/xml<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://blog.gkudos.com/2009/09/06/creando-un-lector-de-georss-con-adobe-flex-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Kudos Ltda. en el Flash Camp Bogotá 2009</title>
		<link>http://blog.gkudos.com/2009/08/13/kudos-ltda-en-el-flash-camp-bogota-2009/</link>
		<comments>http://blog.gkudos.com/2009/08/13/kudos-ltda-en-el-flash-camp-bogota-2009/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 17:52:27 +0000</pubDate>
		<dc:creator>juanmendez</dc:creator>
				<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[flex camp]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://blog.gkudos.com/?p=163</guid>
		<description><![CDATA[
Kudos Ltda. estará presente en el Flash Camp Bogotá 2009 con la conferencia: &#8220;Desarrollo de aplicaciones colaborativas utilizando Flex 3, Facebook, BlazeDs, Spring y Java&#8220;.   El evento se realizará el 22 de agosto del 2009 en la Universidad de Bogota Jorge Tadeo Lozano, Bogotá, Colombia.
Qué es el Flash Camp?:
Flash Camp Bogotá es un evento dirigido [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="http://www.flashcampbogota.com/imgs/header.jpg" src="http://www.flashcampbogota.com/imgs/header.jpg" alt="" width="482" height="151" /></p>
<p>Kudos Ltda. estará presente en el Flash Camp Bogotá 2009 con la conferencia: <em>&#8220;<strong>Desarrollo de aplicaciones colaborativas utilizando Flex 3, Facebook, BlazeDs, Spring y Java</strong>&#8220;</em>.   El evento se realizará el 22 de agosto del 2009 en la Universidad de Bogota Jorge Tadeo Lozano, Bogotá, Colombia.</p>
<p>Qué es el Flash Camp?:</p>
<blockquote><p><em>Flash Camp Bogotá es un evento dirigido a estudiantes y profesionales de la industria del diseño, la programacion, ingenieria, publicidad y disciplinas afines que quieran aumentar sus conocimientos en Adobe Flash.</em></p>
<p><em>Durante 11 horas los mejores desarrolladores y diseñadores de Colombia, asi como gente del medio de la publicidad digital y un speaker directamente de Adobe Systems estaran brindandonos sus mejores conocimientos y presentaciones.</em></p>
<p><em><br />
Entre otros temas del evento tenemos: Adobe Flash®,  Adobe Flex®, Adobe AIR®, ActionScript, Flash Catalyst, Flash Media Server, Flash Mobile, , Adobe Creative Suite®, flujos de trabajo entre desarrolladores y diseñadores y el desarrollo de aplicaciones ricas de Internet (RIA) para empresas.</em></p></blockquote>
<p>Otras Conferencias:</p>
<ul>
<li> Realidad Aumentada en Flash con AS3</li>
<li> Papervision 3D: Puente entre Maya y Flash</li>
<li> Juegos en Actionscript 3 y Box2d</li>
<li> Introducción a Flex y Actionscript</li>
</ul>
<p>Más Información:</p>
<ul>
<li>Página oficial del evento: <a href="http://www.flashcampbogota.com/">http://www.flashcampbogota.com/</a></li>
<li>Agenda del Evento: <a href="http://www.flashcampbogota.com/agenda.html">http://www.flashcampbogota.com/agenda.html</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.gkudos.com/2009/08/13/kudos-ltda-en-el-flash-camp-bogota-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Taller De Implementación En Gestión Y Difusión De Bases De Datos Hidrográficas</title>
		<link>http://blog.gkudos.com/2008/10/04/taller-de-implementacion-en-gestion-y-difusion-de-bases-de-datos-hidrograficas/</link>
		<comments>http://blog.gkudos.com/2008/10/04/taller-de-implementacion-en-gestion-y-difusion-de-bases-de-datos-hidrograficas/#comments</comments>
		<pubDate>Sat, 04 Oct 2008 20:12:15 +0000</pubDate>
		<dc:creator>juanmendez</dc:creator>
				<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[bases de datos espaciales]]></category>
		<category><![CDATA[georia]]></category>
		<category><![CDATA[hidrografía]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[ria]]></category>
		<category><![CDATA[sofware libre]]></category>

		<guid isPermaLink="false">http://blog.gkudos.com/?p=56</guid>
		<description><![CDATA[
Del 28 al 31 de Octubre de 2008 el Centro de Investigaciones Oceanográficas e Hidrográficas ( CIOH Escuela Naval de Cadetes “Almirante Padilla” ENAP) realizará el “Taller De Implementación En Gestión Y Difusión De Bases De Datos Hidrográficas” en la Ciudad de Cartagena Colombia.
El evento tiene como objetivos

Implementar experiencias y soluciones en el manejo y [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://www.cioh.org.co/images/stories/mis_imagenes/noticias/hidrografia/banner2_escuela1.jpg" alt="" /></p>
<p>Del 28 al 31 de Octubre de 2008 el <em>Centro de Investigaciones Oceanográficas e Hidrográficas ( CIOH Escuela Naval de Cadetes “Almirante Padilla” ENAP)</em> realizará el “<strong><em>Taller De Implementación En Gestión Y Difusión De Bases De Datos Hidrográficas” en la Ciudad de Cartagena Colombia</em></strong>.</p>
<p>El evento tiene como objetivos</p>
<ul>
<li>Implementar experiencias y soluciones en el manejo y administración de grandes volúmenes de datos hidrográficos para optimización de la producción y actualización cartográfica con miras a lograr la estandarización en la región.</li>
<li>Compartir experiencias en el uso de bases de datos hidrográficos por los estados miembros, instituciones invitadas y universidades.</li>
<li>Presentación de soluciones y nuevos desarrollos de la empresa privada.</li>
</ul>
<p>Kudos Ltda. estará presentando la ponencia &#8220;<strong><em>Aplicaciones Geográficas Enriquecidas para Internet Basadas en Software Libre</em></strong>&#8220;.</p>
<p>Más información en la página oficial del evento:</p>
<p><a href="http://www.cioh.org.co/index.php?option=com_content&amp;task=view&amp;id=614&amp;Itemid=297" target="_blank">http://www.cioh.org.co/index.php?option=com_content&amp;task=view&amp;id=614&amp;Itemid=297</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.gkudos.com/2008/10/04/taller-de-implementacion-en-gestion-y-difusion-de-bases-de-datos-hidrograficas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geographical Visualization of Government Contracts In Colombia &#8211; VGICC</title>
		<link>http://blog.gkudos.com/2008/07/31/geographical-visualization-of-government-contracts-in-colombia-vgicc/</link>
		<comments>http://blog.gkudos.com/2008/07/31/geographical-visualization-of-government-contracts-in-colombia-vgicc/#comments</comments>
		<pubDate>Thu, 31 Jul 2008 15:40:15 +0000</pubDate>
		<dc:creator>juanmendez</dc:creator>
				<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Google Earth Browser Plugin]]></category>
		<category><![CDATA[grails]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[KML]]></category>
		<category><![CDATA[postgis]]></category>
		<category><![CDATA[web mapping]]></category>

		<guid isPermaLink="false">http://blog.gkudos.com/?p=35</guid>
		<description><![CDATA[
Project Description: (You can read the spanish version of this article here)

VGICC is a Proof of concept using the new Google Earth Browser Plug-in. This application takes advantage of the plug-in to visualize and interact with statistical and geographical information of government contracts in Colombia.
(Note: The information available in this application is only for testing [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda. - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_03.jpg" alt="" width="537" height="302" /></p>
<p><strong>Project Description: </strong>(You can read the spanish version of this article <a href="http://blog.gkudos.com/2008/07/28/visualizacion-geografica-de-informacion-contractual-colombiana-vgicc/">here</a>)<strong><br />
</strong></p>
<p>VGICC is a Proof of concept using the new Google Earth Browser Plug-in. This application takes advantage of the plug-in to visualize and interact with statistical and geographical information of government contracts in Colombia.</p>
<p>(<strong>Note:</strong> The information available in this application is only for testing purposes. Official data can be found at the Official Contracting Site of Colombia, “PUC, Portal Único de Contratación” <a href="http://www.contratos.gov.co/puc" target="_blank">http://www.contratos.gov.co/puc</a>/ )</p>
<p><strong>Online Links</strong></p>
<ul>
<li><a href="http://www.gkudos.com/contract/" target="_blank">Launch Application </a> (This application requires Google Earth’s Browser Plug-in. You can download it from this location::  <a href="http://code.google.com/apis/earth/" target="_blank">http://code.google.com/apis/earth/</a>)</li>
<li>Screencast 1: <a href="http://static.gkudos.com/flash/contract/swf/kudos_contrato_01.html" target="_blank">3D Visualization of contract statistics using Google Earth Browser Plug-in.</a></li>
<li>Screencast 2:<a href="http://static.gkudos.com/flash/contract/swf/kudos_contrato_02.html" target="_blank"> Browsing Contracts using VGICC </a></li>
</ul>
<p><strong>Project Challenge:</strong></p>
<p>Provide an interactive Geographic Rich Internet Application that allows users to visually explore and discover new relations of Government’s investments using spatial, statistical and public contract information of Colombia.</p>
<p>This Geographic Rich Internet Application uses Interactive Web Mapping techniques as an alternative tool to explore PUC´s data. (Current search engine is based solely on plain text filters).</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_01.jpg" alt="" width="579" height="325" /></p>
<p><strong>Technical Challenge:</strong><br />
During development stages of this proof of concept some technical challenges must be confronted:</p>
<ul>
<li> <strong>Information Extraction:</strong>Although PUC (<a href="http://www.contratos.gov.co/puc/">http://www.contratos.gov.co/puc/</a>) lets public search options for general users, it doesn’t provide any free Web Service, RSS or interoperable API that could be integrated with external systems. However, thanks to the implementation of <a href="http://en.wikipedia.org/wiki/Web_scraping" target="_blank">Web Scrapping</a> techniques it was possible to automatically extract information from web pages published at PUC’s search portal.</li>
</ul>
<ul>
<li><strong>Transformation, Georreferencing and Data Loading:</strong> Once information extraction was accomplished, it was necessary to transform and georeference each one of the contracts against the available database of political-administrative divisions of Colombia. Furthermore, all data was stored in a geographic database managed by Postgres and Postgis.</li>
</ul>
<ul>
<li><strong>Interactive Visualization of Geographical and Statistical Information through Internet:</strong> May one of the biggest technical challenges of the VGICC was related to the implementation of the web visualization of geographical and statistical data using modern web technologies and tools.  Firstly, Google’s brand new “<a href="http://code.google.com/apis/earth/" target="_blank">Google Earth Browser Plug-in</a>”  was used to enable web browser based geographic visualization of data. One of the most interesting features of Google Earth and KML is the possibility of draw 3D objects over the earth globe. In this case, 3D objects are used to represent the amount of government investment in a particular state or county.  Secondly, it was possible to programmatically interact with the GE plug-in using JavaScript and KML (perhaps this is the most appealing feature of the plug-in for programmers and system integrators).  Finally, to provide a single and unified user experience based on Html it was necessary to use different JavaScript/Ajax techniques and tools.  This framework, as a whole, proved to be a suitable alternative for the implementation of geospatial browser based applications.</li>
</ul>
<p style="text-align: center;"><img class="alignnone" title="Kudos Ltda.  - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_04.jpg" alt="" width="602" height="336" /></p>
<p><strong>Basic Features:</strong><br />
Basically, the application allows geographic visualization of consolidated data by State and County.  There are two basic interactions:</p>
<ul>
<li>State selection using lists: A user selects a State using a combo box and the application dynamically loads Kml data from the server side and shows the results using the Google Earth Browser Plug-in. Camera views are relocated according to the selected State.</li>
</ul>
<ul>
<li>Contract search by feature selection on the map: A user can search a specific list of contracts related to a County. (State and County polygons are shown on the Google Earth Plug-in). Each balloon attached to a placemark on the map shows the amount of investment and quantity of contracts that take place in the given region and a link to the detailed list of contracts.  Such list also provides links to detailed information for each contract as well as a reference to the official related site at <a href="http://www.contratos.gov.co/puc/" target="_blank">http://www.contratos.gov.co/puc/</a>.</li>
</ul>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_05.jpg" alt="" width="600" height="341" /></p>
<p><strong>Benefits:</strong><br />
Provide alternative ways of data discovery and exploration of PUC’s data (Portal Único de Contratación de Colombia) using techniques based on Rich Internet Applications, geographic information and 3D visualization.</p>
<p><strong>Tools:</strong></p>
<ul>
<li><a href="http://code.google.com/apis/earth/" target="_blank">Google Earth Browser Plugin</a></li>
<li>Javascript, Ajax, <a href="http://www.adobe.com/devnet/spry/" target="_blank">Adobe Spry Framework for Ajax</a></li>
<li><a href="http://grails.org" target="_blank">Java, Grails</a></li>
<li>Postgresql, Postgis</li>
</ul>
<p><strong>Lessons Learned:</strong><br />
Nevertheless the amazing features of Google Earth Browser plug-in, there are some issues related to rendering that affect visualization in some computers.   For example,  this is an extract of the correct visualization of the application for a particular State in Colombia:</p>
<p style="text-align: left;"><img class="aligncenter" src="http://static.gkudos.com/flash/contract/ge_ok_plugin.jpg" alt="" width="598" height="350" /><br />
In other machines polygons are not rendered correctly:</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Google Earth plugin error" src="http://static.gkudos.com/flash/contract/ge_error1.jpg" alt="" width="570" height="332" /></p>
<p>Or even in other machines rendering is completely different:</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos - Google Earth Plugin Error" src="http://static.gkudos.com/flash/contract/ge_error2.jpg" alt="" width="586" height="343" /></p>
<p>Such issue was reported at Google Groups. So far the issue stills open. (For more information look at <a href="http://groups.google.com/group/google-earth-browser-plugin/browse_thread/thread/699d6dad2a345210/fac604a4226d39c5" target="_blank">Google Earth Browser Plugin: Polygons don&#8217;t render correctly</a> )</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.gkudos.com/2008/07/31/geographical-visualization-of-government-contracts-in-colombia-vgicc/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Visualización Geográfica de Información Contractual Colombiana (VGICC)</title>
		<link>http://blog.gkudos.com/2008/07/28/visualizacion-geografica-de-informacion-contractual-colombiana-vgicc/</link>
		<comments>http://blog.gkudos.com/2008/07/28/visualizacion-geografica-de-informacion-contractual-colombiana-vgicc/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 20:16:44 +0000</pubDate>
		<dc:creator>juanmendez</dc:creator>
				<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Google Earth Browser Plugin]]></category>
		<category><![CDATA[grails]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[KML]]></category>
		<category><![CDATA[postgis]]></category>
		<category><![CDATA[web mapping]]></category>

		<guid isPermaLink="false">http://blog.gkudos.com/?p=22</guid>
		<description><![CDATA[
Descripción del Proyecto: (You can read the english version of this article here)
Prueba de concepto del Google Earth Browser Plugin donde se utilizan sus posibilidades como motor de visualización de Información Geográfica y estadística  a través de la creación de un aplicativo que permite explorar de forma interactiva la información de contratación estatal de Colombia [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda. - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_03.jpg" alt="" width="537" height="302" /></p>
<p><strong>Descripción del Proyecto:</strong> (You can read the english version of this article <a href="http://blog.gkudos.com/2008/07/31/geographical-visualization-of-government-contracts-in-colombia-vgicc/">here</a>)</p>
<p>Prueba de concepto del Google Earth Browser Plugin donde se utilizan sus posibilidades como motor de visualización de Información Geográfica y estadística  a través de la creación de un aplicativo que permite explorar de forma interactiva la información de contratación estatal de Colombia publicada en el Portal Único de Contratación (PUC, <a href="http://www.contratos.gov.co/puc/" target="_blank">http://www.contratos.gov.co/puc/</a>).</p>
<p>(<strong>Nota:</strong> La información publicada en este aplicativo es únicamente para efectos de prueba. Los datos oficiales del PUC puede encontrarlos en la dirección <a href="http://www.contratos.gov.co/puc/" target="_blank">http://www.contratos.gov.co/puc/</a> )</p>
<p><strong>Enlaces en Línea</strong></p>
<ul>
<li><a href="http://www.gkudos.com/contract/" target="_blank">Ver Aplicación en Línea </a> (Requiere el plugin de google earth que puede ser descargado en la siguiente ubicación:  <a href="http://code.google.com/apis/earth/" target="_blank">http://code.google.com/apis/earth/</a>)</li>
<li>Screencast 1: <a href="http://static.gkudos.com/flash/contract/swf/kudos_contrato_01.html" target="_blank">Visualización de Estadísticas en 3D</a></li>
<li>Screencast 2:<a href="http://static.gkudos.com/flash/contract/swf/kudos_contrato_02.html" target="_blank"> Consulta de Contratos </a></li>
</ul>
<p><strong>Desafíos del Proyecto:</strong><br />
Proveer un sistema de consultas interactivo basado en mapas y gráficos para el Portal Único de Contratación de Colombia  de manera que los usuarios puedan explorar y visualizar la información de contratación teniendo en cuenta la ubicación geográfica de las inversiones realizadas en el país.</p>
<p>Esta prueba de concepto de un sistema de consultas interactivas para el PUC permitiría a los usuarios una forma más eficiente para visualizar la información de contratación de Colombia en comparación a las búsquedas que actualmente existen donde únicamente se limitan a filtros por criterios alfanuméricos.</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_01.jpg" alt="" width="579" height="325" /></p>
<p><strong>Desafío Técnico:</strong><br />
Para el desarrollo del proyecto se presentaron múltiples desafíos técnicos en diferentes temas:</p>
<ul>
<li> <strong>Extracción de Información: </strong>Aunque la información del Portal Único de Contratación puede ser consultada  libremente por los usuarios en la página http://www.contratos.gov.co/puc/, no existe en el momento un Servicio Web, RSS o Interfaz de programación abierto que permita su comunicación  con otros sistemas externos.  Para que nuestro sistema VGICC  pudiera utilizar la información del PUC  fue necesaria la implementación de técnicas de Web Scrapping (http://en.wikipedia.org/wiki/Web_scraping) que permitieran la extracción automática la información publicada en el Portal Único de Contratación.</li>
</ul>
<ul>
<li><strong>Transformación, Georreferenciación y Carga de Datos:</strong> Una vez extraída la información del PUC fue necesaria la transformación y Georreferenciación de la ubicación  de los contratos respecto a la división política de Colombia por Municipios.  Posteriormente dicha información fue cargada  en una base de datos espacial publicada en el motor Postgresql / Postgis.</li>
</ul>
<ul>
<li><strong>Visualización Interactiva de Información Geográfica y Estadísticas a través de Internet:</strong> Uno de los principales desafíos técnicos del VGICC fue el de permitir herramientas Web interactivas de fácil uso para la visualización de información geográfica y estadística.  Con el fin de suplir esta necesidad se valió de las utilidades de representación geográfica y 3D que presta el recientemente publicado servicio de Google Earth Browser Plugin (http://code.google.com/apis/earth/).  Dicho plugin permite la interacción con el motor de visualización de Google Earth a través de técnicas de programación basadas en KML, Javascript/AJAX.  Gracias a este marco de trabajo (tal como se demuestra en la prueba de concepto) es posible realizar aplicaciones Web que permitan explorar la información ya sea desde el punto de vista alfanumérico como el Geográfico.</li>
</ul>
<p style="text-align: center;"><img class="alignnone" title="Kudos Ltda.  - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_04.jpg" alt="" width="602" height="336" /></p>
<p><strong>Funcionalidades Básicas Implementadas:</strong><br />
Permite visualizar de manera geográfica información consolidada por Departamento y Municipio. Se implementaron dos formas básicas de interacción:</p>
<ul>
<li>Selección de Departamentos a través de Listas: Seleccionando un Departamento de una lista se hace un acercamiento al área que este cubre. Sobre el centroide de cada municipio de muestra una barra que es proporcional al monto total de contratación que ha tenido el municipio.</li>
</ul>
<ul>
<li>Filtros de Consulta a través de Selección en el Mapa: El usuario tiene la posibilidad de interactuar con la información de los municipios disponible en el Mapa de Google Earth.  En los globos de información de Google Earth se despliega la información de cuantos contratos y el monto de los contratos que afectan al municipio seleccionado. De la misma forma se habilita un link de “Ver contratos”,  que permite la consulta de todos los contratos que afectan a dicha región. Dicho listado a su vez permite ver la información detallada para cada uno de los contratos así como también el link a la información oficial publicada en el PUC (Portal único de Contratación).</li>
</ul>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Ltda - VGICC" src="http://static.gkudos.com/flash/contract/kudos_contrato_05.jpg" alt="" width="600" height="341" /></p>
<p><strong>Beneficios:</strong><br />
Permitir a los usuarios que consultan el Portal Único de Contratación formas alternativas de exploración y descubrimiento de información de las inversiones estatales realizadas en Colombia  a través de técnicas de Visualización en 3D y representación espacial / geográfica de la información de los contratos estatales desarrollados en el país.</p>
<p><strong>Herramientas:</strong></p>
<ul>
<li><a href="http://code.google.com/apis/earth/" target="_blank">Google Earth Browser Plugin</a></li>
<li>Javascript, Ajax, <a href="http://www.adobe.com/devnet/spry/" target="_blank">Adobe Spry Framework for Ajax</a></li>
<li><a href="http://grails.org" target="_blank">Java, Grails</a></li>
<li>Postgresql, Postgis</li>
</ul>
<p><strong>Lecciones Aprendidas:</strong><br />
No obstante las grandes virtudes que posee actualmente la herramienta Google Earth Browser Plugin, durante el desarrollo del VGICC  se encontraron algunos bugs de renderización del plugin entre diferentes versiones de navegador.</p>
<p>Por ejemplo se tiene el siguiente segmento de visualización para el departamento de Boyacá:</p>
<p style="text-align: left;"><img class="aligncenter" src="http://static.gkudos.com/flash/contract/ge_ok_plugin.jpg" alt="" width="598" height="350" /><br />
Sin embargo en algunas máquinas los polígonos se muestran de forma incompleta:</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos Google Earth plugin error" src="http://static.gkudos.com/flash/contract/ge_error1.jpg" alt="" width="570" height="332" /></p>
<p>O incluso en otros equipos la renderización es completamente inconsistente:</p>
<p style="text-align: center;"><img class="aligncenter" title="Kudos - Google Earth Plugin Error" src="http://static.gkudos.com/flash/contract/ge_error2.jpg" alt="" width="586" height="343" /></p>
<p>Dicha inconsistencia fue reportada en los foros de Google Groups pero hasta el momento no se ha dado una solución satisfactoria a la incidencia (Para más información ver <a href="http://groups.google.com/group/google-earth-browser-plugin/browse_thread/thread/699d6dad2a345210/fac604a4226d39c5" target="_blank">Google Earth Browser Plugin: Polygons don&#8217;t render correctly</a> )</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.gkudos.com/2008/07/28/visualizacion-geografica-de-informacion-contractual-colombiana-vgicc/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
