<?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>MKT Blog</title>
	<atom:link href="http://mktblog.com.ar/feed/" rel="self" type="application/rss+xml" />
	<link>http://mktblog.com.ar</link>
	<description>el blog que reune a los MAESTROS del 2.0</description>
	<lastBuildDate>Mon, 28 Dec 2009 14:38:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>15º Post: SEO/SEM – Guillermo Pareja (@guilleseo)</title>
		<link>http://mktblog.com.ar/2009/12/28/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo-2/</link>
		<comments>http://mktblog.com.ar/2009/12/28/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo-2/#comments</comments>
		<pubDate>Mon, 28 Dec 2009 14:38:30 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[SEO/SEM]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[administracion]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[bugs bunny]]></category>
		<category><![CDATA[bunny]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[comercializacion]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[Google AdWords]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[long tail]]></category>
		<category><![CDATA[sem]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[telematica]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=578</guid>
		<description><![CDATA[
&#8220;El mejor regalo de Navidad&#8221;

El mejor regalo que podés hacerte a fin de año.
Estamos en una época donde ya sólo se piensa en el próximo año y se evaluan los objetivos que alcanzamos y cuáles nos hubiese gustado alcanzar.
También se trazan nuevos objetivos, algunos tan falsos como la supuesta dieta que va a comenzar en [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F28%2F15%25c2%25ba-post-seosem-%25e2%2580%2593-guillermo-pareja-guilleseo-2%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F28%2F15%25c2%25ba-post-seosem-%25e2%2580%2593-guillermo-pareja-guilleseo-2%2F" height="61" width="51" /></a></div>
<h1>&#8220;El mejor regalo de Navidad&#8221;</h1>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/arbol-navidad-pacman.jpg" alt="arbol-navidad-pacman" title="arbol-navidad-pacman" width="296" height="400" class="alignleft size-full wp-image-579" /></p>
<h4>El mejor regalo que podés hacerte a fin de año.</h4>
<p>Estamos en una época donde ya sólo se piensa en el próximo año y se evaluan los objetivos que alcanzamos y cuáles nos hubiese gustado alcanzar.</p>
<p>También se trazan nuevos objetivos, algunos tan falsos como la supuesta dieta que va a comenzar en Enero para estar en forma para el verano próximo (ya escuché esto como mil veces) y otros objetivos por los cuales vamos a poner todo de nosotros e inclusive hasta pongamos en juego otras cosas por ellos.</p>
<p>Otro tipo de objetivo son los que aparecen solos en el trayecto del año sin ser invitados, tal vez incluso hasta se vuelvan nuestros objetivos principales, nunca sabemos con qué oportunidades nos podemos encontrar.</p>
<p>Sin embargo hace unos días recibí un newsletter muy bueno que me dijo algo que ya estoy poniendo en práctica desde hace un par de meses pero que me parece muy útil difundir&#8230; el mejor regalo que podemos darnos en el 2010 es un producto propio.</p>
<p>No estoy hablando de fabricarse el siguiente iPhone (aunque si lo podemos hacer, adelante con eso) sino que estoy hablando de algún infoproducto, un proyecto web o incluso nosotros mismos.</p>
<p>Al fin y al cabo somos un producto, nuestro nombre es la marca y nuestros conocimientos, habilidades y actitud lo que nos diferencia de los demás productos.</p>
<p>Siempre que haya una pregunta, va a haber gente dispuesta a pagar por la respuesta&#8230; es ahí donde entramos nosotros a darla. </p>
<p>Ya se habló durante este año más que en ningún otro sobre social media, web X.0 y demás así que creo que tocar ese punto sobra y ya es algo que se da por supuesto&#8230; que tal si lo optimizamos en el 2010?</p>
<p>Tenemos todas las herramientas para hacer llegar nuestra respuesta (habilidades personales/producto) a la mayor cantidad de gente que la necesite, si todavía no tenemos preparado el producto o la forma de presentarnos como marca, tenemos todo un nuevo año para hacerlo. </p>
<p>Lo importante es crear algo útil, planear la forma de entregarlo (descargas, producto físico, charlas en vivo en caso de que el producto sea conocimiento, etc) y buscar la forma de darle continuidad en el tiempo (nuevas versiones, actualizaciones, etc)&#8230; Este regalo cuesta mucho tiempo y esfuerzo, pero da resultados a largo plazo.</p>
<p>Este es mi último artículo en MKT Blog por este año y más que un artículo es sencillamente un saludo y un deseo.</p>
<h4>Que la pasen bien.</h4>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/28/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>18 º Post: Social Media – Gustavo Salvini (@guspatagonico)</title>
		<link>http://mktblog.com.ar/2009/12/19/post-18-de-la-telematica-al-social-media/</link>
		<comments>http://mktblog.com.ar/2009/12/19/post-18-de-la-telematica-al-social-media/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 19:32:10 +0000</pubDate>
		<dc:creator>guspatagonico</dc:creator>
				<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[telematica]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=517</guid>
		<description><![CDATA[
De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte V
Por: Gustavo Adrián Salvini (Twitter: @guspatagonico - http://www.gustavosalvini.com.ar)
Están invitados a leer las entregas anteriores de esta serie:

 Parte 1 &#8211; Una breve historia del tiempo
 Parte 2 &#8211; La Cebolla del Conocimiento
 Parte 3 &#8211; El Mashup Global, o la ensalada del conocimiento [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F19%2Fpost-18-de-la-telematica-al-social-media%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F19%2Fpost-18-de-la-telematica-al-social-media%2F" height="61" width="51" /></a></div>
<h1>De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte V</h1>
<h4>Por: Gustavo Adrián Salvini (Twitter: <a href="http://www.twitter.com/guspatagonico" target="_blank"><strong>@guspatagonico</strong></a> - <a href="http://www.gustavosalvini.com.ar">http://www.gustavosalvini.com.ar</a>)</h4>
<p>Están invitados a leer las entregas anteriores de esta serie:</p>
<ul>
<li> <a href="http://mktblog.com.ar/2009/11/20/4º-post-socialmedia-guspatagonico/" target="_blank">Parte 1 &#8211; Una breve historia del tiempo</a></li>
<li> <a href="http://mktblog.com.ar/2009/11/27/post-9-de-la-telematica-al-social-media/" target="_blank">Parte 2 &#8211; La Cebolla del Conocimiento</a></li>
<li> <a href="http://mktblog.com.ar/2009/12/04/post-14-de-la-telematica-al-social-media-2/" target="_blank">Parte 3 &#8211; El Mashup Global, o la ensalada del conocimiento colectivo</a></li>
<li> <a href="http://mktblog.com.ar/2009/12/12/post-16-de-la-telematica-al-social-media/" target="_blank">Parte 4 &#8211; Un Uno Seguido de Cien Ceros</a></li>
</ul>
<h1>Escribiendo la Enciclopedia Infinita</h1>
<p><em><strong>Dedicado a Benoît B. Mandelbrot, matemático nacido en Varsovia, Polonia en 1924, con estudios en Francia y Estados Unidos de América, mejor conocido como el padre de la geometría fractal.</strong></em></p>
<div id="attachment_546" class="wp-caption alignright" style="width: 220px"><img class="size-medium wp-image-546 " title="Benoit Mandelbrot" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_05_benoit_mandelbrot-300x300.jpg" alt="Benoit Mandelbrot" width="210" height="210" />
<p class="wp-caption-text">Benoit Mandelbrot</p>
</div>
<p>En esta oportunidad quiero introducir algunos conceptos que me parecen fascinantes y sumamente relacionados a la forma en que se propaga el saber, que no por casualidad, guarda una similitud sorprendente a una inmensa cantidad de procesos y formas de la naturaleza. También podemos encontrar esas estructuras fractales, recursivas, repetitivas, en creaciones humanas -de allí &#8220;<em>artificiales</em>&#8220;- como la red <strong>Internet</strong>. Nada es casual.</p>
<h2>Los Fractales</h2>
<p>La palabra &#8220;fractal&#8221; puede atemorizar o intrigar a quien no la conoce y gran alegría a quien sí sabe de ella. Algo muy curioso: Este asunto empezó porque alguien quería conocer exactamente la longitud de la costa de Inglaterra. La pregunta inmediata: <strong>¿y qué longitud tiene la costa de Inglaterra?</strong> La respuesta no es tan simple como podríamos suponer. Imaginemos que la estamos observando desde un satélite y tomamos medidas. Si ahora la recorremos a pie, ¿obtendríamos la misma distancia? ¿si la recorre un perro? ¿si la recorre una hormiga? ¿y si la recorriera una bacteria?</p>
<div id="attachment_547" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-547" title="Un Broccoli Fractal, en la naturaleza" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_10_broccoli_fractal-300x225.jpg" alt="Un Broccoli Fractal, en la naturaleza" width="300" height="225" />
<p class="wp-caption-text">Un Broccoli Fractal, en la naturaleza</p>
</div>
<p>Desde el satélite vemos unas líneas “más o menos rectas”, podríamos decir que vemos la costa &#8220;suavizada&#8221;, pero si la recorremos caminando encontramos pequeños obstáculos que debemos rodear y si fuéramos una bacteria tendrán importancia hasta los granos de arena que estemos atravesando. Podemos continuar indefinidamente hasta encontrarnos con el tamaño y forma de los átomos.  A medida que nos hacemos más pequeños o que nos acercamos más y más, la distancia aumenta. Cada bahía que viéramos desde el espacio como una suave curva, tendría sub-bahías cada vez más pequeñas, que a su vez tendrían más y más sub-bahías.</p>
<p>A raíz de ello, Mandelbrot escribió un artículo titulado precisamente “<em>¿Qué longitud tiene la costa de Inglaterra?</em>”. Cuando lo presentó ante un consejo científico, los oyentes quedaron perplejos. No sabían si el hombre estaba chiflado o si lo que decía era una realidad evidente. Podían pensar lo que quisieran, pero las respuestas que daban a esas preguntas eran las mismas: &#8220;no es mi campo&#8221;, o &#8220;ahora mismo lo busco en la enciclopedia&#8221;.</p>
<p><strong> </strong></p>
<div id="attachment_548" class="wp-caption alignright" style="width: 286px"><img class="size-medium wp-image-548" title="Mariposas de Escher" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_07_escher_butterfly-276x300.jpg" alt="Mariposas de Escher" width="276" height="300" />
<p class="wp-caption-text">Mariposas de Escher</p>
</div>
<p>Benoit Mandelbrot sostiene que los fractales son, en muchos aspectos, <strong>más naturales</strong> -y por tanto mejor comprendidos intuitivamente por el hombre- que los objetos basados en la <a href="http://es.wikipedia.org/wiki/Geometr%C3%ADa_euclidiana" target="_blank">geometría euclidiana</a>, y que han sido suavizados artificialmente.</p>
<p>Los fractales pueden ser comprendidos como patrones geométricos que se repiten una y otra vez en escala más pequeña o más grande, para producir los contornos y las superficies irregulares que no se pueden representar mediante la geometría clásica.</p>
<p>Curiosamente, si un objeto fractal es aumentado como si se hiciera un zoom sobre él, la estructura original vuelve a repetirse, independientemente de cual sea la escala que se haya usado, y formando parte de los elementos mayores, a modo de mosaico. Es decir, tales elementos tienen una <strong>estructura geométrica recursiva</strong>.</p>
<p><strong>Mandelbrot refiriéndose a la palabra fractal:</strong></p>
<blockquote><p>&#8220;La acuñé yo, porque me preocupaba que la misma palabra posea múltiples significados en matemáticas. Distribución, por ejemplo. Se me asocia a menudo con el caos, otro término sobrecargado porque no tiene nada que ver con el descrito en la Biblia. Quería recoger la impresión de una piedra que golpeas, y se fractura. De ese fractus latín surgió el fractal. La terminación se debió a que quería que funcionara en inglés y francés.&#8221;<br />
- Fuente: entrevista para El Diario de Mallorca</p></blockquote>
<blockquote><p>&#8220;Las nubes no son esferas, las montañas no son conos, los litorales no son circulares, y los ladridos no son suaves, lo mismo que los relámpagos no viajan en línea recta.&#8221;<br />
- De Introduction to The Fractal Geometry of Nature</p></blockquote>
<h3>De macro a micro, sin fin.</h3>
<div id="attachment_549" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-549" title="Costas de mares y ríos se pueden interpretar como fractales" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_13_fractal_coast-300x199.jpg" alt="Costas de mares y ríos se pueden interpretar como fractales" width="300" height="199" />
<p class="wp-caption-text">Costas de mares y ríos se pueden interpretar como fractales</p>
</div>
<p>Resulta impresionante saber que a partir de Mandelbrot, muchos científicos elaboraron modelos para describir y comprender cómo es que la naturaleza crea sus formas, y <strong>cómo el crecimiento en la naturaleza está vinculado a los fractales</strong>.</p>
<p>Podemos hallar formas fractales en diversas estructuras de las plantas, en el perfil de las montañas, de las rocas, en las galaxias, las costas marítimas, en procesos físicos y químicos. La cristalización, las fracturas de diversos materiales, los movimientos de las partículas, las descargas eléctricas, la electrólisis. <strong>En el organismo humano</strong>: el sistema circulatorio, la ramificación de venas, arterias, nervios, la estructura de los pulmones.</p>
<p><strong>Podemos hallar también formas fractales en la topología y <em>conexiones de la red Internet</em>.</strong> Las redes, subredes, sub-subredes, y así siguiendo, son estructuras que se repiten en forma, en topología, de macro a micro, en una <strong>sucesión recursiva de estructuras</strong>.</p>
<h3>Links de interés sobre fractales:</h3>
<ul>
<li><a href="http://www.fractalia.com.ar/" target="_blank">Museo de Arte Fractal de Argentina</a></li>
<li><a href="http://en.wikipedia.org/wiki/Mandelbrot_set" target="_blank">El conjunto de Mandelbrot</a></li>
</ul>
<h2>Cronología (continuación)</h2>
<p>El asunto de los fractales y la historia de Internet que estoy contándoles en cada entrega, podrán parece temas sin mucha relación, pero a mi criterio guardan muchísima más relación que lo que evidencie una lectura superficial. La propagación del conocimiento, la mejora progresiva de las tecnologías reutilizando conocimientos de generaciones pasadas, el avance continuo y sin fin de una sucesión de creaciones y mejoras de creaciones anteriores. Estoy convencido que estamos en una era de conocimiento globalizado con propagación fractal. <em>La estructura misma de la Red de Redes, podríamos pensarla como un inmenso fractal que seguirá ramificándose hasta quién sabe dónde.</em></p>
<h2>Año 2000</h2>
<div id="attachment_550" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-550" title="Vint Cerf presentando estadísticas de Internet en el 2000" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_04_vint_cerf_2001-300x280.png" alt="Vint Cerf presentando estadísticas de Internet en el 2000" width="300" height="280" />
<p class="wp-caption-text">Vint Cerf presentando estadísticas de Internet en el 2000</p>
</div>
<p>En Noviembre <strong>México completa su conexión a Internet2</strong> y queda completamente operacional el enlace entre la Red de Investigación de California (California Research Network CalREN-2) y la Corporación Universitaria para el Desarrollo de Internet (CUDI) de México.</p>
<h3>La fiebre de las &#8220;Puntocom&#8221; &#8211; Revienta la burbuja</h3>
<p>El 2000 fue el año del colapso histórico de las empresas denominadas &#8220;<em>puntocom</em>&#8220;, que dio como resultado enormes pérdidas para legiones enteras de inversores.</p>
<p>Se denominó &#8220;<em>burbuja de las puntocom</em>&#8221; a una corriente especulativa muy fuerte que se dio principalmente entre los años 1997 y 2001, en la cual las bolsas de las naciones occidentales vieron un rápido aumento de su valor por el avance de las empresas vinculadas <strong>al nuevo sector de Internet</strong>, y a la llamada &#8220;<a href="http://es.wikipedia.org/wiki/Nueva_Econom%C3%ADa" target="_blank">Nueva Economía</a>&#8220;.</p>
<p>Ese período fue marcado por la fundación (y en muchos casos, por la espectacular quiebra) de un nuevo grupo de compañías basadas en Internet, designadas comunmente como &#8220;empresas puntocom&#8221;.</p>
<p>La combinación de un veloz aumento en los precios de las acciones de estas empresas, la especulación individual y la gran disponibilidad de capital de riesgo crearon un ambiente exuberante. Por esos días, el estallido de la burbuja puntocom marcó el inicio de una suave pero larga recesión de las naciones occidentales.</p>
<div id="attachment_572" class="wp-caption aligncenter" style="width: 487px"><img class="size-full wp-image-572" title="Apogeo y caída del Nasdaq en la &quot;burbuja de las punto com&quot;" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_01_nasdaq1.png" alt="Apogeo y caída del Nasdaq en la &quot;burbuja de las punto com&quot;" width="477" height="286" />
<p class="wp-caption-text">Apogeo y caída del Nasdaq en la &quot;burbuja de las punto com&quot;</p>
</div>
<p>Cientos de empresas cerraron sus puertas. Muchas de estas compañías nunca habían arrojado beneficios para sus inversores. El Nasdaq, donde figuran un gran número de empresas de alta tecnología afectadas por la burbuja, alcanzó su punto máximo y luego perdió el 10% de todo su valor en un solo día. Finalmente tocó fondo en octubre de 2002.</p>
<p>De todos modos, hoy podemos ver un resurgimiento de estas políticas de empresas puntocom, pero con ideales empresariales mucho más organizados y no como &#8220;pequeñas-mega-empresas&#8221; que aparecen y desaparecen del mercado en un abrir y cerrar de ojos.</p>
<h3>Estado de Internet &#8211; Algunos números</h3>
<ul>
<li>Enero de 2000: 218 de 246 países del mundo estaban conectados a Internet</li>
<li>Noviembre de 2000: Ya utilizaban la red más de 407 millones de usuarios</li>
</ul>
<h2>Año 2001</h2>
<h3>Estado de Internet &#8211; Algunos números</h3>
<ul>
<li>31 millones de nombres de dominio registrados</li>
<li>Más de 115 millones de servidores</li>
</ul>
<h3>Se lanza la Wikipedia</h3>
<p><strong> </strong></p>
<div id="attachment_566" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-566" title="Wikipedia" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_17_wikipedia1-300x200.png" alt="Wikipedia" width="300" height="200" />
<p class="wp-caption-text">Wikipedia</p>
</div>
<p>La palabra &#8220;wiki&#8221; proviene de la traducción al hawaiano de &#8220;rápido&#8221;.</p>
<p>Según <a href="http://en.wikipedia.org/wiki/Ward_Cunningham" target="_blank">Ward Cunningham</a>:</p>
<blockquote><p>&#8220;Wiki is the first Hawaiian term I learned on my first visit to the islands. The airport counter agent directed me to take the wiki wiki bus between terminals. I said what? He explained that wiki wiki meant quick. I was to find the quick bus. I did pick up a book about the language before my return home. I learned many things from this but wiki wiki is the word that sticks the most.&#8221;</p></blockquote>
<p>Traducción:</p>
<blockquote><p>&#8220;Wiki es el primer término hawaiano que aprendí en mi primera vista a las islas. El agente del aeropuerto me indicó que utilizara el &#8220;wiki wiki bus&#8221; entre terminales. Yo le pregunté &#8220;¿Qué?&#8221; Y me explicó que &#8220;wiki wiki&#8221; significa &#8220;rápido&#8221;. Fui en busca del bus rápido y conseguí un libro sobre el idioma antes de mi regreso a casa. Aprendí muchas cosas de allí, pero &#8220;wiki wiki&#8221; es la palabra que más se me pegó&#8221;.</p></blockquote>
<div id="attachment_569" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-569" title="Dibujo de de M.C.Escher" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_08_escher_self-300x225.gif" alt="Dibujo de de M.C.Escher" width="300" height="225" />
<p class="wp-caption-text">Dibujo de de M.C.Escher</p>
</div>
<p>En marzo de 2000 <a href="http://es.wikipedia.org/wiki/Jimmy_Wales" target="_blank">Jimmy Wales</a> creó <strong>Nupedia</strong>, un proyecto de enciclopedia libre basado en un ambicioso proceso de revisión por pares, diseñado para hacer sus artículos de una calidad comparable a la de las enciclopedias profesionales gracias a la participación de eruditos (principalmente académicos), a los que se proponía colaborar de un modo no remunerado.</p>
<p>Debido al lento avance del proyecto, en 2001 se creó una <a href="http://es.wikipedia.org/wiki/Wiki">wiki</a> vinculado a Nupedia cuya finalidad inicial era agilizar la creación de artículos de forma paralela, antes que éstos pasaran al sistema de revisión de los expertos. El éxito de aquel &#8220;pequeño proyecto paralelo&#8221; (<strong>Wikipedia</strong>) acabó eclipsando a Nupedia, que dejó de funcionar en 2003.</p>
<p>Así <strong>Wikipedia sale a la luz el 15 de enero del año 2001</strong>, como un proyecto <strong>exclusivo para la lengua inglesa</strong>.</p>
<p>La idea prende rápidamente entre sus usuarios y se expande a otros idiomas. En sólo dos meses -para el 16 de marzo de 2001- ya se había creado la Wikipedia en idioma alemán, aunque la segunda en tener artículos -luego de la versión anglosajona-, fue la Wikipedia en idioma catalán.</p>
<p>Al 31 de marzo de 2008 se contabilizaban 9.790.407 artículos, de los cuales el 24% correspondían a la Wikipedia en inglés. Se pueden consultar aquí las <a href="http://en.wikipedia.org/wiki/Wikipedia:Multilingual_statistics" target="_blank">estadísticas multilingües actualizadas de Wikipedia</a>.</p>
<p><strong>Harry Geitner</strong>, editor responsable de la Nupedia, pasó a colaborar con Wikipedia y trabajó activamente en la organización del proyecto. Sus aportes marcaron un importante sesgo en su la orientación inicial, hasta que se desvinculó del proyecto en febrero de 2002.</p>
<p>En la actualidad <strong>Jimmy Wales lleva las riendas de la iniciativa</strong>, tanto en tiempo dedicado como en recursos, y es miembro de la <a href="http://es.wikipedia.org/wiki/Fundaci%C3%B3n_Wikimedia" target="_blank">Fundación Wikimedia</a>, que se ocupa de las tareas de supervisión. Wikipedia funciona <strong>gracias a la contribución voluntaria de miles de wikipedistas</strong>.</p>
<h3>La mayor enciclopedia jamás escrita</h3>
<div id="attachment_556" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-556" title="Richard Stallman en Wikimania Argentina 2009" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_06_stallman-300x200.jpg" alt="Richard Stallman en Wikimania Argentina 2009 (yo soy el de más a la izq.)" width="300" height="200" />
<p class="wp-caption-text">Richard Stallman en Wikimania Argentina 2009 (yo soy el de más a la izq.)</p>
</div>
<p>Con el desarrollo de Internet se han ido produciendo muchos intentos por desarrollar otras enciclopedias en red. El líder del movimiento de <a href="http://es.wikipedia.org/wiki/Software_libre" target="_blank">software libre</a>, <a href="http://stallman.org/" target="_blank">Richard Stallman</a>, propuso en 1999 la creación de una &#8220;<strong>Enciclopedia Libre y Universal</strong>&#8221; y <strong>calificó al nacimiento de la Wikipedia como <em>una noticia emocionante</em></strong>. Desde el portal de la <a href="http://es.wikipedia.org/wiki/Fundaci%C3%B3n_del_Software_Libre" target="_blank">Free Software Foundation</a> (&#8221;Fundación del Software Libre&#8221;) se invita a los usuarios a visitar y contribuir con Wikipedia.</p>
<p><strong>Wikipedia, la gran enciclopedia de contenido libre y abierto</strong>, alcanzó en 2005 su primer <strong>millón</strong> de artículos, con lo cual se convirtió desde ese momento en <strong>la mayor enciclopedia jamás escrita por la humanidad</strong>.</p>
<h3>Evolución de logos de la Wikipedia</h3>
<p><a href="http://es.wikipedia.org/wiki/Logos_de_Wikipedia" target="_blank">Más información aquí</a>.</p>
<p>Desde sus inicios en 2001, Wikipedia ha utilizado diferentes isologotipos. Todos ellos incluyeron una <strong>esfera escrita</strong> como forma central, <strong>simbolizando al mundo y al conocimiento</strong>. A partir de 2003 se adoptó, como forma central en los logos, una esfera incompleta, conocida como &#8220;<em><strong>wikiesfera</strong></em>&#8220;, compuesta por piezas de un rompecabezas con fragmentos de escritura.</p>
<div id="attachment_567" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-567" title="Evolución de los logos de la Wikipedia" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_02_wikipedia_logos-300x81.jpg" alt="Evolución de los logos de la Wikipedia" width="300" height="81" />
<p class="wp-caption-text">Evolución de los logos de la Wikipedia</p>
</div>
<p>Cada Wikipedia según sus idiomas, es autónoma, y tiene facultades para elegir le logotipo que la identifique. A partir de 2003 todas han adoptado básicamente el mismo logo, con la expresión &#8220;<em>Wikipedia the free encyclopedia</em>&#8221; (Wikipedia la enciclopedia libre), traducida al idioma en que se escribe cada una.</p>
<h2>Año 2002</h2>
<h3>Estado de Internet &#8211; Algunos números</h3>
<p>Para el mes de Enero, ya el 58.5% de la poblicación de los Estados Unidos de Norteamérica (164.14 millones de personas) utilizan la red Internet, y en todo el mundo, 544.2 millones de usuarios.</p>
<p>En Septiembre de 2002:</p>
<ul>
<li>200,000,000 de servidores con su propia dirección IP, conectados</li>
<li>840,000,000 Users</li>
</ul>
<h2>Año 2003</h2>
<h3><img class="size-medium wp-image-557 alignright" title="Skype" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_18_skype-300x206.png" alt="Skype" width="300" height="206" /></p>
<p>La voz sobre IP se establece en los mercados mundiales.</h3>
<p>En este año, <a href="http://www.skype.com" target="_blank">Skype</a> es liberado al público, otorgando a las llamadas de <a href="http://es.wikipedia.org/wiki/Voz_sobre_IP" target="_blank">Voz sobre IP</a> una facilidad de uso nunca antes posible.</p>
<h3>MySpace se convierte en la red social más popular</h3>
<p>También en 2003, <a href="http://www.myspace.com" target="_blank">MySpace</a> abre sus puertas. Crecería posteriormente hasta convertirse en la red social más popular del mundo (hasta que más adelante sería superada por Facebook).</p>
<h3>Spam y Pornografía</h3>
<p>Otro avance importante del año 2003 fue la firma, en los Estados Unidos de Norteamérica, del documento &#8220;<em>Controlling the Assault of Non-Solicited Pornography</em>&#8221; y la <em>Ley de Comercialización de 2003</em>, mejor conocida como la <strong>Ley CAN-SPAM</strong>.</p>
<h3>Otros hechos relevantes de 2003</h3>
<ul>
<li> Se estima que mensualmente se descargan en Internet unos 2.600 millones de archivos de música ilegales.</li>
<li> El Spam (los emails no solicitados) se convierten en una amenaza para la estabilidad de los servidores. Se contabiliza que aproximadamente la mitad de todos los emails son spam.</li>
<li> <a href="http://www.apple.com" target="_blank">Apple</a> presenta el <strong>iTunes Music Store</strong>, que permite a la gente descargar canciones por 99 centavos de dolar, cada una.</li>
</ul>
<h2>Año 2004</h2>
<h3>La Web 2.0</h3>
<p>Aunque esta denominación ya había sido sido acuñada allá por el año 1999 por <a href="http://www.linkedin.com/in/darcydinucci" target="_blank">Darcy DiNucci</a>, el término <a href="http://en.wikipedia.org/wiki/Web_2.0" target="_blank">Web 2.0</a> es asociado comunmente a aplicaciones web que <strong>facilitan herramientas para compartir información</strong>, la <a href="http://en.wikipedia.org/wiki/Interoperability" target="_blank">interoperabilidad</a> entre diferentes sitios, un <a href="http://en.wikipedia.org/wiki/User-centered_design" target="_blank">diseño enfocado en el usuario</a> y la <a href="http://en.wikipedia.org/wiki/Collaboration" target="_blank">colaboración</a> en la World Wide Web.</p>
<p>Aquí se puede ver un mapa Interactivo SVG de la web 2.0 en la Wikipedia:  <a href="http://upload.wikimedia.org/wikipedia/commons/a/a7/Web_2.0_Map.svg" target="_blank">http://upload.wikimedia.org/wikipedia/commons/a/a7/Web_2.0_Map.svg</a></p>
<p>Un <strong>sitio &#8220;Web 2.0&#8243;</strong> permite a sus usuarios interactuar entre si o modificar el contenido del sitio, a diferencia de los sitios web no interactivos, donde los usuarios se encontraban limitados a una visualización pasiva de la información provista.</p>
<p><em><img class="aligncenter size-full wp-image-563" title="firulete" src="http://mktblog.com.ar/wp-content/uploads/2009/12/firulete2.gif" alt="firulete" width="176" height="48" />Les agradezco una vez mas por su lectura, disfruto mucho todo el <strong>feedback</strong> que estoy recibiendo por estos artículos, que no son otra cosa más que una recopilación con unos pequeños condimentos personales. Es importante para mi seguir recibiendo sus comentarios y aportes, me interesa mucho poder intercambiar ideas con ustedes.</em></p>
<p><em> </em></p>
<p><em>¡Hasta la próxima entrega de &#8220;<strong>De la Telemática al Social Media &#8211; Una breve historia del tiempo</strong>&#8220;!</em></p>
<h3 style="text-align: center;"><img class="aligncenter size-full wp-image-560" title="dltasm_05_09_koch_fractal" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_05_09_koch_fractal1.png" alt="dltasm_05_09_koch_fractal" width="288" height="318" />Continuará&#8230;</h3>
<h3>Gustavo A. Salvini</h3>
<p><strong>Email: guspatagonico at gmail dot com</strong></p>
<p><strong>Twitter: <a href="http://twitter.com/guspatagonico" target="_blank">@guspatagonico</a></strong></p>
<h3><span style="font-weight: normal; font-size: small;"><span style="font-size: 13px; "><img class="aligncenter size-full wp-image-488" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; display: block; margin-left: auto; margin-right: auto; " title="firulete2" src="http://mktblog.com.ar/wp-content/uploads/2009/12/firulete2.jpg" alt="firulete2" width="170" height="63" /></span></span></h3>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/19/post-18-de-la-telematica-al-social-media/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Invitación Charla Online SEO by Guillermo Pareja (@guilleseo)</title>
		<link>http://mktblog.com.ar/2009/12/16/invitacion-charla-online-seo-by-guillermo-pareja-guilleseo/</link>
		<comments>http://mktblog.com.ar/2009/12/16/invitacion-charla-online-seo-by-guillermo-pareja-guilleseo/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 19:49:11 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[Lectura 2.0]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=512</guid>
		<description><![CDATA[
Invitación a Charla Online &#8211; SEO Internet
Si bien hoy no les dejo un artículo, me gustaría invitarlos a todos a un evento que organizamos junto a @chicaseo y @fabianfigueredo, el evento se llama &#8220;Charla SEO gratis&#8221; pero en realidad es sobre todo lo referente al Internet y negocios a través de este canal.
La charla es [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F16%2Finvitacion-charla-online-seo-by-guillermo-pareja-guilleseo%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F16%2Finvitacion-charla-online-seo-by-guillermo-pareja-guilleseo%2F" height="61" width="51" /></a></div>
<h1>Invitación a Charla Online &#8211; SEO Internet</h1>
<p>Si bien hoy no les dejo un artículo, me gustaría invitarlos a todos a un evento que organizamos junto a <a href="http://www.twitter.com/chicaseo">@chicaseo</a> y <a href="http://www.twitter.com/fabianfigueredo">@fabianfigueredo</a>, el evento se llama &#8220;Charla SEO gratis&#8221; pero en realidad es sobre todo lo referente al Internet y negocios a través de este canal.</p>
<p>La charla es Online y totalmente abierta y gratuita, lo que significa que si alguien quiere hablar sobre algún tema o aportar su punto de vista puede hacerlo sin ningún problema.</p>
<p>La idea es que esto sea muy participativo y entre todos logremos aprender más, yo por mi parte voy a dar una charla básica sobre Motores de Búsqueda y hablar sobre Long Tail aplicado a búsquedas de usuarios en Internet&#8230; la charla no va a ser unidireccional, sino que sencillamente son temas base para discutir, comentar y luego ampliar entre todos.</p>
<p>Este evento surge a raíz de otra charla que realizamos en forma improvisada y que salió muy bien, todos hicimos varios contactos y fué de mucho provecho para todos los presentes, incluídos los speakers.</p>
<p>Puede inscribirse al evento en el siguiente Link: <a href="http://eventioz.com/events/charla-de-seo-gratis">http://eventioz.com/events/charla-de-seo-gratis</a></p>
<p>Y pueden opinar sobre sobre que temas les gustaría escuchar o les gustaría hablar con todos los que van a asistir a la charla tanto acá en este mismo post, como en mi blog: <a href="http://guillermopareja.com/online-marketing/posibles-temas-para-la-charla-seo-del-2712">Posibles Temas para la Charla</a> como en el de ChicaSeo: <a href="http://www.chicaseo.com/charla-seo/">Charla SEO</a></p>
<p>Saludos y les prometo que la próxima semana si vengo con un artículo más interesante y menos publicitario jeje <img src='http://mktblog.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/16/invitacion-charla-online-seo-by-guillermo-pareja-guilleseo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>17º Post: Gov 2.0 – Daniel Abadie (@Dan_Abadie)</title>
		<link>http://mktblog.com.ar/2009/12/14/17%c2%ba-post-gov-2-0-%e2%80%93-daniel-abadie-dan_abadie/</link>
		<comments>http://mktblog.com.ar/2009/12/14/17%c2%ba-post-gov-2-0-%e2%80%93-daniel-abadie-dan_abadie/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 14:47:00 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[Gov 2.0]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[administracion]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[comercializacion]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[Google AdWords]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[negocios]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[telematica]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=500</guid>
		<description><![CDATA[
&#8220;Firma Electrónica&#8221;

Tal como lo indica su propio nombre la Administración Electrónica es un concepto impregnado de tecnología. Aunque lo deseable es que sus usuarios necesiten la menor cantidad de conocimientos técnicos posibles es imprescindible que conozcan y domine unos conceptos técnicos, no asumir este hecho sería como pretender ser un usuario de informática sin aprender [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F14%2F17%25c2%25ba-post-gov-2-0-%25e2%2580%2593-daniel-abadie-dan_abadie%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F14%2F17%25c2%25ba-post-gov-2-0-%25e2%2580%2593-daniel-abadie-dan_abadie%2F" height="61" width="51" /></a></div>
<h1>&#8220;Firma Electrónica&#8221;</h1>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/firma1-225x300.gif" alt="firma" title="firma" width="225" height="300" class="alignright size-medium wp-image-508" /></p>
<p>Tal como lo indica su propio nombre la Administración Electrónica es un concepto impregnado de tecnología. Aunque lo deseable es que sus usuarios necesiten la menor cantidad de conocimientos técnicos posibles es imprescindible que conozcan y domine unos conceptos técnicos, no asumir este hecho sería como pretender ser un usuario de informática sin aprender a utilizar un mouse.</p>
<p>Es por tanto importante asentar estos fundamentos técnicos propios de la Administración Electrónica, ya que sólo así los usuarios, tanto ciudadanos como funcionarios, podrán entender lo que está ocurriendo realmente cuando realizan sus operaciones, resolver los problemas que les surjan y obtener un nivel de confianza adecuado en lo que están haciendo, máxime cuando se trata de de actuaciones sensibles por sus repercusiones jurídicas como lo son las actuación de la Administración Pública.</p>
<p>Si hubiera que destacar algún aspecto técnico de la Administración Electrónica sobre los demás, éste sería sin duda la seguridad, ya que el problema clave del empleo de las TIC y de la automatización de las actividades administrativas mediante las TIC es que la Administración tiene que llevar al terreno de las TIC las garantías jurídicas a las que tiene derecho el ciudadano y las empresas.</p>
<p>Esto ha hecho que la firma electrónica y el uso de certificados electrónicos sean las tecnologías clave en la aplicación de las TIC a las actividades propias de la Administración. Es por tanto esencial comprender estos conceptos y los principios y técnicas subyacentes sobre las que se asientan y que se presentan a continuación.</p>
<h3>Certificados digitales (Certificados electrónicos)</h3>
<p>Un certificado digital es un documento digital mediante el cual un tercero de confianza (una autoridad de certificación) garantiza la vinculación entre la identidad de un sujeto o entidad y su clave pública.</p>
<p>Para ello este tercero de confianza exige los requisitos para identificar con garantías absolutas al sujeto del certificado. Si es una persona particular, por ejemplo, le exigirá que se persone con su DNI.</p>
<p>Si bien existen variados formatos para certificados digitales, los más comúnmente empleados se rigen por el estándar UIT-T X.509. El certificado contiene usualmente el nombre de la entidad certificada, número de serie, fecha de expiración, una copia de la clave pública del titular del certificado (utilizada para la verificación de su firma digital) y la firma digital de la autoridad emisora del certificado de forma que el receptor pueda verificar que esta última ha establecido realmente la asociación.</p>
<p>En criptografía, una infraestructura de clave pública (o, en inglés, PKI, Public Key Infrastructure) es una combinación de hardware y software, políticas y procedimientos de seguridad que permiten la ejecución con garantías de operaciones criptográficas como el cifrado, la firma digital o el no repudio de transacciones electrónicas.</p>
<p>El término PKI se utiliza para referirse tanto a la autoridad de certificación y al resto de componentes, como para referirse, de manera más amplia y a veces confusa, al uso de algoritmos de clave pública en comunicaciones electrónicas. Este último significado es incorrecto, ya que no se requieren métodos específicos de PKI para usar algoritmos de clave pública.</p>
<h3>Usos de la Tecnología PKI</h3>
<p>Los principales aplicación del uso de certificados e infraestructuras PKI son las siguientes:</p>
<p># Autenticación de usuarios y sistemas (login).<br />
# Identificación del interlocutor.<br />
# Cifrado de datos digitales.<br />
# Firmado digital de datos (documentos, software, etc.).<br />
# Confidencialidad en las comunicaciones mediante técnicas de cifrado.<br />
# Garantía de no repudio (negar que cierta transacción tuvo lugar).<br />
# Sellado de tiempo.<br />
<img src="http://mktblog.com.ar/wp-content/uploads/2009/12/770px-Firma_Digital2.png" alt="770px-Firma_Digital" title="770px-Firma_Digital" width="578" height="450" class="aligncenter size-full wp-image-509" /></p>
<h3>Firma Electrónica en el Gobierno de la Ciudad Autónoma de Buenos Aires</h3>
<p>Empezamos la gestión en diciembre del 2007 con el claro objetivo de desarrollar e implementar el procedimiento de firma electrónica en la ciudad.</p>
<p>Como primer paso, creamos el <strong>Decreto N° 417/08</strong>, se estableció con carácter obligatorio la utilización del correo electrónico institucional como medio de comunicación fehaciente para las comunicaciones internas -no productoras de efectos jurídicos directos- entre los organismos que integran la Administración Pública de la Ciudad.</p>
<p>En este mismo sentido y a fin de avanzar en la progresiva despapelización de la Administración, el Poder Ejecutivo de la Ciudad envió a la Legislatura de la Ciudad un proyecto de Ley que se sancionó bajo el número de <strong>Ley Nº 2.739</strong> por el cual se dispuso en su artículo 1° que &#8220;la publicación del Boletín Oficial de la Ciudad de Buenos Aires en el sitio web del Gobierno de la Ciudad Autónoma de Buenos Aires, en la forma y condiciones y con las garantías que establecerá la reglamentación, tiene carácter oficial y auténtico, y produce iguales efectos jurídicos que su edición impresa&#8221;.</p>
<p>Siguiendo con el proceso el Gobierno de la Ciudad Autónoma de Buenos Aires a través de la <strong>Ley Nº 2.751 </strong>adherimos a la <strong>Ley Nacional de Firma Digital Nº 25.506</strong>; esto nos habilito a poder dictar las normas reglamentarias y los actos administrativos tendientes a la implementación de la <strong>Ley Nacional Nº 25.506</strong> y la creación de la Infraestructura de Firma Digital en el ámbito de la Ciudad de Buenos Aires&#8221;</p>
<p>El <strong>Decreto Nº 1.181/08</strong> es el punto de partida para la creación de la Autoridad de aplicación, Autoridad de Registro y Autoridad Certificante. La Jefatura de Gabinete de Ministros seria la Autoridad de Aplicación, la Dirección General de Escribanía General seria la Autoridad de Registro y la Agencia de Sistemas de Información la Autoridad Certificante.</p>
<p>Establecimos los procedimientos de solicitud, retiro de certificado y revocación, trabajando en conjunto con las autoridades de registro y certificantes, así como también los procedimientos para la firma de documentos y los repositorios de los mismos.</p>
<p>El aplicativo piloto que implementamos fue un desarrollo hecho en java, que permite a través de un workflow definido firmar documentos PDF de forma simple o incorporando múltiples firmas. Actualmente mas de 70 funcionarios de alto nivel en la Administración lo utilizan para sus tareas diarias, simplificando y agilizando las mismas a través del uso de la firma electrónica y del correo electrónico.</p>
<p>Sabemos que el camino a recorrer en el proceso de Firma electrónica es largo y requiere de un trabajo a conciencia, estamos encarando el mismo con pasos seguros, generando pequeños cambios que ayuden en el día a día de la administración, siempre con el objetivo de agilizar los procesos y buscar hacerle la vida mas fácil al ciudadano.</p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/14/17%c2%ba-post-gov-2-0-%e2%80%93-daniel-abadie-dan_abadie/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>16 º Post: Social Media – Gustavo Salvini (@guspatagonico)</title>
		<link>http://mktblog.com.ar/2009/12/12/post-16-de-la-telematica-al-social-media/</link>
		<comments>http://mktblog.com.ar/2009/12/12/post-16-de-la-telematica-al-social-media/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 03:04:32 +0000</pubDate>
		<dc:creator>guspatagonico</dc:creator>
				<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[telematica]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=437</guid>
		<description><![CDATA[
De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte IV
Por: Gustavo Adrián Salvini (Twitter: @guspatagonico - http://www.gustavosalvini.com.ar)
Un Uno Seguido de Cien Ceros
Dedicado a Carl Sagan, astrónomo estadounidense, doctorado en astronomía y astrofísica en la Universidad de Chicago, quien publicó diversas obras acerca de la probable existencia de vida inteligente fuera del Planeta [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F12%2Fpost-16-de-la-telematica-al-social-media%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F12%2Fpost-16-de-la-telematica-al-social-media%2F" height="61" width="51" /></a></div>
<h1>De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte IV</h1>
<h4>Por: Gustavo Adrián Salvini (Twitter: <a href="http://www.twitter.com/guspatagonico" target="_blank"><span style="color: #000000;"><span style="text-decoration: none;">@guspatagonico</span></span></a> - <a href="http://www.gustavosalvini.com.ar"><span style="color: #000000;"><span style="text-decoration: none;">http://www.gustavosalvini.com.ar</span></span></a>)</h4>
<h1>Un Uno Seguido de Cien Ceros</h1>
<p><em>Dedicado a <strong>Carl Sagan</strong>, astrónomo estadounidense, doctorado en astronomía y astrofísica en la Universidad de Chicago, quien publicó diversas obras acerca de la </em><em>probable </em><em>existencia de vida inteligente fuera del Planeta Tierra. Sagan popularizó la astrofísica con su recordada serie de documentales y libro &#8220;<strong>Cosmos</strong>&#8220;.</em></p>
<p><em>- &#8220;<strong>For small creatures such as we the vastness is bearable only through love.</strong>&#8221; &#8211; Carl Sagan</em></p>
<p><em>- &#8220;<strong>For millions of years, mankind lived just like the animals. Then something happened which unleashed the power of our imaginations, we learned to talk.</strong>&#8221; &#8211; Stephen Hawking</em></p>
<h3><img class="aligncenter size-full wp-image-495" title="firulete3" src="http://mktblog.com.ar/wp-content/uploads/2009/12/firulete3.gif" alt="firulete3" width="158" height="38" /></h3>
<h2>Introducción</h2>
<div id="attachment_468" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-468" title="Fractales" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_01_fractal1-300x239.jpg" alt="Los Fractales y la Infinitud. Conceptos íntimamente ligados." width="300" height="239" />
<p class="wp-caption-text">Los Fractales y la Infinitud. Conceptos íntimamente ligados.</p>
</div>
<p>El término <strong>googol</strong> (&#8221;<strong>gúgol</strong>&#8220;) fue creado en el año 1938 por un niño de 9 años llamado <strong>Milton Sirotta</strong>, quien era sobrino de un matemático estadounidense de nombre <strong>Edward Kasner</strong>.</p>
<p>Kasner comentó acerca de este concepto en su libro &#8220;<em>Las Matemáticas y la Imaginación</em>&#8220;. Según palabras de <strong>Isaac Asimov</strong>: &#8220;<em>Tendremos que padecer eternamente un número inventado por un bebé</em>&#8220;.</p>
<p>Un <strong>googol</strong> (&#8221;<strong>gúgol</strong>&#8220;) es el número que resulta de <strong>un UNO seguido de cien CEROS</strong>. En notación matemática es <strong>1 googol = 10ˆ100 = 10. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000. 000</strong></p>
<p>Para los amantes de las matemáticas: los únicos <strong>factores primos de 1 googol son 2 y 5, cien veces cada uno</strong>. En el sistema binario ocuparía 333 bits.</p>
<p>El <strong>googol</strong> no es de particular importancia en las matemáticas ni tampoco tiene usos prácticos pero Kasner lo creó para ilustrar la diferencia entre un número inimaginablemente grande y el infinito. A veces es utilizado de esta manera en la enseñanza de las matemáticas.</p>
<p>Otra palabra asociada es <strong>&#8220;googolplex&#8221; (&#8221;gúgolplex&#8221;)</strong>, que es el número <strong>10^(googol) = 10^(10^100)</strong>. Realmente curioso. Suena a otra palabra, específicamente al nombre de cierto lugar. ¿No? &#8230; les dejo <a href="http://en.wikipedia.org/wiki/Googleplex" target="_blank">un link al respecto</a>.</p>
<h2>Año 1997</h2>
<p>Para este año ya se podían contabilizar <strong>19.5 millones de servidores conectados a Internet</strong>, <strong>más de 1 millón de sitios web</strong> y unos <strong>71.618 Newsgroups de USENet</strong>, que como comenté antes, funcionaban -y aun lo hacen- como un híbrido entre los foros tan comunes hoy en día, y el email. Algo así como &#8220;emails públicos&#8221; clasificados por áreas temáticas.</p>
<h3>Weblogs o blogs</h3>
<p><img class="alignright size-medium wp-image-470" title="Bitácora" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_02_bitacora-231x300.jpg" alt="Bitácora" width="231" height="300" />Repasando la última parte de mi anterior artículo, en el año 1997 se acuñó el término &#8220;<strong>weblog</strong>&#8220;, que tiempo más tarde se popularizaría en su forma abreviada &#8220;blog&#8221;.</p>
<h3>Internet se estandariza</h3>
<p>Se publica el documento <strong>RFC 2000: &#8220;Los estándares oficiales de los protocolos de Internet&#8221; (&#8221;Internet Official Protocol Standards&#8221;)</strong>. Se puede acceder a este documento aquí: <a href="http://www.faqs.org/rfcs/rfc2000.html" target="_blank">http://www.faqs.org/rfcs/rfc2000.html</a></p>
<p><strong>RFC significa &#8220;Request for Comments&#8221; (Solicitud de comentarios)</strong>. Es el nombre que se le otorga a los resultados y al proceso en sí mismo de la creación de un estándar para Internet. Las propuestas de nuevos estándares son publicadas en Internet como un &#8220;RFC&#8221;. Tales propuestas son revisadas por la <a href="http://www.ietf.org/" target="_blank">Internet Engineering Task Force</a>, una institución que busca generar consensos que faciliten la discusión, y eventualmente se establece un nuevo estándar, pero el código de referencia del mismo sigue conteniendo el acrónimo RFC. Por ejemplo, el estándar oficial acerca de los formatos de los emails es el RFC 822.</p>
<p>Los protocolos que se han convertido en estándares de Internet pasan a través de una serie de estados o niveles de maduración: propuesta de estándar (proposed standard), borrador de estándar (draft standard) y estándar (standard). Estos pasos involucran una cantidad muy considerable de escrutinios y testeos. Aquí se puede consultar el proceso para instaurar un nuevo estándar : <a href="http://www.ietf.org/about/standards-process.html" target="_blank">http://www.ietf.org/about/standards-process.html</a></p>
<h3>Otros hechos relevantes de 1997</h3>
<ul>
<li>La IEEE ( http://www.ieee.org ) publica el estándar 802.11, mejor conocido como &#8220;WiFi&#8221;.</li>
<li>Durante este año se vendió el dominio business.com por 150.000 dólares estadounideneses.</li>
</ul>
<h3>Internet2 realiza su primera reunión de consorcio.</h3>
<p><strong>Internet2</strong> es un <strong>esfuerzo colaborativo entre universidades, compañías y otras instituciones, para construir una Internet de nueva generación, con servicios de red avanzados, principalmente orientados a la investigación y educación</strong>.</p>
<p>Más de 100 participantes se reúnen en el primer &#8220;Internet2 Member Meeting&#8221; en Burlingame, California, el mismo lugar donde se habían presentado las primeras aplicaciones y reportes de ingeniería de Internet2.</p>
<p><strong>Cisco</strong> se convierte en el primer socio corporativo de Internet, contribuyendo con bienes y servicios por un valor superior a los 10 millones de dólares estadounidenses. Canadá es el primer socio internacional, conectándose así su avanzada red CANARIE con Internet2. Así al cabo de dos años, más de 70 universidades estadounidenses y 40 instituciones canadienses tendrían conectividad de red avanzada.</p>
<h3><img class="alignright size-medium wp-image-471" title="dltasm_04_03_altavista" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_03_altavista-300x224.jpg" alt="dltasm_04_03_altavista" width="300" height="224" />Altavista presenta su buscador</h3>
<p><strong>Altavista</strong> fue el primer motor de búsqueda textual de la World Wide Web. Desarrollado por la compañía <strong>Digital Equipment Corporation (DEC)</strong> en sus laboratorios de desarrollo de Palo Alto, California.</p>
<p>También fue el primer motor de búsqueda multilingüe, gracias al lanzamiento de <strong>Babel Fish</strong> en este mismo año. Este fue el primer servicio de traducción de websites, ofreciendo traducción automática por palabras, frases o sitios web enteros. También lanzaron Photo Finder, una tecnología de búsqueda por imágenes.</p>
<p>Babel Fish actualmente pertenece al ecosistema de servicios de Yahoo! : <a href="http://babelfish.yahoo.com/" target="_blank">http://babelfish.yahoo.com/</a></p>
<h3>Microsoft compra Hotmail</h3>
<p>En <strong>diciembre de 1997</strong> se concreta la adquisición. <a href="http://www.microsoft.com/presspass/press/1997/dec97/Hotmlpr.mspx" target="_blank">Aquí se puede leer aun el anuncio para la prensa</a></p>
<h3>Internet llega a Marte</h3>
<div id="attachment_472" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-472" title="Pathfinder Mars" src="http://mktblog.com.ar/wp-content/uploads/2009/12/MER-low-angle_browse-300x225.jpg" alt="Sonda Pathfinder en Marte - fuente: jpg.nasa.gov" width="300" height="225" />
<p class="wp-caption-text">Sonda Pathfinder en Marte &#8211; fuente: jpl.nasa.gov</p>
</div>
<p>El 8 de Julio de 1997, el tráfico en Internet bate records, cuando la <strong>NASA transmite desde su sitio web y para todo el mundo, las imágenes tomadas por la sonda Pathfinder en Marte</strong>. El broadcasting vía web generó unos 46 millones de accesos en un solo día.</p>
<h3>Bill Gates se convierte en el empresario más rico del mundo.</h3>
<h3>Se lanza Opera Browser</h3>
<p>Aparece la primera versión comercial del navegador Opera (<a href="http://www.opera.com" target="_blank">http://www.opera.com</a>).</p>
<h3>Macromedia Flash</h3>
<p>La empresa <strong>Macromedia</strong> -que sería adquirida por <strong>Adobe</strong> en el año 2005- compra los derechos del software de animación vectorial &#8220;<strong>FutureSplash</strong>&#8221; ( <a href="http://en.wikipedia.org/wiki/Futuresplash" target="_blank">http://en.wikipedia.org/wiki/Futuresplash</a> ) que al tiempo después sería lanzado como <strong>Macromedia Flash</strong>.</p>
<h2>Año 1998</h2>
<h3>Netscape &#8220;libre&#8221;</h3>
<p>El <strong>22 de Enero de 1998</strong> Netscape anunció que el <a href="http://es.wikipedia.org/wiki/Código_fuente" target="_blank">código fuente</a> de <strong>Netscape Communicator Standard Edition 5.0</strong> quedaba disponible en forma completamente libre y gratuita para modificaciones o redistribución del mismo. La compañía Nestcape tenía la convicción que ofrecerlo abiertamente a todos los desarrolladores de Internet sería una empuje directo hacia un avance sin precedentes en las mejoras de las características de Netscape Communicator.</p>
<h3>Comienzan a proliferar los weblogs</h3>
<h3>Los medios tradicionales comienzan a migrar hacia la la web</h3>
<p>Casos como el escándalo de <strong>Mónica Lewinsky y Bill Clinton</strong> (también conocido como el &#8220;MonicaGate&#8221;) tuvieron una difusión inmediata por la web mucho mayor que por los medios tradicionales.</p>
<h3>Amazon compra IMDb</h3>
<p>Amazon adquiere el servicio Internet Movie Database (IMDb &#8211; <a href="http://www.computerhope.com/jargon/i/imdb.htm" target="_blank">http://www.computerhope.com/jargon/i/imdb.htm</a>)</p>
<h3>Nace PayPal</h3>
<p>De la mano de sus fundadores <strong>Peter Thiel y Max Levchin</strong>. Actualmente opera en unos 190 países, y posee más de 184 millones de cuentas de usuarios, de las cuales, más de 73 millones están activas. PayPal permite a sus clientes enviar, recibir y tener en guarda fondos en 19 monedas del mundo.</p>
<h3>Filesharing</h3>
<p>Maduran las tecnologías para compartir archivos entre usuarios de Internet (&#8221;file sharing&#8221;) y aparece <strong>Napster</strong>.</p>
<h2>1998: Google!</h2>
<p><strong> </strong></p>
<div id="attachment_475" class="wp-caption alignright" style="width: 310px"><strong><strong><img class="size-medium wp-image-475" title="Google" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_05_google_history-300x158.jpg" alt="Una de las primeras versiones de Google" width="300" height="158" /></strong></strong>
<p class="wp-caption-text">Una de las primeras versiones de Google</p>
</div>
<p><strong>Google Inc.</strong>, empresa propietaria de la marca <strong>Google</strong>, cobra vida el <strong>7 de septiembre de 1998</strong>, y revolucionaría rápidamente la forma en que las personas buscamos información cotidianamente.</p>
<h3>Los inicios</h3>
<p><strong>Larry Page</strong> pensaba que <strong>Sergey Brin</strong> era un arrogante. <strong>Sergey</strong> pensaba que <strong>Larry</strong> era un odioso. Estas son las impresiones que los <strong>fundadores de Google</strong> tuvieron uno del otro allá por verano de <strong>1995</strong> cuando coincidieron por primera vez durante un acto que la <strong>Universidad de Stanford</strong> organizaba para aquellos estudiantes que tenían pensado matricularse en allí.</p>
<p>Sergey ya era estudiante en esa universidad, y se había ofrecido como voluntario para mostrar las instalaciones a los posibles ingresantes, entre los que se encontraba Larry Page. Cuando éste finalmente decidió comenzar a cursar en el mes septiembre, rápidamente se dedicó a estudiar la estructura de la World Wide Web.</p>
<p>A Page le obsesionaba la idea de que por aquellos días fuera imposible saber qué páginas web enlazaban a otras, ya que eso impedía analizar la web como un conjunto, y poder determinar cuál era la importancia de un documento existente en medio de esa gran nube. Page reconoce haber asociado dicha &#8220;importancia&#8221; con &#8220;número de veces que citan o enlazan&#8221; a un documento debido a que en el entorno universitario de los &#8216;papers&#8217; y documentos de investigación nada hay tan importante como que citen los trabajos.</p>
<div id="attachment_478" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-478" title="Larry Page &amp; Sergey Brin" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_06_larry_page_sergey_brin-300x220.jpg" alt="Larry Page &amp; Sergey Brin" width="300" height="220" />
<p class="wp-caption-text">Larry Page &amp; Sergey Brin</p>
</div>
<p>Con esta idea en mente, Page decidió comenzar un proyecto denominado &#8216;<strong>BackRub</strong>&#8216; que intentaría determinar la cantidad de enlaces que habría desde otros sitios hacia las páginas web (<strong>backlinks</strong>).</p>
<p>Para determinar los enlaces entre páginas, Page construyó un software denominado &#8220;<strong>robot</strong>&#8221; que rastreaba los diferentes sitios web y almacenaba los links en una gran base de datos. Para ello, utilizó los lenguajes de programación Java y Python, comunicando habitualmente sus hallazgos, desarrollos y dudas en los newsgroups de la red <strong>USENet</strong>.</p>
<p><strong>En marzo de 1996</strong>, Page decidió poner en marcha el rastreo de la WWW a través de <strong>BackRub</strong>. Para ello, tomó como punto de partida la página web principal de la Universidad de Stanford, y a partir de ella se saltaría de página en página a través de los enlaces a lo largo y ancho de toda la World Wide Web.</p>
<p>Sin embargo, el proyecto comenzaba a ser cada vez más complejo y esto fue lo que atrajo la atención de Sergey Brin, quien para ese entonces no se había decidido por ningún proyecto para su tesis doctoral. BackRub había conseguido determinar cuántos enlaces había entre las páginas, pero el gran reto consistía en conseguir crear un método para clasificar la importancia de cada una de esas páginas, según la obsesión de Page de establecerlo en función del número de citas y enlaces entrantes. Pero cada uno de estos links también tenía su propia importancia, determinada a partir del número de enlaces hacia la página que enlazaba, lo que significaba un elevado número de cálculos recursivos.</p>
<p>Afortunadamente, en el ámbito de las abstracciones matemáticas era donde Sergey Brin se desenvolvía con mayor soltura. Nacido en Rusia e hijo de un profesor universitario de Matemáticas, en su etapa escolar, Brin fue considerado como un prodigio en esta materia. Así, juntos trabajaron para desarrollar el algoritmo de PageRank (meses más tarde se publicaría el documento &#8216;<strong>PageRank: Bringing Order to the Web</strong>&#8216;). El nombre de &#8216;<strong>PageRank</strong>&#8216; se puso en honor a Larry Page, y no por &#8220;Page = Página&#8221;.</p>
<p>Pronto, Page y Brin se darían cuenta que, además de determinar la importancia de una página web, <strong>BackRub</strong> servía también para realizar búsquedas en la web, pudiendo ofrecer resultados además mucho más atinados que los que ofrecían en aquella época los populares <strong>Altavista o Excite</strong>. Las primeras pruebas consistieron en buscar solamente palabras dentro de los títulos de las páginas. El método PageRank ofrecía unos resultados sorprendentes, y fue entonces cuando empezaron a pensar que se encontraban ante algo <strong><em>grande</em></strong>.</p>
<p>Además, también descubrieron que su herramienta era totalmente escalable, podía adaptarse  al manejo de volúmenes inmensos de información. Puesto que PageRank analizaba los links entre páginas web, cuanto mayor fuera la web en cuestión, mejores serían los resultados. Este hecho inspiró a que Page y Brin bautizasen definitivamente su buscador con el nombre de Google, en alusión a la palabra &#8216;googol&#8217; (el número representado por un &#8216;1&#8242; seguido de 100 ceros).</p>
<p>En <strong>agosto de 1996</strong> lanzaron públicamente la primera versión de Google bajo la dirección &#8216;<strong>google.stanford.edu</strong>&#8216;.</p>
<div id="attachment_492" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-492" title="Page y Brin en la oficina de Google de las primeras épocas" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_11_google_office_early_days-300x237.jpg" alt="Page y Brin en la oficina de Google de las primeras épocas" width="300" height="237" />
<p class="wp-caption-text">Page y Brin en la oficina de Google de las primeras épocas</p>
</div>
<p>Por el <strong>verano de 1996</strong>, Page y a Brin decidieron seguir volcando esfuerzos al proyecto. Así, poco a poco consiguieron que el buscador indexara mayor cantidad de páginas, y que además buscara información dentro del texto de las mismas (no solamente en el título). Con el paso del tiempo descubrieron que un buscador consume muchísimos recursos, lo que los obligó a ir pidiendo prestados numerosos dispositivos de los laboratorios de la Universidad de Stanford (discos rígidos, CPU, Memoria RAM, etc.), y a unirlos con técnicas tan poco convencionales para este ámbito como ser el uso de las piezas de Lego.</p>
<p>La habitación de Larry Page era utilizada como sala de servidores, y cuando ésta estuvo completamente llena de aparatos, tuvieron que utilizar la de Sergey Brin como oficina y centro de desarrollo y programación.</p>
<p>Google crecía rápidamente, consumía casi la mitad del ancho de banda de la Universidad (una de las mejor conectadas del planeta por esos días), y a finales de 1996 ya se hacían con todo el ancho de banda del campus universitario.</p>
<p>Ya en 1997 Page y Brin habían logrado registrar el dominio &#8216;<strong>google.com</strong>&#8216;. Además habían dado a conocer sus tecnologías a la &#8216;<strong>Office of Technology Licensing</strong>&#8216; (OTL)  de la Universidad de Stanford, que sería la encargada de contactarlos con las diferentes compañías de Internet que pudieran estar interesadas en Google.</p>
<p>En <strong>Enero de 1998</strong>: A Page y Brin no les convence ninguna de las ofertas recibidas por ello deciden ser ellos mismos los que creen la empresa propia.</p>
<p><strong>Google</strong>, ya funcionando, seguía indexando páginas rápidamente, e incorporándolas a sus bases de datos, por lo cual necesitan de mucha más capacidad de almacenamiento y entonces deben adquirir 1 terabyte de espacio físico de almacenamiento. Lo consiguieron por 15.000 dólares como un conjunto de discos rígidos que estaban de rebaja.</p>
<p>A pesar de la &#8220;<strong><em>fiebre de las punto com</em></strong>&#8221; de aquellos días, Larry y Sergey no consiguen encontrar un inversor que financie los inicios de <strong>Google</strong>, y tienen que conseguir todo el dinero de sus familias y amigos íntimos. Ya por ese entonces habían abandonado sus doctorados en Stanford.</p>
<div id="attachment_481" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-481" title="GooglePlex - Mountain View, California" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_08_googleplex-300x199.jpg" alt="GooglePlex - Mountain View, California" width="300" height="199" />
<p class="wp-caption-text">GooglePlex &#8211; Mountain View, California</p>
</div>
<p>En el <strong>verano de 1998</strong>, Sergey y Larry conocen a <strong>Andy Bechtolsheim</strong> (<strong>cofundador de Sun Microsystems</strong> y vicepresidente de Cisco Systems), y comienzan a charlar sobre Google. Después de treinta minutos, Bechtolsheim <strong>les firma un cheque por 100.000 dólares</strong> -más tarde les firmaría otro de igual cantidad-, a nombre de &#8216;<strong>Google Inc.</strong>&#8216;. &#8220;<em>Básicamente los chicos necesitaban máquinas y servidores para probar su nuevo concepto, y para pagar a los abogados que les ayudaran con los temas legales</em>&#8220;, aseguró más tarde <strong>Bechtolsheim</strong>. &#8220;<em>Y yo quería asegurarme ser parte de la compañía</em>&#8220;.</p>
<p>Sin embargo, &#8216;Google Inc.&#8217; como tal, <strong>no existía</strong>, y para poder cobrar el cheque (que está dos semanas sobre la mesa de Larry), tienen que buscar un local, y fundar una nueva compañia: &#8216;Google Inc.&#8217;.</p>
<p>En <strong>septiembre de 1998</strong>, la ya entonces existente <strong>Google Inc.</strong> consigue reunir varios miles de dólares más, gracias al profesor <strong>Cheriton</strong> y a <strong>Ram Shriram</strong>, un ex-directivo de Netscape. Y la compañía abre sus puertas en un garage que un amigo de Serget y Larry les alquila en Menlo Park, en California. Rápidamente, instalan varias líneas telefónicas, un cablemodem, una línea de ADSL, y un único lugar de estacionamiento para su primer empleado, Craig Silverstein (actualmente, Director de Tecnologia de Google). Por aquel momento ya habían sido indexadas 25 millones de páginas, y Google estaba recibiendo alrededor de diez mil consultas por día. La revista &#8216;PC Magazine&#8217; lo incluye dentro de su lista &#8216;<strong>Top 100 Web Sites&#8217; de 1998.</strong></p>
<h3>Otros hechos destacables de 1998</h3>
<ul>
<li>America OnLine (AOL) compra a Netscape.</li>
<li>Se publica la especificación del XML 1.0 &#8211; <a href="http://www.w3.org/TR/xml-c14n" target="_blank">http://www.w3.org/TR/xml-c14n</a> &#8211; Su creador: <a href="http://www.tbray.org/ongoing" target="_blank">Tim Bray</a></li>
</ul>
<h3>Año 1999</h3>
<p><strong> </strong></p>
<div id="attachment_483" class="wp-caption alignright" style="width: 310px"><strong><strong><img class="size-medium wp-image-483" title="SETI@home" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dlstasm_04_09_setihome-300x231.jpg" alt="SETI@home" width="300" height="231" /></strong></strong>
<p class="wp-caption-text">SETI@home</p>
</div>
<p><strong>SETI@home &#8211; la colaboración automática</strong></p>
<p>1999 es el año en que se lanza uno de los proyectos más interesantes jamás concebidos para la red Internet: el proyecto <strong>SETI@home</strong> (leido como &#8220;SETI at home&#8221;, o &#8220;SETI en casa&#8221; &#8211; <a href="http://setiathome.berkeley.edu" target="_blank">http://setiathome.berkeley.edu</a> ).</p>
<p><strong>SETI, &#8220;Search for Extraterrestrial Intelligence&#8221;, o la Búsqueda de Inteligencia Extraterrestre</strong>, es una ciencia exploratoria que busca evidencias de vida en el universo, rastreando huellas de su tecnología. Nuestro entendimiento del origen de la vida en la Tierra sugiere que dado un ambiente apropiado y el tiempo suficiente, la vida se desarrollaría también en otros planetas. Si la evolución lleva a la aparición de civilizaciones tecnológicas e inteligentes, es una conjetura abierta a la especulación. Sin embargo, tales civilizaciones podrían ser detectadas a través de distancias interestelares.</p>
<p>Este proyecto -SETI@home- ha llevado a la creación del equivalente a una supercomputadora, aprovechando el poder de procesamiento de más de 3 millones de ordenadores de todo el mundo, utilizando sus procesadores cuando carga un salvapantallas, es decir, aprovechando sus tiempos muertos. El programa analiza datos de radio telescopios en búsqueda de signos de inteligencia extraterrestre.</p>
<div id="attachment_484" class="wp-caption aligncenter" style="width: 411px"><img class="size-full wp-image-484" title="Proyecto SETI" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_04_10_setihome.jpg" alt="Proyecto SETI" width="401" height="400" />
<p class="wp-caption-text">Proyecto SETI</p>
</div>
<h3>Y Google sigue indexando&#8230;</h3>
<p><strong>En Febrero de 1999</strong>, el plantel estable de Google Inc. asciende a 8 personas, el buscador responde a 500.000 consultas por día, y la empresa se traslada a nuevas oficinas en Palo Alto. Allí firman su primer contrato comercial con <strong>RedHat</strong>, empresa que a partir de allí proveería el Sistema Operativo Linux de los servidores de Google. Mientras tanto, continuarían con su campaña comercial: el boca en boca.</p>
<p><strong>Para junio 1999 Google recibe la primera inversión importante</strong>, con 25 millones de dólares provenientes de prestigiosas firmas como Sequoia Capital.</p>
<p>En noviembre de 1999 Google firma su primer acuerdo para la venta de la licencia de uso del buscador web en el sitio web de un tercero. En un principio, la compañía pretendía obtener sus ingresos económicos a través de esta vía.</p>
<hr />Y entraremos al <strong>año 2000</strong> con esta cronología, que desde mi punto de vista resulta fascinante.</p>
<p>En la próxima entrega les seguiré contando cómo fueron insertándose estas tecnologías tan complejas en la vida cotidiana, haciendo que hoy en día muchos podamos considerarlas como algo natural y muy arraigado en nuestra sociedad moderna. Sin embargo todo esto que hoy tenemos al alcance de una buena parte de la sociedad, aceleró su desarrollo vertiginosamente en los últimos años. Esta historia es muy reciente y su actual desarrollo, como dicen los americanos &#8220;has momentum&#8221;, es decir: tiene inercia, una inercia muy considerable.</p>
<h3>Para pensar&#8230;</h3>
<p>Detrás de las fachadas que podemos ver sin analizar demasiado, existe un inmenso árbol de disciplinas aplicadas, un árbol en cuyas ramas, podríamos pensar que florecen las diferentes implicancias o puntos de contacto sociales, científicos y tecnológicos; un árbol cuyo tronco no es perfectamente derecho, porque a medida que crece se va adaptando al cambiante entorno que le presenta la humanidad, y cuyas raíces son ciencia pura y entusiasmo, espíritu emprendedor y conocimientos, que existieron y seguirán existiendo en forma sostenida, en tanto existan oportunidades de acceso a la educación, a una buena calidad de vida, a una correcta alimentación, a ambientes propicios para el aprendizaje, para la prueba y error, y en tanto existan laboratorios, incentivos sociales y culturales, no solo económicos, entre muchas otras cosas.</p>
<p style="text-align: center;"><img class="aligncenter" title="firulete" src="http://mktblog.com.ar/wp-content/uploads/2009/12/firulete.gif" alt="firulete" width="176" height="48" /></p>
<p>Estimadas y estimados, les vuelvo a agradecer su lectura, realmente disfruto mucho el feedback que estoy recibiendo por estos artículos, que no son otra cosa más que una recopilación con unos pequeños condimentos personales. Es importante para mi seguir recibiendo sus comentarios y aportes, me interesa mucho poder intercambiar ideas con ustedes.</p>
<p>¡Hasta la próxima! En la 5ta entrega de &#8220;De la Telemática al Social Media &#8211; Una breve historia del tiempo&#8221;.</p>
<h3>Gustavo A. Salvini</h3>
<p>email: guspatagonico at gmail dot com</p>
<p>Twitter: <a href="http://twitter.com/guspatagonico" target="_blank">@guspatagonico</a></p>
<p><img class="aligncenter size-full wp-image-488" title="firulete2" src="http://mktblog.com.ar/wp-content/uploads/2009/12/firulete2.jpg" alt="firulete2" width="170" height="63" /></p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/12/post-16-de-la-telematica-al-social-media/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>15º Post: SEO/SEM – Guillermo Pareja (@guilleseo)</title>
		<link>http://mktblog.com.ar/2009/12/09/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo/</link>
		<comments>http://mktblog.com.ar/2009/12/09/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 19:23:49 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[SEO/SEM]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[administracion]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[bugs]]></category>
		<category><![CDATA[bugs bunny]]></category>
		<category><![CDATA[bunny]]></category>
		<category><![CDATA[comercializacion]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[negocios]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=433</guid>
		<description><![CDATA[
&#8220;¿Que haría Bugs Bunny en Marketing Online?&#8221;
Este originalmente es un artículo que escribió David Leonhardt hablando sobre Link Building, pero me di cuenta que yo aplico (o intento aplicar) esta actitud de Bugs Bunny a todo lo que hago en el día a día y es algo vital para cuando uno se dedica al SEO [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F09%2F15%25c2%25ba-post-seosem-%25e2%2580%2593-guillermo-pareja-guilleseo%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F09%2F15%25c2%25ba-post-seosem-%25e2%2580%2593-guillermo-pareja-guilleseo%2F" height="61" width="51" /></a></div>
<h1>&#8220;¿Que haría Bugs Bunny en Marketing Online?&#8221;</h1>
<p>Este originalmente es un artículo que escribió <a href="http://www.seo-writer.com">David Leonhardt</a> hablando sobre Link Building, pero me di cuenta que yo aplico (o intento aplicar) esta actitud de Bugs Bunny a todo lo que hago en el día a día y es algo vital para cuando uno se dedica al SEO o al Marketing Online en general.</p>
<h3>1- Qué hay de nuevo viejo?</h3>
<p>La forma en la que Bugs Bunny se presenta deja lugar a que la otra persona pueda aportar información útil. Es una forma amistosa, informal y personal de presentarse frente a los demás.</p>
<p>Presentarse de una forma excesivamente formal, nada personal y sin abrir posibilidades de conversación es la mejor forma de no lucir y ser igual a cualquier al resto de competencia.</p>
<p>Ya sea que estemos ofreciendo un producto/servicio o información en nuestro sitio web es muy importante tener la posibilidad de que nuestros usuarios compartan sus opiniones o experiencias tanto con nosotros como entre ellos a modo de poder saber realmente que quieren.</p>
<h3>2- Las Zanahorias son mágicas</h3>
<p>Cuando tenemos un sitio nuevo o peor aún si somos totalmente nuevos en el ambiente de internet la mejor forma de hacernos conocer es con zanahorias&#8230; y el equivalente online a las zanahorias es el buen contenido. Ya sea un video, audio o un artículo bien escrito lo importante es que tan buena es tu información.</p>
<p>Si creamos contenido de calidad y nos dedicamos a conseguirle exposición en redes sociales y otros medios lo más seguro es que recibamos vínculos desde otras web de la misma temática.</p>
<h3>3- Sé que esto desafía las leyes de gravedad, pero nunca estudié derecho!</h3>
<p>No existe una forma &#8220;correcta&#8221; y &#8220;única&#8221; de hacer SEO, SEM ni nada que tenga que ver con Marketing Online, si algo que va en contra de los libros nos funciona&#8230; entonces funciona!</p>
<p>Es mucho más productivo analizar que cosas nos funcionan en nuestro caso particular y buscar como optimizarlas que cambiar radicalmente nuestra forma de trabajar por una que funcionó a otra persona.</p>
<h3>4- Sabía que tenía que girar a la izquierda en Albuquerque!</h3>
<p>Puede pasar que nuestros métodos de trabajo no estén dando resultados o que algún que cambio que creímos productivo esté jugando en nuestra contra.</p>
<p>Lo que debemos hacer es ver en qué nos equivocamos, volver a donde estabamos antes, reevaluar la situación e intentar hacer el giro correcto esta vez.</p>
<h3>5- El conejo es un símbolo de inteligencia en la cultura Camboyana.</h3>
<p>Nuestro mejor aliado es el conocimiento, mientras mejor conozcamos a nuestra audiencia más posibilidades tenemos de éxito. El estilo de contenido con el cual tenemos que acercarnos a nuestro público no es el mismo si nuestros clientes son empresarios de bienes raíces que si son chicos de secundaria.</p>
<p>Todas las personas tienen distintas motivaciones para hacer lo que hacen o buscar lo que buscan, parte de nuestro trabajo es conocerlas y satisfacerlas.</p>
<h3>6- Y bueno&#8230; podría pulirlo un poco y usarlo de cenicero.</h3>
<p>Tal vez estemos consiguiendo vínculos de páginas menos importantes que la nuestra o tengamos una audiencia muy pequeña, sin embargo eso significa que estamos ocasionando una reacción por parte de nuestro público.</p>
<p>Algo es siempre mejor que nada, debemos identificar que está causando esa pequeña reacción positiva y buscar formas de ampliarla, una reacción positiva por más pequeña que sea siempre se puede pulir y usar de cenicero.</p>
<h3>7-Yo no hago preguntas, yo sólo me divierto!</h3>
<p>Si nuestro trabajo nos brinda satisfacción, eso ya vale por sí mismo. Muchas veces el trabajo puede volverse algo frustrante y estresante, si logramos encontrar una forma de hacer el trabajo más divertido ya ganamos la mitad de la batalla.</p>
<p>A mí me gusta decir que lo que yo hago en la oficina es sentarme 8 horas al día a jugar un juego de computadora que se llama &#8220;Marketing Online&#8221; y soy muy bueno en él.</p>
<p>También hay una frase budista que dice: &#8220;El maestro en el arte de vivir no hace distinción entre jugar y trabajar, simplemente persigue su visión de excelencia en todo lo que hace dejando a otros que decidan si está jugando o trabajando. Para él siempre está haciendo las dos cosas&#8221;</p>
<p>Para artículos más técnicos (y aburrido) les recomiendo estas lecturas:</p>
<p><a href="http://guillermopareja.com/posicionamiento-web-seo/seo-que-es-el-porcentaje-de-rebote-bounce-rate/">Qué es el porcentaje de rebote?</a></p>
<p>y otro artículo relacionado</p>
<p><a href="http://www.martinaberastegue.com/analytics/google-analytics-reducir-porcentaje-rebote-bounce-rate.html">Cómo reducir el porcentaje de rebote</a></p>
<p>Hasta el próximo miércoles!</p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/09/15%c2%ba-post-seosem-%e2%80%93-guillermo-pareja-guilleseo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>14 º Post: Social Media – Gustavo Salvini (@guspatagonico)</title>
		<link>http://mktblog.com.ar/2009/12/04/post-14-de-la-telematica-al-social-media-2/</link>
		<comments>http://mktblog.com.ar/2009/12/04/post-14-de-la-telematica-al-social-media-2/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 21:28:45 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[telematica]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=391</guid>
		<description><![CDATA[
De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte III
Por: Gustavo Adrián Salvini (Twitter: @guspatagonico - http://www.gustavosalvini.com.ar)
&#8211; Dedicado a la memoria del gran soñador Herbert George Wells (más conocido como H. G. Wells) por las ideas que nos dejó en su libro de ensayos &#8220;World Brain: The Idea of a Permanent World [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F04%2Fpost-14-de-la-telematica-al-social-media-2%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F04%2Fpost-14-de-la-telematica-al-social-media-2%2F" height="61" width="51" /></a></div>
<h1>De la Telemática al Social Media &#8211; &#8220;Una breve historia del tiempo&#8221; &#8211; Parte III</h1>
<h4>Por: Gustavo Adrián Salvini (Twitter: <a href="http://www.twitter.com/guspatagonico" target="_blank"><span style="color: #000000;"><span style="text-decoration: none;">@guspatagonico</span></span></a> - <a href="http://www.gustavosalvini.com.ar"><span style="color: #000000;"><span style="text-decoration: none;">http://www.gustavosalvini.com.ar</span></span></a>)</h4>
<p><em>&#8211; Dedicado a la memoria del gran soñador <strong>Herbert George Wells</strong> (más conocido como H. G. Wells) por las ideas que nos dejó en su libro de ensayos &#8220;<strong>World Brain: The Idea of a Permanent World Encyclopaedia</strong>&#8220;; a Leonardo Da Vinci, Jules Verne y Jorge Luis Borges. <strong>Ad ∞</strong>.</em></p>
<h3>≈</h3>
<p><em>Pocos escritores de ciencia ficción han imaginado, antes de su invención o descubrimiento -polémica a parte-, algo de tanta trascendencia como la que tiene Internet. Hay quienes dirán que Jules Verne habría imaginado una red mundial de telegrafía, o que La Biblioteca de Babel de Borges sería un presagio de la red de redes. Pero en definitiva, nada parecido al modelo descentralizado de redes de comunicación interconectadas, nada parecido al Inter Networking.</em></p>
<p><em>Sin embargo, en el año 1938, </em><strong><em>H. G.Wells</em></strong><em> publicó una obra que recogía una serie de conferencias anteriores bajo el título de World Brain, en la que se anticipaba algo muy similar a Internet y a una Red Mundial de Conocimientos. Si bien muchos de sus pronósticos eran erróneos, tuvo algunos acertados.</em></p>
<h2>Un cerebro mundial</h2>
<p><strong><a href="http://en.wikipedia.org/wiki/H._G._Wells" target="_blank"><img class="alignright size-medium wp-image-406" title="H. G. Wells" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_01_hgwells-215x300.jpg" alt="H. G. Wells" width="172" height="240" /></a>H. G. Wells</strong> consideraba que la educación universal era una condición imprescindible para conseguir la utopía de un mundo unido y en paz, que la información tenía que ser asimilada a escala mundial para construir un mundo mejor, en armonía y progreso.</p>
<p>Para Wells, si la información aumentaba a ritmo exponencial, la mayoría de la población seguía siendo ignorante hasta límites inconcebibles: &#8220;la humanidad es una raza situada entre la educación y la catástrofe&#8221;, sentenciaba.</p>
<p>Planteó una solución, y la denominó <strong>Enciclopedia Mundial Permanente</strong>. Esta Enciclopedia estaría situada en una cámara central que gestionaría toda la información recogida en todas las culturas, para después distribuirla rápidamente por todo el mundo en otras bibliotecas donde se almacenaría en microfilms.</p>
<p>&#8220;<em>Parece posible que en un futuro cercano tengamos bibliotecas microscópicas en las que se podrá guardar una fotografía de cada libro y documento importante del mundo, que estaría disponible para que la consulten los estudiantes [...] Está cerca la hora en que cualquier estudiante, en cualquier parte del mundo, podrá sentarse con su proyector en su propio estudio para examinar a voluntad cualquier libro, cualquier documento en una reproducción exacta</em>&#8220;.</p>
<p>Quedé impactado al leer estos presagios.</p>
<h2>El Mashup Global, o la ensalada del conocimiento colectivo.</h2>
<p>En la entrega de hoy vamos a ver como los años 90&#8217;s se caracterizaron por la convergencia de muy complejas tecnologías en torno a <em><strong>una criatura de incalculable poder</strong></em> llamada &#8220;<strong>World Wide Web</strong>&#8220;, a la que me gusta llamar &#8220;<strong>El Mashup Global</strong>&#8220;, o &#8220;<strong>La Ensalada del Conocimiento Colectivo</strong>&#8220;.</p>
<p>Siguiendo con la cronología, vamos a ver como se fueron dando una serie de hechos que, cual efecto dominó acelerado, configuran hitos de la historia reciente, y que cambiaron de un plumazo el escenario global a nivel de sociedades, cultura y telecomunicaciones.</p>
<p>Estimo que estos cambios son procesos irreversibles.</p>
<h2>1991: El MP3 se alza como un estándar</h2>
<p>En 1991 sucedieron unas cuantas cosas interesantes.</p>
<p>En este año el formato <strong>MP3</strong> fue aceptado como un estándar. Gracias a su alto nivel de compresión, los archivos de sonido en MP3 comenzaron a convertirse en el estándar-de-facto para compartir canciones, y hasta álbums enteros, transmitiéndolos por vía electrónica.</p>
<h2>1991: La primera cámara web, o &#8220;webcam&#8221;.</h2>
<p>Uno de los desarrollos más interesantes de esta era, fue sin dudas la webcam. Desarrollada originalmente en el Laboratorio de Computación de la Universidad de Cambridge, su único fin era monitorear una máquina de café, de modo que los usuarios de dicho laboratorio se ahorraran recorridos sin sentido para buscar un vasito de café vacío.</p>
<div id="attachment_409" class="wp-caption aligncenter" style="width: 527px"><img class="size-full wp-image-409 " title="La primera webcam apuntaba sólo a una máqiona de café" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_02_first_webcam.jpg" alt="dltasm_03_02_first_webcam" width="517" height="166" />
<p class="wp-caption-text">La primera webcam apuntaba sólo a una máquina de café</p>
</div>
<h2>1992: Internet sale de la infancia</h2>
<p>Por estos tiempos, Internet se va convirtiendo en una parte fundamental de la sociedad de la información. Se crea la Internet Society (ISOC), con <strong>Vint Cerf</strong> y <strong>Bob Kahn</strong> entre sus fundadores, hecho que marca el comienzo de la madurez del &#8220;Inter-networking&#8221; y su notable rol en la vida de los profesionales de los países desarrollados.</p>
<p>La cantidad de redes interconectadas para este año, excedía las <strong>7500</strong>, y la cantidad de computadoras conectadas <strong>había superado el millón</strong>. Por primera vez se transmitía <strong>audio y video</strong> a través de la red de redes, y comenzaba el primer desafío de la historia por desplazar a las redes de telefonía como tecnología dominante en las telecomunicaciones: Internet ya no es un mero conjunto de computadoras comunicándose entre sí.</p>
<div id="attachment_412" class="wp-caption aligncenter" style="width: 514px"><img class="size-full wp-image-412" title="El backbone de la NSFNet en 1992" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_06-nfsnet_backbone-1992.jpg" alt="El backbone de la NSFNet en 1992" width="504" height="317" />
<p class="wp-caption-text">El backbone de la NSFNet en 1992</p>
</div>
<h2>1993: Los gobiernos se unen a la diversión</h2>
<p>En 1993, tanto la Casa Blanca como las Naciones Unidas inauguran su presencia online, marcando el comienzo del uso de los dominios .gov y .org.</p>
<h2>1993: Mosaic &#8211; El primer navegador web popular</h2>
<div id="attachment_415" class="wp-caption alignright" style="width: 235px"><img class="size-medium wp-image-415" title="Mosaic - El primer navegador web popular - Placa conmemorativa" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_03-mosaic_placa_conmemorativa_ncsa-225x300.jpg" alt="Mosaic - El primer navegador web popular - Placa conmemorativa" width="225" height="300" />
<p class="wp-caption-text">Mosaic &#8211; El primer navegador web popular &#8211; Placa conmemorativa</p>
</div>
<p>Durante el verano, un grupo de estudiantes del <strong>NCSA en la Universidad de Illinois</strong>, se encargan de modificar la tecnología propuesta de Tim Berners-Lee sobre &#8220;Hipertexto&#8221;. En unas pocas semanas, nace <a href="http://en.wikipedia.org/wiki/Mosaic_(web_browser)" target="_blank">MOSAIC</a> desde el corazón de ese mismo campus universitario, el primer navegador web que haya sido descargado masivamente. Si bien MOSAIC no fue el primer navegador web de la historia, es considerado como el primero que ha logrado facilitar el acceso a Internet a los usuarios no-techies.</p>
<p>La Web, World Wide Web, o WWW, irrumpe en el mundo y entonces el crecimiento de Internet se extiende como una supernova. A partir de aquí se ha ido duplicando año tras año, actualmente se duplica en pocos meses. Lo que comenzó como un experimento en ARPA (Advanced Research Projects Agency), en un lapso de tan solo 30 años, se convirtió en una parte de la cultura popular de este mundo.</p>
<p>Todavía se puede visitar aquí el sitio donde está la página de demostración del navegador <strong>NCSA Mosaic</strong> : <a href="http://www.ex-mozilla.org/demodoc/demo.html" target="_blank">http://www.ex-mozilla.org/demodoc/demo.html</a> (página del 10 de Septiembre de 1993). Para los programadores web, es muy interesante ver la sencillez del código fuente de la página, a comparación de la actualidad.</p>
<h2>1994: Netscape Navigator &#8211; El primer navegador web comercial</h2>
<div id="attachment_417" class="wp-caption aligncenter" style="width: 564px"><img class="size-full wp-image-417" title="Netscape Navigator - La primera gran competencia a Mosaic" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_04-netscape_navigator.jpg" alt="Netscape Navigator - La primera gran competencia a Mosaic" width="554" height="396" />
<p class="wp-caption-text">Netscape Navigator &#8211; La primera gran competencia a Mosaic</p>
</div>
<p>A un año del nacimiento de Mosaic, surge su primer competidor importante: <a href="http://en.wikipedia.org/wiki/Netscape_navigator" target="_blank">Netscape Navigator</a>.</p>
<p>La empresa <a href="http://netscape.aol.com/" target="_blank">Netscape</a> desarrolló el primer navegador web comercial, proveyendo al incipiente mundo de la web una dirección de avance y desarrollo, y a la cabeza de la innovación online que caracterizó a los finales de los 90&#8217;s.</p>
<p>En mayo de 1994, <strong>Jim Clark</strong>, fundador de la compañía <strong>Silicon Graphics Inc.</strong>, Marc Andreessen y otros provenientes del equipo de desarrollo de Mosaic, crearon una nueva compañía con el objetivo de desarrollar un navegador web comercial. La Universidad de Illinois los demandó de forma prácticamente instantánea. Sin embargo, en la conferencia Comdex fall de 1994, la nueva compañía anunció un acuerdo posterior a la demanda, por el cual accedía a cambiar su nombre de &#8220;Mosaic Communications&#8221; a &#8220;Netscape&#8221;.</p>
<p>Netscape tuvo los recursos para mejorar su tecnología de forma mucho más veloz que <a href="http://www.ncsa.illinois.edu/20years/" target="_blank">NCSA</a>, y el uso de su navegador se impuso con gran velocidad. En Octubre de 1994, Netscape lanzó la primera versión beta de su navegador, Mozilla 0.96b (<em>*¿Les suena Mozilla?*</em>), para ser descargada directamente vía Internet. El 15 de Diciembre de ese mismo año, Netscape lanza la versión final, Mozilla 1.0, que fue el primer navegador web comercial.</p>
<p>Para finales de 1994, el tráfico de datos de la Web en Internet sobrepasó al tráfico del Telnet por primera vez, y se convirtió en el segundo factor generador de tráfico a través del Backbone de NSFNET, siguiéndole los pasos de cerca al FTP.</p>
<h2>1995: El tráfico de la web domina Internet</h2>
<p>Seis meses después que Netscape liberara su navegador, el tráfico web se convirtió en el principal tipo de contenido transferido en Internet. Por aquellos días, según livinginternet.com el 21% del tráfico del backbone de NSFNET (de la National Science Foundation) correspondía a tráfico web, siguiéndole, en segundo puesto el tráfico de FTP (File Transfer Protocol), con un 14%. Este hecho denota la rápida adopción de Netscape Navigator, con 50 millones de copias distribuidas en los primeros dos años de existencia, de acuerdo a BusinessWeek.</p>
<p>En Abril de 1995, el número de paquetes de datos correspondientes a la web que fueron transferidos a través del backbone de NSFNET sobrepasó por primera vez al volumen correspondiente a la transferencia de archivos por FTP.</p>
<div id="attachment_418" class="wp-caption aligncenter" style="width: 564px"><img class="size-full wp-image-418" title="El tráfico dela web domina Internet (año 1995)" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_05-webtraffic_dominates_1995.jpg" alt="El tráfico dela web domina Internet (año 1995)" width="554" height="396" />
<p class="wp-caption-text">El tráfico dela web domina Internet (año 1995)</p>
</div>
<p>Netscape proveyó rápidamente muchas funcionalidades al usuario de Internet, integrando convenientemente tres tecnologías en una misma aplicación: Web, Email y Newsgroups de USENet. Además el equipo de desarrollo de Netscape se aseguró que éste se pudiera ejecutar en las tres principales plataformas informáticas: Windows, Macintosh y Unix.</p>
<h3>El mejor navegador del momento, gratis</h3>
<p>Netscape fue puesto a disposición de forma gratuita para descarga vía web a los individuos y organizaciones sin fines de lucro: ésta fue la clave para la rápida adopción. Al principio, Netscape solicitaba a los usuarios un pago luego de un período de prueba, pero la presión que se daba por la existencia del Microsoft Internet Explorer -gratuito para aquellos poseedores de licencias de Windows- hizo que el equipo de Netscape se enfocara en obtener beneficios económicos a partir del desarrollo de un software servidor web, el tráfico en su propio sitio web y otros ingresos relacionados, con lo cual dejó de solicitar el pago a los usuarios de su navegador.</p>
<h2>1995: Se inicia la comercialización de Internet</h2>
<p>En 1995, Netscape obtuvo el tercer mayor IPO (Initial Product Offering) en el NASDAQ, por aquel entonces.</p>
<p>1995 es considerado por muchos como el año en el que la web comienza a ser comercializada. En rigor de verdad, ya existían compañías comerciales con negocios online anteriormente a este año, pero en este momento se concretaron algunos desarrollos que fueron clave.</p>
<h3>Transacciones Online</h3>
<p>En primer lugar, la encriptación SSL (Secure Sockets Layer), que también fue desarrollada por Netscape, permitiría la creación de &#8220;conductos seguros&#8221; para las transacciones financieras vía Web, como los pagos mediante tarjetas de crédito.</p>
<h3>eBay</h3>
<p>Otro hito del comercio online se daría también en el año 1995: La primera venta concreta en &#8220;<strong>Echo Bay</strong>&#8220;, que más tarde se llamaría &#8220;<strong>eBay</strong>&#8220;.</p>
<h3>Amazon.com</h3>
<p><strong>Amazon.com</strong> también se inició en 1995, aunque no obtuvo ganancias netas sino recién hasta el año 2001.</p>
<h3>
<div id="attachment_429" class="wp-caption aligncenter" style="width: 650px"><img class="size-full wp-image-429" title="Mapa de NFSNet en 1995" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_08-nfsnet_growth_1995.jpg" alt="Mapa de NFSNet en 1995" width="640" height="471" />
<p class="wp-caption-text">Mapa de NFSNet en 1995</p>
</div>
<p>Interacción de nivel superior: JavaScript</h3>
<div id="attachment_419" class="wp-caption alignright" style="width: 235px"><img class="size-full wp-image-419" title="Brendan Eich, creador del lenguaje JavaScript" src="http://mktblog.com.ar/wp-content/uploads/2009/12/dltasm_03_07-brendan_eich.jpg" alt="Brendan Eich, creador del lenguaje JavaScript" width="225" height="284" />
<p class="wp-caption-text">Brendan Eich, creador del lenguaje JavaScript</p>
</div>
<p>JavaScript es un lenguaje de programación orientado a objetos, implementado generalmente como un componente integrado en el navegador web, que entre otras cosas permite el desarrollo de interfaces de usuario enriquecidas y sitios web dinámicos.</p>
<p>Fue desarrollado originalmente en <strong>1995 </strong>por <a href="http://en.wikipedia.org/wiki/Brendan_Eich" target="_blank">Brendan Eich</a>, de Netscape, bajo el nombre de <strong>Mocha</strong>, luego re-bautizado como <strong>LiveScript</strong> y finalmente como <strong>JavaScript</strong>. El cambio de nombre de LiveScript a JavaScript coincidió con la época para la cual Netscape agregó soporte de la tecnología Java a su navegador Netscape Navigator. JavaScript fue introducido por primera vez en el navegador Netscape versión 2.0B3, en Diciembre de 1995.</p>
<p>El nombre ha sido fuente de confusiones, dando la impresión que el lenguaje es una derivación o subconjunto de Java, sin embargo, más allá del nombre, JavaScript no tiene relación con el lenguaje Java, excepto por cierta similitud de sintaxis derivada del lenguaje C, y por el hecho que copia algunos nombres y convenciones de escritura. El nombre de JavaScript es el resultado de un acuerdo de co-marketing entre Netscape y Sun Microsystems, como intercambio, dado que Netscape podría distribuir su navegador con Java de Sun incorporado.</p>
<p>JavaScript es -en la actualidad- el principal lenguaje usado para enriquecer la interacción entre la web y los usuarios, y entre la capa visual de los sitios web y los paquetes de datos transferidos en forma asincrónica, sin necesidad de una recarga completa de una página (técnica conocida como <strong><em>AJAX: Asynchronous Javascript And XML</em></strong>).</p>
<p>Durante este mismo año se introdujo el lenguaje de programación Java -Java y JavaScript tienen muy poco que ver entre sí, es solo una cuestión de &#8211; y Microsoft lanzaría ActiveX al año siguiente.</p>
<h2>1996: El primer email basado en web (webmail)</h2>
<p>En este año se lanza HoTMaiL (cuyas letras mayúsculas eran una mención honorífica al HTML), el primer servicio de webmail.</p>
<p>Para esa época HoTMaiL no tenía ninguna relación con Microsoft Corporation.</p>
<h2>1997: Nace el término &#8220;weblog&#8221;</h2>
<p>Aunque los primeros <strong>blogs</strong> ya existían desde hacía unos años, en 1997 se utilizó por primera vez el término &#8220;<strong>weblog</strong>&#8220;.</p>
<p>Un <strong>blog</strong> (contracción del término &#8220;web log&#8221; o &#8220;weblog&#8221;) es un tipo de sitio web usualmente mantenido por un individuo, que contiene entradas de texto, imágenes, comentarios, descripciones de eventos u otro material como gráficos y video. Las entradas al blog son generalmente mostradas en orden cronológico invertido.</p>
<p><a href="http://www.rebeccablood.net/essays/weblog_history.html" target="_blank">Más info aquí</a>.</p>
<p>≈</p>
<p>≈</p>
<p>En la próxima entrega continuaré con la cronología a partir de <strong>1998</strong>, año en el que entre otras cosas <strong>nace Google y es liberado el código fuente del navegador Netscape</strong>, que luego conformó las bases para el nacimiento del popular navegador web <strong>Mozilla Firefox</strong>.</p>
<hr />Espero que esta crónica de la historia reciente les resulte útil y entretenida y aguardo ansioso sus comentarios, sugerencias, opiniones y/o preguntas.</p>
<p>Gracias por su lectura! Hasta la próxima edición!</p>
<p><strong>Gustavo A. Salvini<br />
<span style="font-weight: normal;">(Twitter: <a href="http://twitter.com/guspatagonico" target="_blank">@guspatagonico</a> &#8211; Email:  guspatagonico at gmail dot com)</span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/04/post-14-de-la-telematica-al-social-media-2/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>13º Post: Programación – Francisco Cabezas (@fcocabezas)</title>
		<link>http://mktblog.com.ar/2009/12/03/13%c2%ba-post-programacion-%e2%80%93-francisco-cabezas-fcocabezas/</link>
		<comments>http://mktblog.com.ar/2009/12/03/13%c2%ba-post-programacion-%e2%80%93-francisco-cabezas-fcocabezas/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 20:21:38 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[Programación]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=372</guid>
		<description><![CDATA[
&#8220;Cosas que hubiese querido saber de jQuery&#8221;
Nota: este post no es una traducción, pero se basa en un artículo que se publicó cuando yo trabajaba en algo similar.
Para quién no sepa aún  qué es jQuery o qué hace, por favor leer  los dos artículos anteriores publicados en este blog en la sección programación.
Es [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F03%2F13%25c2%25ba-post-programacion-%25e2%2580%2593-francisco-cabezas-fcocabezas%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F03%2F13%25c2%25ba-post-programacion-%25e2%2580%2593-francisco-cabezas-fcocabezas%2F" height="61" width="51" /></a></div>
<h1>&#8220;Cosas que hubiese querido saber de jQuery&#8221;</h1>
<p>Nota: este post no es una traducción, pero se basa en un <a href="http://blog.themeforest.net/tutorials/7-things-i-wish-i-had-known-about-jquery/">artículo</a> que se publicó cuando yo trabajaba en algo similar.</p>
<p>Para quién no sepa aún  qué es jQuery o qué hace, por favor leer  los dos artículos anteriores publicados en este blog en la sección programación.</p>
<p>Es común que al aprender y utilizar una nueva herramienta, nos demos cuenta de errores que cometemos en el proceso de aprendizaje. muchas veces esto se amplifica  en el ámbito de la programación, dado los estilos y paradigmas que el programador ya tiene en su mente al enfrentar una nueva herramienta que necesite de nuevos paradigmas.<br />
Los puntos declarados a continuación, son algunos aspectos que hubiese querido saber al comenzar a utilizar jQuery. Algunos de ellos hbiesen ahorrado varias horas de investigación y trabajo.</p>
<h2>Punto de partida común: Objetos y métodos</h2>
<p>jQuery es un herramienta desarrollada en javascript. A su vez, javascript tiene una aproximación a la metodología de orientación a objetos.<br />
Aunque no fue mi caso, mucha gente pretende utilizar jQuery sin conocer la orientación a objetos.  Por favor visite wikipedia en el lenguaje que mejor conozca y busque información acerca de lo que significa Orientación al Objeto (OO), es decir, Hágalo Usted Mismo.</p>
<p>Si no, vale decir que un método es una función que pertenece a un objeto. Y qué es un objeto? Un objeto es una abstracción tal cual la conocemos en la vida real, pero llevada a la programación. Supongamos que vamos a tener un objeto llamado auto, y que el objeto auto tiene ruedas y motor y una función encender motor (encenderMotor). Este objeto puede ser escrito en javascript como:</p>
<pre>auto= function(){

	var this.ruedas = 4;
	var this.motor = false;

	var encenderMotor=function(){
		this.motor=true;
	};
}</pre>
<p>Donde, para encender basta con ejecutar el método auto.encenderMotor()  quien cambiará el valor de la variable motor a true.</p>
<p>Este concepto de objeto, compuesto por variables y métodos, es una de las bases de jQuery y de los plug-ins.</p>
<h2>Chainability</h2>
<p>Javascript, por lo tanto jQuery también, permite <strong>encadenar</strong> el llamado de métodos. Por ejemplo, si se tiene este código jQuery:</p>
<p><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-medium;">var</span></strong></span> testText <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-medium;">=</span></span> $<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-medium;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">&#8216;div#test&#8217;</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">parent</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">text</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></p>
<p>y además se tiene el siguiente código html:</p>
<p><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">&lt;</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #000000;"><strong><span style="font-size: x-small;">div</span></strong></span> <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #000066;"><span style="font-size: x-small;">id</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #66cc66;"><span style="font-size: x-small;">=</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #ff0000;"><span style="font-size: x-small;">&#8220;test&#8221;</span></span><span style="font-size: x-small;">&gt;</span></span>This is the content!<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">&lt;</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #66cc66;"><span style="font-size: x-small;">/</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #000000;"><strong><span style="font-size: x-small;">div</span></strong></span><span style="font-size: x-small;">&gt;</span></span></p>
<p>Al ejecutar el código jQuery, este retornará primero al elemento padre del div con id=test y luego retornará el texto de dicho elemento. Es decir, la variable testText contendrá un String que en algún lugar contendrá &#8220;This is the content!&#8221;.</p>
<p>Cabe señalar que <strong>no todo es encadenable.</strong> Ejemplo de esto es invertir la llamada de .parent() y de text(). Si se ejecuta primero la función text(), está retornará un String, y el objeto String no tiene una función parent(), por lo que se generará un error.</p>
<h2>jQuery siempre devuelve un arreglo</h2>
<p>Este principio es uno de los más importantes de jQuery. La ejecución de un selector de jQuery, siempre retorna un arreglo, incluso si el selector no hace match, en cuyo caso retorna un arreglo vacío. Para un ejemplo mirar esto:</p>
<pre>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><em><span style="color: #008000;">&lt;div id="wrapper"&gt;</span></em><em> </em></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;div&gt;Content #1!&lt;/div&gt; </span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;div&gt;Content #2!&lt;/div&gt;</span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;div&gt;Content #3!&lt;/div&gt;</span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;div&gt;Content #4!&lt;/div&gt;</span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;/div&gt; </span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;">&lt;div id="wrapper2"&gt;</span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"> &lt;div class="box"&gt;Content2 #1!&lt;/div&gt;</span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">&lt;/div&gt; </span></span></em></span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">*/</span></span></em></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">// returns 4</span></span></em></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="font-size: x-small;">$</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">(</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;"><span style="font-size: x-small;">'#wrapper .box'</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">)</span></span></span><span style="font-size: x-small;">.</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;"><span style="font-size: x-small;">length</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">// num is equal to 4</span></span></em></span> </span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;"><span style="font-size: x-small;">var</span></span></strong></span><span style="font-size: x-small;"> num </span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">=</span></span></span><span style="font-size: x-small;"> $</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">(</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;"><span style="font-size: x-small;">'#wrapper .box'</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">)</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="font-size: x-small;">num </span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">=</span></span></span><span style="font-size: x-small;"> num.</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;"><span style="font-size: x-small;">length</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">// text is equal to 'Content #2!'</span></span></em></span> </span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;"><span style="font-size: x-small;">var</span></span></strong></span><span style="font-size: x-small;"> text </span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">=</span></span></span><span style="font-size: x-small;"> $</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">(</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;"><span style="font-size: x-small;">"#wrapper .box"</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">)</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">[</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #cc0000;"><span style="font-size: x-small;"><span style="font-size: x-small;">1</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">]</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">// text is equal to 'Content #1'</span></span></em></span> </span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;"><span style="font-size: x-small;">var</span></span></strong></span><span style="font-size: x-small;"> text </span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">=</span></span></span><span style="font-size: x-small;"> $</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">(</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;"><span style="font-size: x-small;">"#wrapper .box"</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">)</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">[</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #cc0000;"><span style="font-size: x-small;"><span style="font-size: x-small;">0</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">]</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span><span style="font-size: x-small;"> </span></span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="font-size: x-small;">// text is equal to 'Content2 #1'</span></span></em></span> </span></span></em></span></span></span></div>
<div style="margin-top: 0px; margin-bottom: 0px; direction: inherit;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;"><span style="color: #110000; font-style: normal;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;"><span style="font-size: x-small;">var</span></span></strong></span><span style="font-size: x-small;"> text </span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">=</span></span></span><span style="font-size: x-small;"> $</span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">(</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;"><span style="font-size: x-small;">"#wrapper2 .box"</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">)</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">[</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #cc0000;"><span style="font-size: x-small;"><span style="font-size: x-small;">0</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="font-size: x-small;">]</span></span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-size: x-small;">;</span></span></span></span></span></em></span></span></span></div>
</pre>
<h2>jQuery en una variable</h2>
<p>A veces es necesario contener la respuesta de un selector de jQuery en una variable para no volver a realizar la búsqueda y ahorrar tiempo. Para esto basta con guardar el objeto(arreglo) retornado. Ejemplo de esto:</p>
<pre><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;">var</span></strong></span> testBox <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">=</span></span> $<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">'#test'</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;">// the variable testHTML is equal to the content's of '#test'</span></em></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em></em></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;">var</span></strong></span> testHTML <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">=</span></span> testBox.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">html</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></span></pre>
<h2>Que significa callback?</h2>
<p>Un callback es una función o el nombre de una función que se ejecuta una vez terminada la función que originalmente fue llamada.</p>
<p><img class="aligncenter size-full wp-image-385" title="wtf-is-callback" src="http://mktblog.com.ar/wp-content/uploads/2009/12/wtf-is-callback.png" alt="wtf-is-callback" width="648" height="262" /></p>
<p>Ejemplo de esto:</p>
<pre><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;">function</span></strong></span> makeAlert <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span> <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">{</span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"> $<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #000066;"><strong><span style="font-size: x-small;">this</span></strong></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">html</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">'Ran this function!'</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">}</span></span></span></span></span></span></span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;">// both lines do the same thing</span></em></span></span></span></span></span></span></span></span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-family: inherit; vertical-align: baseline; color: #006600;"><em><span style="font-size: x-small;">$<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">'#test'</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">slideUp</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #cc0000;"><span style="font-size: x-small;">400</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">,</span></span> makeAlert<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></em></span></span></span></span></span></span></span></span></span></span></span></pre>
<p>Donde este código busca cambiar el contenido del div cuyo id es igual a &#8220;test&#8221; con el mensaje &#8220;Ran this function!&#8221; una vez realizado el slideUp del div. Cabe señalar que this es el elemento DOM que retorna el selector de jQuery. El siguiente código hace algo similar pero con una función anónima:</p>
<pre><span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';">$<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">'#test'</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">slideUp</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #cc0000;"><span style="font-size: x-small;">400</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">,</span></span> <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #003366;"><strong><span style="font-size: x-small;">function</span></strong></span> <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span> <span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">{</span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"> $<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #000066;"><strong><span style="font-size: x-small;">this</span></strong></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span>.<span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #660066;"><span style="font-size: x-small;">html</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">(</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #3366cc;"><span style="font-size: x-small;">'Ran the anonymous function!'</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></span></span></span>

<span style="font-family: tahoma, Geneva, sans-serif; color: #110000;"><span style="font-family: 'Courier New';"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;"><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">}</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #009900;"><span style="font-size: x-small;">)</span></span><span style="margin-right: 0px; margin-left: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #339933;"><span style="font-size: x-small;">;</span></span></span></span></span></span></span></span></pre>
<h2>No puedo ver los elementos de un iFrame/Frame</h2>
<p>Un problema común al utilizar jQuery es la imposibilidad con algunos browsers para poder &#8220;ver&#8221; con los selctores, los elementos de un frame o iframe, esto, porque usualmente en toda la documentación se utiliza la función</p>
<p>$(document).<span style="color: #800000;">ready</span>(function(){ /* aqui va tu codigo*/ });</p>
<p>para disparar lo que deseamos hacer con jQuery.<br />
Consejo, intentalo con<br />
$(window).<span style="color: #800000;">ready</span>(function(){ /* aqui va tu codigo*/ });</p>
<p>que va a esperar que la ventana este completamente lista para ejecutar el código de nuestro interés.</p>
<p>Finalmente: los selectores</p>
<p>Un punto importante a considerar cuando se utiliza jQuery es el uso de los selectores, si bien, funcionan, no todos lo hacen en el mismo tiempo.<br />
Es recomendable realizar siempre la busqueda :</p>
<p>1. por id, ej: $(&#8221;#miDiv&#8221;), si esto no es posible,<br />
2. intentar búsquedas por elementos del DOM, ej: $(&#8221;div input&#8221;)<br />
3. Y si no hay ninguna otra posibilidad, selecionar por clases (CSS), ej: $(&#8221;.myClass&#8221;).</p>
<p>Esto se debe a que la busqueda por Id aprovecha la función de javascript getElementById, que es sumamente eficiente.<br />
LA razón por la cual la tercera opción es más lenta, es decir, en el caso de la búsqueda tipo $(&#8221;.myClass&#8221;), es porque jQuery debe recorrer todo el DOM, y por cada elemento del DOM verificar que dicho elemento tenga la clase &#8220;myClass&#8221; en su atributo &#8220;Class&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/03/13%c2%ba-post-programacion-%e2%80%93-francisco-cabezas-fcocabezas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>12º Post: SEO – Guillermo Pareja (@guilleseo)</title>
		<link>http://mktblog.com.ar/2009/12/02/12%c2%ba-post-seo-%e2%80%93-guillermo-pareja-guilleseo/</link>
		<comments>http://mktblog.com.ar/2009/12/02/12%c2%ba-post-seo-%e2%80%93-guillermo-pareja-guilleseo/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 15:46:41 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[SEO/SEM]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=338</guid>
		<description><![CDATA[
&#8220;PPC: Escapando del Broad Match&#8221;
Los tres motores de búsqueda más grandes Google, Yahoo y MSN ofrecen distintas opciones de &#8220;matching&#8221; para nuestros anuncios y entender las distintas opciones es la diferencia entre una campaña exitosa y un total desastre.
Con &#8220;Broad Match&#8221; nos referimos a la opción de que nuestros anuncios se muestren a la mayor [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F02%2F12%25c2%25ba-post-seo-%25e2%2580%2593-guillermo-pareja-guilleseo%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F02%2F12%25c2%25ba-post-seo-%25e2%2580%2593-guillermo-pareja-guilleseo%2F" height="61" width="51" /></a></div>
<h1>&#8220;PPC: Escapando del Broad Match&#8221;</h1>
<p>Los tres motores de búsqueda más grandes <a href="http://www.google.com">Google</a>, <a href="http://www.yahoo.com">Yahoo</a> y <a href="http://www.msn.com">MSN</a> ofrecen distintas opciones de &#8220;matching&#8221; para nuestros anuncios y entender las distintas opciones es la diferencia entre una campaña exitosa y un total desastre.</p>
<p>Con &#8220;Broad Match&#8221; nos referimos a la opción de que nuestros anuncios se muestren a la mayor cantidad posible de búsquedas relacionadas para las palabras clave que elegimos. </p>
<p>Google Adwords es el programa más agresivo entre los tres cuando se trata de mostrar nuestros anuncios a todo tipo de búsqueda &#8220;relacionada&#8221;, esto puede ser un arma de doble filo ya que no sabemos la intención comercial de todas las palabras clave por las cuales puede ser visto nuestro anuncio.</p>
<p>La siguiente tabla muestra los distintos tipos de opciones de concordancia de los tres motores de búsqueda principales:</p>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/tabla2.jpg" alt="tabla" title="tabla" width="609" height="1290" class="alignleft size-full wp-image-366" /></p>
<h2>Cuál es el problema con el Broad Match?</h2>
<p>Para obtener buenos resultados necesitamos que nuestro anuncio, nuestro landing page y nuestra oferta sean lo más relevante posible para la persona que realizó la búsqueda.</p>
<p>Publicitar nuestros anuncios para búsquedas en las que nuestra oferta no satisface la necesidad de la persona que está detrás de la pantalla resulta en una pérdida de dinero.</p>
<p>Si estamos haciendo nuestra campaña 100% Broad Match sin ningún tipo de restricción lo más posible es que gran parte del tráfico que obtenemos sea de baja calidad.</p>
<p>A la hora de tener un buen retorno a la inversión lo importante no es la cantidad de tráfico, sino la calidad del mismo.</p>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/02/12%c2%ba-post-seo-%e2%80%93-guillermo-pareja-guilleseo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>11º Post: Lecturas 2.0 – Santiago Boatella (@sboatella)</title>
		<link>http://mktblog.com.ar/2009/12/01/12%c2%ba-post-lecturas-2-0-%e2%80%93-santiago-boatella-sboatella/</link>
		<comments>http://mktblog.com.ar/2009/12/01/12%c2%ba-post-lecturas-2-0-%e2%80%93-santiago-boatella-sboatella/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 14:44:17 +0000</pubDate>
		<dc:creator>@sboatella</dc:creator>
				<category><![CDATA[Lectura 2.0]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[administracion]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[comercializacion]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[gobierno]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[goverment]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[long tail]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[negocios]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[telematica]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mktblog.com.ar/?p=347</guid>
		<description><![CDATA[
Nuevamente los vuelvo a saludar y en esta ocasión me encuentro escribiendo en mi propio blog para acercarles nuevas Lecturas 2.0 muy recomendables y útiles.
Ayer tuve el honor de conocer y recibir la visita de Alberto Levi. Supongo que varios lo conocerán, pero para los que no les dejo una breve reseña de quien es [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F01%2F12%25c2%25ba-post-lecturas-2-0-%25e2%2580%2593-santiago-boatella-sboatella%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmktblog.com.ar%2F2009%2F12%2F01%2F12%25c2%25ba-post-lecturas-2-0-%25e2%2580%2593-santiago-boatella-sboatella%2F" height="61" width="51" /></a></div>
<p>Nuevamente los vuelvo a saludar y en esta ocasión me encuentro escribiendo en mi propio blog para acercarles nuevas Lecturas 2.0 muy recomendables y útiles.</p>
<p>Ayer tuve el honor de conocer y recibir la visita de <a href="http://www.albertolevyblog.com/">Alberto Levi</a>. Supongo que varios lo conocerán, pero para los que no les dejo una breve reseña de quien es y todo lo que hizo:</p>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/arg_cons_levy_20080612.jpg" alt="arg_cons_levy_20080612" title="arg_cons_levy_20080612" width="130" height="175" class="alignright size-full wp-image-350" /></p>
<p>+ Actualmente es <strong>Director de la División de Consultoría en Innovation &#038; Growth</strong>.<br />
+ Es Director del Centro de Innovación, Crecimiento y Competitividad de la Universidad de Buenos Aires<br />
+ Es Licenciado en Administración, Contador Público y Doctor en Ciencias Económicas, Facultad de Ciencias Económicas, Universidad de Buenos Aires.<br />
+ Realizó un Master en Psicología Cognitiva (UBA), un Master Consultant(IOD, Israel), un Master Honoris Causa en Dirección de Empresas(ENFE, España)&#8230;<br />
&#8230; y <a href="http://www.deloitte.com/view/es_AR/ar/servicios/consultoria/innovationgrowth/article/0fbf912aff1fb110VgnVCM100000ba42f00aRCRD.htm">MUCHO MÁS</a>  &#8211;> por favor lean su <em>IMPRESIONANTE</em> y <em>ESPECTACULAR</em> curriculum.</p>
<p>Ha escrito una cantidad enorme de libros relacionados con el Marketing tanto en Argentina como también en Francia, Brasil y Estados Unidos, y hasta escribió el libro <em>&#8220;A Note on the Geometry of Competitive Advantage”</em> junto al conocido <a href="http://www.kotlermarketing.com/">Philip Kotler</a>. Pero el que les vengo a recomendar en esta ocación es:</p>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/libromayonesa1-150x150.jpg" alt="libromayonesa" title="libromayonesa" width="150" height="150" class="alignleft size-thumbnail wp-image-353" /></p>
<h4>&#8220;Mayonesa: La esencia del Marketing&#8221;</h4>
<p>Muy interesante libro ya que la idea del mismo nació dentro de un supermercado, observando la actitud de su propia esposa para con las marcas. Imaginó que el poder de decisión de ese consumidor multiplicado por millones, es el que podría catapultar a una marca al éxito o hacerla languidecer como otra más del montón.<br />
La pregunta que se hace Levy en la introducción es: <em>“¿La volverá a elegir la próxima vez que vuelva al supermercado?” </em>&#8230;</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>También quiero dejarles otra lectura recomendada no solo por mi, si no que recomendada y ofrecida por <a href="http://www.pedrovisintin.com/">Pedro Visintin</a> (<a href="http://www.twitter.com/pvisintin">@pvisintin</a>):</p>
<p><img src="http://mktblog.com.ar/wp-content/uploads/2009/12/mythsofinnovation-150x150.gif" alt="mythsofinnovation" title="mythsofinnovation" width="150" height="150" class="alignright size-thumbnail wp-image-356" /></p>
<h4>&#8220;The Myths of Innovation&#8221; by <a href="http://www.oreillynet.com/pub/au/2099">Scott Berkun</a> y <a href="http://oreilly.com/">O&#8217;Reilly</a></h4>
<p>Este libro nos presenta una mirada cuidadosa a la historia de la innovación, incluyendo la era del Software e Internet, para revelar cómo  las ideas realmente se convierten en innovaciones exitosas. Usando docenas de ejemplos de la historia de la tecnología, los negocios, y<br />
las artes, nos enseña cómo convertir el conocimiento en ideas que pueden cambiar el mundo.</p>
<h4>LOS VEO EN LA PRÓXIMA!!</h4>
]]></content:encoded>
			<wfw:commentRss>http://mktblog.com.ar/2009/12/01/12%c2%ba-post-lecturas-2-0-%e2%80%93-santiago-boatella-sboatella/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
