<?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>ActivoRicordi Captain&#039;s log &#187; web 2.0</title>
	<atom:link href="http://blog.activoricordi.com/category/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.activoricordi.com</link>
	<description>Delivering Innovation through Technology</description>
	<lastBuildDate>Sat, 21 Jan 2012 00:56:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Desarrollo de Aplicaciones Flex con FlashDevelop &#8211; Primera Parte</title>
		<link>http://blog.activoricordi.com/2009/07/desarrollo-de-aplicaciones-flex-con-flashdevelop-primera-parte/</link>
		<comments>http://blog.activoricordi.com/2009/07/desarrollo-de-aplicaciones-flex-con-flashdevelop-primera-parte/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 23:12:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[flashbuilder]]></category>
		<category><![CDATA[Flashdevelop]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[OSFlash]]></category>

		<guid isPermaLink="false">http://blog.activoricordi.com/?p=122</guid>
		<description><![CDATA[La primera parte de un tutorial que explica como realizar aplicaciones con el FlashDevelop para principiantes que no conocen el mundo Flex.]]></description>
			<content:encoded><![CDATA[<p>Buenas noches:</p>
<p>No hace mucho que descubri el entorno de desarrollo <a class="wp-caption-dd" title="flashdevelop site" href="http://flashdevelop.org" target="_blank">flashdevelop.org</a>, la verdad es aunque no he podido utilizarlo todo lo que quisiera, es bastante <a class="wp-caption-dd" title="Funcionalidades del FlashDevelop.org" href="http://miguelsantirso.es/2008/08/nueva-version-de-flashdevelop-ide-gratuito-para-programar-flash/">potente</a> y permite desarrollar comodamente en Flex sin necesidad de utilizar el FlexBuilder o FlashBuilder. Es cierto que tiene limitaciones pero en su mayoría relativas a que el Flex SDK no posee todas las librerias existentes en el FlexBuilder.</p>
<p>Instalarlo es muy sencillo y existen varios tutoriales que lo explican.  Lo que no he encontrado son tutoriales, ejemplos o artículos que lo utilicen a fondo con todas sus posibilidades. Así que he decido adentrarme yo mismo en este territorio inexplorado.</p>
<ul>
<li>Antes de nada he descargarme Flex SDK. Se trata de un fichero zip que es facil de descomprimir. En mi caso, yo lo he hecho en mi disco secundario D:\FlexSDK.</li>
<li>Se ejecuta el FlashDevelop. Se selecciona la opción</li>
</ul>
<p><strong>Crear un nuevo proyecto</strong></p>
<p>Debajo de la pestaña de proyectos recientes &#8220;Recent Projects&#8221;, existe la opción &#8220;New Project&#8221;. Esta opción nos dirige a una ventana emergente de donde se puede seleccionar el proyecto deseado. En este caso, se selecciona la opción &#8220;ActionScript 3 &gt; Flex Project&#8221;.</p>
<p>En este ejemplo especifico se introduce los siguientes valores:</p>
<ul>
<li><em>Name</em>: AddressBook</li>
<li><em>Location</em>: D:\adobeflexprojects</li>
<li><em>Package</em>: &#8211; Se deja en blanco -</li>
</ul>
<p>Automaticamente, se genera una colección de carpetas como se generarían en el caso de un proyecto utilizando FlexBuilder.</p>
<ul>
<li><em>bin</em></li>
<li><em>lib</em></li>
<li><em>src</em></li>
</ul>
<p>En nuestro caso, se desgarga este fichero (fichero), se introduce en la carpeta lib, que se encuentra en<br />
D:/</p>
<p>Se abre el fichero <em>Main.mxml</em> que se encuentra localizado en la carpeta src, al que se puede acceder desde la pestaña <em>Project</em>.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Button</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;myButton&quot;</span> <span style="color: #000066;">label</span>=<span style="color: #ff0000;">&quot;Hello&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span></pre></td></tr></table></div>

<p>Queda el siguiente codigo</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;utf-8&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Application</span> <span style="color: #000066;">xmlns:mx</span>=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Button</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;myButton&quot;</span> <span style="color: #000066;">label</span>=<span style="color: #ff0000;">&quot;Hello&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:Application<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>

<p>Una vez salvado, se pulsa sobre el botón &#8220;Test Movie&#8221;, y el SDK de Flex compila el fichero. Y si se ha cometido ningún error al copiar/pegar aparece un botón.</p>
<p>A continuación, se le añade nuevos elementos de UI,como una etiqueta o un campo donde se almacena el Nombre de Pila del contacto.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;utf-8&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Application</span> <span style="color: #000066;">xmlns:mx</span>=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Panel</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">&quot;New AddressBook Contact&quot;</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">&quot;75%&quot;</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&quot;75%&quot;</span> </span>
<span style="color: #009900;">        <span style="color: #000066;">paddingTop</span>=<span style="color: #ff0000;">&quot;10&quot;</span> <span style="color: #000066;">paddingLeft</span>=<span style="color: #ff0000;">&quot;10&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Label</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;fNameLabel&quot;</span> <span style="color: #000066;">text</span>=<span style="color: #ff0000;">&quot;FirstName.&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:TextInput</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;fName&quot;</span> <span style="color: #000066;">text</span>=<span style="color: #ff0000;">&quot;Enter First Name&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:Button</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;myButton&quot;</span> <span style="color: #000066;">label</span>=<span style="color: #ff0000;">&quot;Submit&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:Panel<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:Application<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>

<p>Se ha introducido elementos nuevos</p>
<ul>
<li>Label</li>
<li>TextInput</li>
</ul>
<p>Tambien puedo introducir campos múltiples, como este campo lista que me va a permitir seleccionar el tratamiento del individuo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:List<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> 
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:dataProvider<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Mr.<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Ms.<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Miss<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:String<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:dataProvider<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mx:List<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>

<p>Esto es solo el comienzo para abrir boca,en los siguientes capitulos se comenzará de una manera más organizada entendiendo cual debe ser la organización de un desarrollo, como se organiza un formulario y como se puede dar estilos a la aplicación.</p>
<p>Un saludo</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.activoricordi.com/2009/07/desarrollo-de-aplicaciones-flex-con-flashdevelop-primera-parte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>QRCodes: First glimpse</title>
		<link>http://blog.activoricordi.com/2008/09/qrcodes-first-glimpse/</link>
		<comments>http://blog.activoricordi.com/2008/09/qrcodes-first-glimpse/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 10:15:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[Emerging Technologies]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[QRCodes]]></category>

		<guid isPermaLink="false">http://blog.activoricordi.com/?p=88</guid>
		<description><![CDATA[A brief description of what are QRCodes and how to read them from your favorite mobile phone Nokia, iPhone, etc.]]></description>
			<content:encoded><![CDATA[<p>I discovered QRCodes at <a class="wp-caption" href="http://11870.com/" target="_blank">11870.com</a> where they are using them on a Marketing Campaign. There is nice article in <a class="wp-caption" href="http://www.fragalia.com/xarxa/qrcode_es.php">Spanish</a> which explains what they are.Also there is another post from a <a class="wp-caption" title="QR Codes para moviles" href="http://www.somms.net/2007/12/14/qr-codes-para-moviles" target="_blank">spanish blog</a> which relates first introduction of an occidental guys to it.</p>
<p>For your benefit, I include its automatic translations to English</p>
<ul>
<li><a class="wp-caption" title="QR Codes para moviles" href="http://translate.google.es/translate?u=http%3A%2F%2Fwww.somms.net%2F2007%2F12%2F14%2Fqr-codes-para-moviles&amp;sl=es&amp;tl=en&amp;hl=es&amp;ie=UTF-8" target="_blank">QR Codes for mobiles</a></li>
<li> <a class="wp-caption" title="What are QRCodes?" href="http://translate.google.es/translate?u=http%3A%2F%2Fwww.fragalia.com%2Fxarxa%2Fqrcode_es.php&amp;sl=es&amp;tl=en&amp;hl=es&amp;ie=UTF-8" target="_blank">What are QRCodes?</a></li>
</ul>
<p>For our non-Spanish readers I will do a summary:</p>
<p>From 2000 at Japan all magazines and products have started to use QRCode, a version of the two-dimensional code bar for Kanji characters, which is readable with the use of a mobile camera: Simply making a photo is enough for saving the information inside of the mobile device.Companies like McDonalds use them to inform about ingredients or nutritional facts, or MoviStar offering discounts. At Barcelona, they are using them for providing tourist information on the sightseeing points to Japanese tourists.<br />
It is a technology designed for the warehourse but it is mainly target now a mass-consumer products.</p>
<p><strong>How to read a QRCode?</strong></p>
<p>Reading software is available for many mobile manufacturers such as <a class="wp-caption" href="http://mobilecodes.nokia.com/index.htm%20" target="_blank">Nokia</a> or from companies specialized in this technologies such as <a class="wp-caption" href="http://www.i-nigma.com" target="_blank">i-Nigma</a> or <a class="wp-caption" href="http://reader.kaywa.com" target="_blank">Kaywa</a>. Nokia provide a <a class="wp-caption" href="http://mobilecodes.nokia.com/scan.htm" target="_blank">page</a> which explain which readers are compatible with each of its phones and which phones have Nokia barcode reader already preinstalled on your device.<br />
This page provide very good information about the applications which support the most common <a class="wp-caption" href="http://reader.kaywa.com/phones" target="_blank">phones</a>.</p>
<p>For iphone users, there is a open source project which provide a reader <a class="wp-caption" href="http://code.google.com/p/iphone-qrcode/" target="_blank">application called QRDecode</a>, obviously it is only available for hijacked phones on version 1.x, and for 2.x users. Unfortunately, I am not aware. Please, comments welcome. There is a page which explains how to install it with the installer.</p>
<p>There is also another application called <a class="wp-caption" href="http://www.imatrix.lt/Default.aspx?page=start" target="_blank">2D Sense Platform</a> which seems a commercial application which support not only QRCodes but also traditional <a class="wp-caption" href="http://en.wikipedia.org/wiki/Data_Matrix" target="_blank">DataMatrix</a> codes.</p>
<p><span style="font-weight: bold;"><br />
How to produce a QRCode?</span></p>
<p>Nokia has a page where you can produce through a <a class="wp-caption" href="http://mobilecodes.nokia.com/create.jsp?terms=accepted" target="_blank">web application</a> which can help to play around a little bit in order to understand all the possibilities.</p>
<p>The first thing we notice is that Nokia recommends us not to exceed 60 characters of text, as mobile code starts getting too complex for camera phones to handle.<br />
<a href="http://qrcode.kaywa.com/" target="_blank">Kaywa</a> has also its own application to create this QRCodes from URL, Texts, Phone Number and SMS.</p>
<p>Well, folks that is enough for today. Next chapter we will see how to create programmatically QRCode from XML through J2EE or Ruby on Rails.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.activoricordi.com/2008/09/qrcodes-first-glimpse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Michael Wesch Lecture</title>
		<link>http://blog.activoricordi.com/2008/08/a-michael-wesch-lecture/</link>
		<comments>http://blog.activoricordi.com/2008/08/a-michael-wesch-lecture/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 22:49:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[digital etnography]]></category>
		<category><![CDATA[enterprise 2.0]]></category>
		<category><![CDATA[wesch]]></category>

		<guid isPermaLink="false">http://blog.activoricordi.com/?p=10</guid>
		<description><![CDATA[Inspiring, revealing what to say about this lecture from Michael Wesch called &#8220;A Portal to Media Literacy&#8221;. I have watched several time this thought-provoking lecture and each time I watch it I found something different that makes me think how mass-user content providing , or what it is called more generally web 2.0 could slowly [...]]]></description>
			<content:encoded><![CDATA[<p>Inspiring, revealing  what to say about this lecture from Michael Wesch called &#8220;A Portal to Media Literacy&#8221;. I have watched several time this thought-provoking lecture and each time I watch it I found something different that makes me think how mass-user content providing , or what it is called more generally web 2.0 could slowly turn up-side-down how knowledge and knowledge jobs are made today.</p>
<p>He has did it again after creating a <a href="http://www.youtube.com/watch?v=NLlGopyXT_g">video about web 2.0</a>, which not only really explain very well what the whole concept is, but also its visual language has inspired other videos about technology.</p>
<p>Although the lecture is about how web 2.0 tools and media could revolutionaize learning and classroom work, it is also talking about something else, it goes beyond to learning environment and it could influence other environment such as research, consulting or product development where knowledge is main asset.</p>
<p>Tools presented on the video are interesting and but the best are the reflections, concepts and the best practices which could be interfered from the video. How interesting could be to apply these concepts to consulting, and how challenging at the same time. Could you imagine to apply these methodology to our behemoths (companies) currently on the markets.</p>
<p>There are in fact companies such as <a href="http://www.accenture.com">Accenture</a> which are creating their own wikis, blogs, social bookmarking, social computing applications, or companies like <a href="http://www.capgemini.com">Capgemini</a> which are using <a href="http://www.youtube.com">youtube</a> for publishing their <a href="http://http://www.youtube.com/capgeminimedia">videos</a></p>
<p><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/J4yApagnr0s&amp;hl=en&amp;fs=1"></param><param name="allowFullScreen" value="true"></param> <embed src="http://www.youtube.com/v/J4yApagnr0s&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"></embed></object></p>
<p>It is a long, more than 1 hour but really it deserves time to watch it.</p>
<p>Kind regards</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.activoricordi.com/2008/08/a-michael-wesch-lecture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

