<?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>Viva el Pixel &#187; General</title>
	<atom:link href="http://www.vivaelpixel.com/temas/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vivaelpixel.com</link>
	<description>Blog sobre Tecnologia y marketing online</description>
	<lastBuildDate>Thu, 09 Sep 2010 17:06:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Kickstarter: financiación social</title>
		<link>http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/</link>
		<comments>http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 20:28:38 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Open Source]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1101</guid>
		<description><![CDATA[La idea detrás de Kickstarter es que la comunidad puede invertir en proyectos a partir de pocas cantidades y sólo si el proyecto alcanza el mínimo a financiar. A cambio de su dinero el inversor recibe compensaciones que cambian en función de cada proyecto.]]></description>
			<content:encoded><![CDATA[<p>Para el emprendedor existen muchas opciones pero al final la inversión inicial se realiza con los ahorros y apoyo de los familiares y  amigos. Luego, una vez el proyecto está funcionado, es posible buscar inversores más fuertes.</p>
<p>Pero gracias <a href="http://www.kickstarter.com" target="_blank" class="liexternal">Kickstarter</a> el panorama ha cambiado. La idea detrás de este portal es que la comunidad puede invertir en proyectos a partir de pocas cantidades y sólo si el proyecto alcanza el mínimo a financiar. A cambio de su dinero el inversor recibe compensaciones que cambian en función de cada proyecto.</p>
<p>Dentro de <a href="http://www.kickstarter.com" target="_blank" class="liexternal">Kickstarter</a> es posible financiar casi todo tipo de proyectos relacionados con la tecnología o creatividad ya que dispone de 19 categorías que van desde el diseño o la música hasta los videojuegos o el teatro. La única pega es que los proyectos parecen estar muy centrados en EE.UU (en especial el área de Nueva York), aunque hay proyectos en otros países, como por ejemplo, la realización de un documental en <a href="http://www.kickstarter.com/projects/ctcinternational/the-freedom-to-be-a-documentary-film?pos=12&amp;ref=search" target="_blank" class="liexternal">Kenia</a>.</p>
<p>El proyecto más conocido financiado a través de Kickstarter ha sido el software <em>open source</em> de red social anónima: <a href="http://www.joindiaspora.com/" target="_blank" class="liexternal">Diaspora</a>. Los desarrolladores buscaban financiar 10.000$ y finalmente consiguieron más de $200.000 de inversión. Esto ha permitido al equipo de Diaspora contar con más recursos, por ejemplo el equipo de diseñador dispone del soporte de <a href="http://www.linkedin.com/in/janicefraser" target="_blank" class="liexternal">Janice Fraser</a> a través del programa <a href="http://luxr.posterous.com/" target="_blank" class="liexternal">LUXr</a>.</p>
<p>Por último, <a href="http://www.kickstarter.com/profile/andykaiser  " target="_blank" class="liexternal">he probado Kickstarter</a> financiando el desarrollo de un juego, el proceso fue muy sencillo y por supuesto no me cobraron hasta que el proyecto fue financiado al 100%.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Kickstarter%3A+financiaci%C3%B3n+social+-+http://b2l.me/apu53d&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/&amp;title=Kickstarter%3A+financiaci%C3%B3n+social&amp;summary=La%20idea%20detr%C3%A1s%20de%20Kickstarter%20es%20que%20la%20comunidad%20puede%20invertir%20en%20proyectos%20a%20partir%20de%20pocas%20cantidades%20y%20s%C3%B3lo%20si%20el%20proyecto%20alcanza%20el%20m%C3%ADnimo%20a%20financiar.%20A%20cambio%20de%20su%20dinero%20el%20inversor%20recibe%20compensaciones%20que%20cambian%20en%20funci%C3%B3n%20de%20cada%20proyecto.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/&amp;title=Kickstarter%3A+financiaci%C3%B3n+social" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/&amp;title=Kickstarter%3A+financiaci%C3%B3n+social" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/&amp;t=Kickstarter%3A+financiaci%C3%B3n+social" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/09/kickstarter-financiacion-social/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Primeras impresiones de la nueva tienda online de Zara</title>
		<link>http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/</link>
		<comments>http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 20:56:16 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Social Commerce]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[tienda online]]></category>
		<category><![CDATA[Zara]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1151</guid>
		<description><![CDATA[El lanzamiento de la nueva tienda online de Zara ha sido noticia en la prensa y redes sociales a lo largo de todo el día.]]></description>
			<content:encoded><![CDATA[<p>Zara ya anunció <a href="http://www.vivaelpixel.com/2010/08/nuevas-tiendas-online-zara-hm/" target="_blank" class="liinternal">hace unos meses</a> que hoy presentaría su nueva tienda online. El lanzamiento <a href="http://www.elpais.com/articulo/tecnologia/Zara/consigue/1200/pedidos/compra/pocas/horas/lanzamiento/tienda/online/elpeputec/20100902elpeputec_7/Tes" target="_blank" class="liexternal">ha sido noticia</a> en la prensa y redes sociales a lo largo de todo el día. A continuación presento mis primeras impresiones de la tienda online:</p>
<h3>Diseño y navegación</h3>
<p>El diseño de la tienda online es relativamente clásico con un  menú de navegación a la izquierda y destacados en formato tipográfico a la derecha.</p>
<p>Lo que más impacta es el uso de grandes imágenes de fondo de los productos en las diferentes homes (portada, hombre, mujer, &#8230;).</p>
<p>El diseño está optimizado para resoluciones de 1024, pero las imágenes de fondo destacan en monitores grandes y panorámicos.</p>
<p><img class="aligncenter size-full wp-image-1183" title="zara" src="http://www.vivaelpixel.com/wp-content/uploads/2010/09/zara.jpg" alt="" width="430" height="237" /></p>
<p>La tienda dispone de los elementos básicos de navegación: menús principales, secundarios, buscador, etc en contra de <a href="http://www.gap.eu/" target="_blank" class="liexternal">algunas tiendas online</a> de la competencia que no tienen funcionalidades tan importantes como el buscador.</p>
<p>Hay que destacar positivamente los elementos de filtrado en los listados de productos que permiten mostrar los artículos en función de la características, color, talla y precio máximo.</p>
<p><img class="aligncenter size-full wp-image-1184" title="zara tienda online" src="http://www.vivaelpixel.com/wp-content/uploads/2010/09/zara2.jpg" alt="" width="430" height="297" /></p>
<p>La página de productos sigue el diseño minimalista del resto de la tienda pero incluye toda la información necesaria para facilitar la decisión de compra: composición y cuidados, colores, tallas, múltiples fotos del producto, productos relacionados. Resulta interesante que en la página de producto haya información sobre los gastos de envío e información sobre la devolución. Esto seguramente reduzca la tasa de abandono en proceso de compra.</p>
<p>En cuanto a las imágenes destaca la opción de ver las fotos de productos en tres formatos:</p>
<ol>
<li>normal (imagen inicial &#8211; 360&#215;462px)</li>
<li>ampliado (ventana sobrepuesta &#8211; 700&#215;898px)</li>
<li>superzoom (imagen a pantalla completa &#8211; 1300&#215;1667px)</li>
</ol>
<p>Además, cada producto dispone de varias imágenes que se pueden seleccionar o ver en un <em>slideshow</em>.</p>
<h3>Social Commerce</h3>
<p>En cuanto al <em>Social Commerce</em> se han integrado botones <em>share</em> a Facebook y Twitter pero al no utilizar el <a href="http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/" target="_self" class="liinternal">botón Like de Facebook</a> y el <a href="http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/" target="_self" class="liinternal">botón oficial de Twitter</a> la integración con estas redes sociales es menor. Además, hay errores en el código de las páginas de productos, en concreto, el <em>tag </em>descripción, que Facebook usa al compartir enlaces.</p>
<p><img class="aligncenter size-full wp-image-1170" title="facebook" src="http://www.vivaelpixel.com/wp-content/uploads/2010/09/facebook2.jpg" alt="" width="420" height="398" /></p>
<h3>Comercio electrónico</h3>
<p>En general la tienda de Zara tiene muy buenas practicas de comercio electronico y contenidos de los que podemos destacar:</p>
<ul>
<li>Personalización de la compra mediante filtrado de productos</li>
<li><em>Click &amp; Collect</em> (recogida en tienda sin gastos de envío)</li>
<li><em>Cross Selling</em> (productos relacionados)</li>
<li>Múltiples opciones de envío (incluido express de 24 horas)</li>
<li>Información de los costes de envio destacada en la página del producto</li>
<li>Teléfono gratuito de soporte durante el proceso de compra</li>
<li>Pago mediante diversas tarjetas de crédito y Paypal</li>
<li><em>Mobile Commerce</em> (aplicaciones iPhone/iPad con compra online)</li>
<li>Buscador de tiendas en Google Maps</li>
<li>Vídeos y catálogos interactivos</li>
<li>Guía de compra con videos demostración y preguntas frecuentes</li>
</ul>
<h3>Lo negativo</h3>
<p>Los aspectos negativos están más relacionados con el desarrollo que con las funcionalidades: aparecen excesivas ventanas de errores durante la navegación (por ejemplo, al navegar por unas 42 páginas ha aparecido la ventana de error 11 veces, es decir, en más del 25% de las pantallas visitadas), el <em>tag</em> descripción no contiene información del producto, las <em>url</em> no son del todo <em>seo friendly</em>, no se usa una librería <em>javascript </em>tipo <em>jquery</em>, <a href="http://validator.w3.org/check?uri=http://www.zara.com/webapp/wcs/stores/servlet/home/es/es/zara-sales&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0" target="_blank" class="liexternal">errores de validación</a> y hay muchos comentarios de programadores en el código html:</p>
<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;!-- Comprobar si el store está abierto para ventas
Si no es así eliminar la cabecera por completo --&gt;</pre></div></div>
<h3>Conclusiones</h3>
<p>Se nota que la tienda online de Zara ha sido trabajada en los aspectos del comercio electrónico al prestar atención en muchos aspectos importantes. No hay aspectos que podamos considerar novedosos, pero el conjunto está por encima de otras tiendas online de la competencia.</p>
<p>Aunque los puntos negativos relacionados con el desarrollo restan puntos en el día del lanzamiento, deberían solventarse en los próximos días.</p>
<p>En los próximos meses habrá que ver la evolución de la tienda tanto en diseño como en funcionalidad. También sería interesante saber si Zara tiene pensado realizar pruebas A/B para optimizar elementos gráficos, funcionalidades, posición de los elementos, tamaños de las tipografías, etc tal y como realizan los referentes en comercio electrónico, por ejemplo, Amazon.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Primeras+impresiones+de+la+nueva+tienda+online+de+Zara+-+http://b2l.me/anz8fv&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/&amp;title=Primeras+impresiones+de+la+nueva+tienda+online+de+Zara&amp;summary=El%20lanzamiento%20de%20la%20nueva%20tienda%20online%20de%20Zara%20ha%20sido%20noticia%20en%20la%20prensa%20y%20redes%20sociales%20a%20lo%20largo%20de%20todo%20el%20d%C3%ADa.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/&amp;title=Primeras+impresiones+de+la+nueva+tienda+online+de+Zara" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/&amp;title=Primeras+impresiones+de+la+nueva+tienda+online+de+Zara" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/&amp;t=Primeras+impresiones+de+la+nueva+tienda+online+de+Zara" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/09/primeras-impresiones-nueva-tienda-online-zara/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Qué es el Kanban?</title>
		<link>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/</link>
		<comments>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 19:07:25 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Japón]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1138</guid>
		<description><![CDATA[Kanban es una herramienta de gestión que comenzó a usar Toyota en su línea de producción. Básicamente, son unas tarjetas que van unidas a los productos intermedios o finales de la línea que actúan de testigo del proceso de producción y disparan los eventos de fabricación conforme van siendo necesarios.]]></description>
			<content:encoded><![CDATA[<p>Kanban es una herramienta de gestión que comenzó a usar Toyota en su línea de producción. Básicamente, son unas tarjetas que van unidas a los productos intermedios o finales de la línea que actúan de testigo del proceso de producción y disparan los eventos de fabricación conforme van siendo necesarios.</p>
<p>Además de ser muy visual, una de las ventajas al aplicarlo en el desarrollo web es la reducción del número de reglas y obligaciones respecto a otras metodologías.</p>
<p>Sin entrar en las <a href="http://blog.crisp.se/henrikkniberg/2009/04/03/1238795520000.html" target="_blank" class="liexternal">ventajas y desventajas respecto a otras herramientas</a> (por ejemplo SCRUM), en la siguiente presentación se puede apreciar el potencial y operatividad de Kanban:</p>
<p><object id="__sse3576466" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=kanbanboards-100328050846-phpapp02&amp;stripped_title=kanbanboards" /><param name="name" value="__sse3576466" /><param name="allowfullscreen" value="true" /><embed id="__sse3576466" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=kanbanboards-100328050846-phpapp02&amp;stripped_title=kanbanboards" name="__sse3576466" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="width: 425px;">
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank" class="liexternal">presentations</a> from <a href="http://www.slideshare.net/marcusoftnet" target="_blank" class="liexternal">Marcus Hammarberg</a>.</div>
</div>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=%C2%BFQu%C3%A9+es+el+Kanban%3F+-+http://b2l.me/anrxv8&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/09/que-es-el-kanban/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/09/que-es-el-kanban/&amp;title=%C2%BFQu%C3%A9+es+el+Kanban%3F&amp;summary=Kanban%20es%20una%20herramienta%20de%20gesti%C3%B3n%20que%20comenz%C3%B3%20a%20usar%20Toyota%20en%20su%20l%C3%ADnea%20de%20producci%C3%B3n.%20B%C3%A1sicamente%2C%20son%20unas%20tarjetas%20que%20van%20unidas%20a%20los%20productos%20intermedios%20o%20finales%20de%20la%20l%C3%ADnea%20que%20act%C3%BAan%20de%20testigo%20del%20proceso%20de%20producci%C3%B3n%20y%20disparan%20los%20eventos%20de%20fabricaci%C3%B3n%20conforme%20van%20siendo%20necesarios.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/09/que-es-el-kanban/&amp;title=%C2%BFQu%C3%A9+es+el+Kanban%3F" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/09/que-es-el-kanban/&amp;title=%C2%BFQu%C3%A9+es+el+Kanban%3F" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/09/que-es-el-kanban/&amp;t=%C2%BFQu%C3%A9+es+el+Kanban%3F" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/09/que-es-el-kanban/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿La web ha muerto? Internet evoluciona</title>
		<link>http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/</link>
		<comments>http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 17:11:08 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Multicanal]]></category>
		<category><![CDATA[Multichannel]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1103</guid>
		<description><![CDATA[El artículo de Wired sobre la muerte de la web ha generado mucho revuelo estas semanas y ha sido muy criticado, en especial el gráfico y estadísticas que toman los autores como una de las bases del articulo.]]></description>
			<content:encoded><![CDATA[<p>El artículo de Wired sobre <a href="http://www.wired.com/magazine/2010/08/ff_webrip/all/1" target="_blank" class="liexternal">la muerte de la web</a> ha generado mucho revuelo estas semanas y <a href="http://www.bnet.com/blog/high-tech/sorry-wired-the-web-is-not-dead/1016" target="_blank" class="liexternal">ha sido muy criticado</a>, en especial el gráfico y estadísticas que toman los autores como una de las bases del articulo.</p>
<p>Sin entrar en detalles sobre las opiniones del articulo, el gráfico no es adecuado tal y como <a href="http://boingboing.net/2010/08/17/is-the-web-really-de.html" target="_blank" class="liexternal">expone Rob Beschizza</a>, editor de Boing Boing.</p>
<p>El artículo defiende que el uso de la web se está reduciendo a favor de las aplicaciones. Los usuarios acceden más a aplicaciones que a portales, páginas web, etc. En cierta medida es verdad, ya que los <em>smartphones</em> están proliferando y el uso de aplicaciones se asentará a corto plazo en ciertos usuarios y a medio plazo en la mayoría de los usuarios de móviles.</p>
<p>Pero es muy arriesgado predecir que las aplicaciones acabaran con la web. Tomemos como ejemplo los medios de comunicación. Apple ha argumentado que el iPad y las aplicaciones especificas son el interfaz perfecto para los medios. Rupert Murdoch, propietario de <em>News Corp</em>, <a href="http://www.guardian.co.uk/media/2010/aug/05/ipad-rupert-murdoch-apple-newscorp" target="_blank" class="liexternal">comentaba que el iPad</a> es un gran aliado de los medios de comunicación online y parece que <a href="http://mediamemo.allthingsd.com/20100816/why-ipad-magazines-wont-be-a-really-big-business-for-a-while-and-why-prices-wont-come-down-either/" target="_blank" class="liexternal">hay estudios que demuestran</a> esto mismo.</p>
<p><em>The Times</em>, uno de los periódicos de <em>News Corp</em>, cambió su modelo de negocio cobrando a los usuarios por ver su contenido y potenciando el contenido para el iPad. <a href="http://www.beehivecity.com/newspapers/times-paywall-the-numbers-on-the-street-should-we-charge-for-this180712/" target="_blank" class="liexternal">Según fuentes no oficiales</a>, han conseguido unos 12.500 usuarios dispuestos a pagar por la edición del iPad. Pero como resultado de esta estrategia también <a href="http://www.guardian.co.uk/media/2010/jul/20/times-paywall-readership" target="_blank" class="liexternal">han perdido casi un 90% de lectores online</a>, dato que <a href="http://www.brandrepublic.com/go/news/article/1022520/the-times-loses-readers/" target="_blank" class="liexternal">parece preocupar a los anunciantes</a>. En cualquier caso, el éxito o fracaso de este modelo lo veremos en el futuro.</p>
<p>En vez de predecir la muerte de la web, me parecen mucho más acertados los comentarios de André Izay, director general de Yahoo Brasil, durante el reciente Congreso Brasileño de Diarios y medios de comunicación.</p>
<p>Según un <a href="http://www.puromarketing.com/18/7791/ediciones-digitales-alternativa-diarios-impresos-futuro-sera.html" target="_blank" class="liexternal">articulo de Puro Marketing</a>, Izay explicó que el futuro de la información será &#8220;multiplataforma&#8221; y convergerán nuevas tecnologías y soportes de información que irán desde los teléfonos móviles de última generación a los nuevos &#8220;tablets&#8221; o la televisión digital por lo que &#8220;se deberá de adaptar y configurar la información al gusto del lector&#8221;, lo que supone desarrollar nuevas aplicaciones específicas y contenidos en función del soporte o lector.</p>
<p>Esta idea del futuro de Internet, la web y las aplicaciones defiende que el medio <a href="http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/" target="_blank" class="liinternal">será multicanal y la tecnología tendrá que adaptarse</a> al dispositivo del usuario y <a href="http://www.bloggingtips.com/2010/08/22/content-is-still-king/" target="_blank" class="liexternal">el contenido seguirá siendo el rey</a>.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=%C2%BFLa+web+ha+muerto%3F+Internet+evoluciona+-+http://b2l.me/ake7y4&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/&amp;title=%C2%BFLa+web+ha+muerto%3F+Internet+evoluciona&amp;summary=El%20art%C3%ADculo%20de%20Wired%20sobre%20la%20muerte%20de%20la%20web%20ha%20generado%20mucho%20revuelo%20estas%20semanas%20y%20ha%20sido%20muy%20criticado%2C%20en%20especial%20el%20gr%C3%A1fico%20y%20estad%C3%ADsticas%20que%20toman%20los%20autores%20como%20una%20de%20las%20bases%20del%20articulo.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/&amp;title=%C2%BFLa+web+ha+muerto%3F+Internet+evoluciona" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/&amp;title=%C2%BFLa+web+ha+muerto%3F+Internet+evoluciona" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/&amp;t=%C2%BFLa+web+ha+muerto%3F+Internet+evoluciona" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/08/la-web-ha-muerto-internet-evoluciona/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Información del transporte público en tiempo real</title>
		<link>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/</link>
		<comments>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 20:04:05 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[Internet de las Cosas]]></category>
		<category><![CDATA[Mashup]]></category>
		<category><![CDATA[Tiempo Real]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1023</guid>
		<description><![CDATA[La web en tiempo real es un hecho, en Estados Unidos varias ciudades han creado aplicaciones web para visualizar la posición de los autobuses en tiempo real. En Suiza desde hace unos años está disponible una web que indica la posición de los trenes mediante la información gps.]]></description>
			<content:encoded><![CDATA[<p>El internet de las cosas y la web en tiempo real están siendo <a href="http://www.readwriteweb.com/archives/5_key_trends_of_2010_half-year_report_for_the_web.php" target="_blank" class="liexternal">dos temas muy populares</a> de la primera mitad del 2010.</p>
<p>Un ejemplo sobre la utilidad de la web en tiempo real son las aplicaciones que informan sobre el transporte en tiempo real. Actualmente en muchas ciudades el tiempo de espera de los autobuses puede solicitarse a través de mensajes sms.</p>
<p>En Estados Unidos varias ciudades han creado aplicaciones web para visualizar la posición de los autobuses en un mapa (por ejemplo de <a href="http://nycbustime.info/bustime/map/displaymap.jsp" title="autobuses en el mapa de nueva york" target="_blank" class="liexternal">Nueva York</a> o <a href="http://appdev.septa.org/busview-beta/?route=109" title="autobuses en el mapa de Filadelfia" target="_blank" class="liexternal">Filadelfia</a>) en tiempo real.</p>
<p>Pero también en Europa hay varios ejemplos: en Suiza desde hace unos años está disponible una web que indica la<a href="http://www.swisstrains.ch/" title="trenes en mapa de suiza" target="_blank" class="liexternal"> posición de los trenes</a>. También en Suiza, a través de una web, se puede ver <a href="http://radar.zhaw.ch/radar.html" title="aviones en mapa de zurich" target="_blank" class="liexternal">información sobre aviones en tiempo real</a>.</p>
<p>En Gran Bretaña tenemos otros ejemplos de mapas simulando el <a href="http://traintimes.org.uk:81/map/" title="trenes en mapa de gran bretaña" target="_blank" class="liexternal">desplazamiento de los trenes regionales</a> a través de los horarios de llegada y salida.</p>
<p>El autor de este mapa también ha creado uno para el <a href="http://traintimes.org.uk:81/map/tube/" title="metro en mapa de londres" target="_blank" class="liexternal">Metro de Londres</a> que utiliza información de una de las <a href="http://data.london.gov.uk/apibeta" title="api de londres" target="_blank" class="liexternal">API</a> públicas del gobierno británico. Desgraciadamente el servicio ha sido <a href="http://data.london.gov.uk/blog/tube-feed-update" title="explicación de la suspensión del servicio" target="_blank" class="liexternal">suspendido temporalmente</a> por un uso excesivo de la API. Aunque hay <a href="http://www.flickr.com/photos/vicchi/4730203122/" title="video del funcionamiento del mapa" target="_blank" class="liexternal">disponible un vídeo</a> del funcionamiento. Además se puede descargar el <a href="http://github.com/dracos/underground-live-map" title="código fuente para descargar" target="_blank" class="liexternal">código fuente en Github</a> de forma gratuita.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Informaci%C3%B3n+del+transporte+p%C3%BAblico+en+tiempo+real+-+http://b2l.me/aeh498&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/&amp;title=Informaci%C3%B3n+del+transporte+p%C3%BAblico+en+tiempo+real&amp;summary=La%20web%20en%20tiempo%20real%20es%20un%20hecho%2C%20en%20Estados%20Unidos%20varias%20ciudades%20han%20creado%20aplicaciones%20web%20para%20visualizar%20la%20posici%C3%B3n%20de%20los%20autobuses%20en%20tiempo%20real.%20En%20Suiza%20desde%20hace%20unos%20a%C3%B1os%20est%C3%A1%20disponible%20una%20web%20que%20indica%20la%20posici%C3%B3n%20de%20los%20trenes%20mediante%20la%20informaci%C3%B3n%20gps.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/&amp;title=Informaci%C3%B3n+del+transporte+p%C3%BAblico+en+tiempo+real" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/&amp;title=Informaci%C3%B3n+del+transporte+p%C3%BAblico+en+tiempo+real" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/&amp;t=Informaci%C3%B3n+del+transporte+p%C3%BAblico+en+tiempo+real" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet de las cosas: Baker Tweet</title>
		<link>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/</link>
		<comments>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 15:24:23 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[Arduino]]></category>
		<category><![CDATA[Internet de las Cosas]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=966</guid>
		<description><![CDATA[Baker Tweet es un servicio de avisos a través de Twitter para panaderias con el que pueden avisar a sus clientes de los productos recién salidos del horno.]]></description>
			<content:encoded><![CDATA[<p><a href="http://bakertweet.com/" target="_blank" class="liexternal">Baker Tweet</a> es un servicio de avisos a través de Twitter para panaderías con el que pueden avisar a sus clientes de los productos recién salidos del horno.</p>
<p>El servicio consta de un aparato basado en <a href="http://www.arduino.cc" target="_blank" class="liexternal">Arduino</a> y un área online privada programada sobre <a href="http://www.django-cms.org/" target="_blank" class="liexternal">Django CMS</a>.</p>
<p>El piloto de Baker Tweet se ha realizado en una panadería de Londres: <a href="http://www.albioncaff.co.uk/" title="Albion Café" target="_blank" class="liexternal">Albion Café</a> y ha sido un éxito &#8211; su <a href="http://twitter.com/albionsoven" target="_blank" class="liexternal">cuenta de Twitter</a> tiene casi 2.000 seguidores y fue nominado a los <a href="http://www.webbyawards.com/webbys/current.php?media_id=98&amp;season=14  " target="_blank" class="liexternal">premios Webby</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="431" height="237" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3972081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="431" height="237" src="http://vimeo.com/moogaloop.swf?clip_id=3972081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Internet+de+las+cosas%3A+Baker+Tweet+-+http://b2l.me/act8tq&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/&amp;title=Internet+de+las+cosas%3A+Baker+Tweet&amp;summary=Baker%20Tweet%20es%20un%20servicio%20de%20avisos%20a%20trav%C3%A9s%20de%20Twitter%20para%20panaderias%20con%20el%20que%20pueden%20avisar%20a%20sus%20clientes%20de%20los%20productos%20reci%C3%A9n%20salidos%20del%20horno.&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/&amp;title=Internet+de+las+cosas%3A+Baker+Tweet" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/&amp;title=Internet+de+las+cosas%3A+Baker+Tweet" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/&amp;t=Internet+de+las+cosas%3A+Baker+Tweet" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social Media 2012</title>
		<link>http://www.vivaelpixel.com/2010/07/social-media-2012/</link>
		<comments>http://www.vivaelpixel.com/2010/07/social-media-2012/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 06:00:49 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Internet de las Cosas]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web 3.0]]></category>
		<category><![CDATA[Web Semántica]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=955</guid>
		<description><![CDATA[En su último post Helge Tennø expone tres interesantes ideas sobre qué será el socialmedia en el año 2012: la conversión del social media a los sistemas operativos sociales, los objetos se integrarán en nuestra red social y el lenguaje se expandirá.
]]></description>
			<content:encoded><![CDATA[<p>En su <a href="http://www.180360720.no/index.php/archive/social-media-2012/" target="_blank" class="liexternal">último post</a> Helge Tennø expone tres interesantes ideas sobre qué será el <em>socialmedia</em> en el año 2012:</p>
<ul>
<li>La <strong>conversión del </strong><em><strong>social media</strong></em><strong> a los </strong><em><strong>sistemas operativos sociales</strong></em>; la integración de la comunicación y los usuarios de las redes sociales con webs externas permite convertir Internet en un <a href="http://wp.nmc.org/horizon2008/chapters/social-operating-systems/" target="_blank" class="liexternal">sistema operativo social</a>.</li>
<li>Los <strong>objetos se integrarán en nuestra red social</strong>; relacionado con la idea de la <a href="http://es.wikipedia.org/wiki/Internet_de_las_Cosas" target="_blank" rel="nofollow" class="liwikipedia">Interenet de las cosas</a>, un mundo en el que estaremos conectados a los objetos que nos rodean.</li>
<li>El <strong>lenguaje se expandirá</strong>; actualmente la mayor parte de la interacción en redes sociales se basa en comunicación tangible sean textos, vídeos o imágenes. Pero el futuro se basa en <a href="http://www.180360720.no/index.php/archive/are-we-too-focused-on-getting-people-to-talk-to-us-instead-of-exchanging-ideas/" target="_blank" class="liexternal">potenciar las ideas</a> a través de cualquier formato o lenguaje.</li>
</ul>
<p>Seguramente estas tres ideas marcarán alguna diferencia en el <em>social media</em> de los próximos años.</p>
<p>En la misma línea es interesante <a href="http://mashable.com/2009/06/01/social-media-future-tech/" target="_blank" class="liexternal">este articulo</a> del año pasado. En él se exponen 7 tecnologías que influirán en el <em>social media</em> de los próximos años.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Social+Media+2012+-+File: /data/app/webapp/functions.php<br />Line: 43<br />Message: Incorrect key file for table './b2l_shrinker/phurl_urls.MYI'; try to repair it&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/07/social-media-2012/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/07/social-media-2012/&amp;title=Social+Media+2012&amp;summary=En%20su%20%C3%BAltimo%20post%20Helge%20Tenn%C3%B8%20expone%20tres%20interesantes%20ideas%20sobre%20qu%C3%A9%20ser%C3%A1%20el%20socialmedia%20en%20el%20a%C3%B1o%202012%3A%20la%20conversi%C3%B3n%20del%20social%20media%20a%20los%20sistemas%20operativos%20sociales%2C%20los%20objetos%20se%20integrar%C3%A1n%20en%20nuestra%20red%20social%20y%20el%20lenguaje%20se%20expandir%C3%A1.%0D%0A&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/07/social-media-2012/&amp;title=Social+Media+2012" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/07/social-media-2012/&amp;title=Social+Media+2012" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/07/social-media-2012/&amp;t=Social+Media+2012" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/07/social-media-2012/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/07/social-media-2012/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mashup botones &#8220;Likes&#8221;</title>
		<link>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/</link>
		<comments>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 04:00:53 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Mashup]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=881</guid>
		<description><![CDATA[Ha aparecido el primer mashup: Likebutton.me que indica la actividad de "Me gusta" de los amigos en Facebook a través de un sencillo interfaz. ]]></description>
			<content:encoded><![CDATA[<p>En mi <a href="http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/" class="liinternal">anterior post</a> introduje el uso de los botones &#8220;Like&#8221; o &#8220;Me gusta&#8221; de Facebook en el comercio electrónico y el gran éxito que han tenido estos botones en la web, con más de 50.000 webs usándolos.</p>
<p>En estas semanas ya ha aparecido el primer mashup: <a href="http://likebutton.me/" target="_blank" class="liexternal">Likebutton.me</a> que indica la actividad de los botones &#8220;Me gusta&#8221; de los amigos en Facebook a través de un sencillo interfaz. La web indica la actividad en varias webs importantes, pero es posible añadir cualquier web y ver como está siendo <em>compartida </em>en Facebook.</p>
<p>En cualquier caso, no es necesario utilizar likebutton.me para poder disponer de la información de los &#8220;Like&#8221; en una web. Gracias a <a href="http://developers.facebook.com/docs/reference/plugins/activity" target="_blank" class="liexternal">Activity Feed</a>, rellenando un sencillo formulario, es posible crear un código html para integrarlo en cualquier web tal y cómo se puede ver en el siguiente ejemplo:</p>
<p><iframe src="http://www.facebook.com/plugins/activity.php?site=www.vivaelpixel.com&amp;width=430&amp;height=300&amp;header=false&amp;colorscheme=light&amp;recommendations=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:430px; height:300px;" allowTransparency="true"></iframe></p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Mashup+botones+%22Likes%22+-+http://b2l.me/325my&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/06/mashup-botones-likes/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/06/mashup-botones-likes/&amp;title=Mashup+botones+%22Likes%22&amp;summary=Ha%20aparecido%20el%20primer%20mashup%3A%20Likebutton.me%20que%20indica%20la%20actividad%20de%20%22Me%20gusta%22%20de%20los%20amigos%20en%20Facebook%20a%20trav%C3%A9s%20de%20un%20sencillo%20interfaz.%20&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/06/mashup-botones-likes/&amp;title=Mashup+botones+%22Likes%22" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/06/mashup-botones-likes/&amp;title=Mashup+botones+%22Likes%22" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/06/mashup-botones-likes/&amp;t=Mashup+botones+%22Likes%22" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/06/mashup-botones-likes/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Contenido y publicación multicanal</title>
		<link>http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/</link>
		<comments>http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 23:30:42 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[e]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<category><![CDATA[Multicanal]]></category>
		<category><![CDATA[Multichannel]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Web 3.0]]></category>
		<category><![CDATA[Web Semántica]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=779</guid>
		<description><![CDATA[La publicación multicanal debe ser la piedra angular de cualquier estrategia de comunicación online y de los gestores de contenido web que la sustentan. ¿Pero qué es la publicación multicanal?]]></description>
			<content:encoded><![CDATA[<p>Desde hace años, considero que uno de los factores clave para elegir un gestor de contenidos web (WCMS) sobre otros, es la diferenciación entre la capa de diseño o presentación y el contenido. Quizás, entre otras razones más técnicas, la principal sea mi debilidad por la comunicación, el marketing y el <a href="http://en.wikipedia.org/wiki/Communication_design" target="_blank" rel="nofollow" class="liwikipedia">diseño de comunicación</a>, todas ellas, disciplinas relacionadas con el mensaje y las teorías de la psicología de la comunicación.</p>
<p>La web ha evolucionado sobre este concepto, ya que las tres capas básicas al desarrollar una página web son:</p>
<ul>
<li><strong>Contenido o estructura<span style="font-weight: normal;">, es lo que lo que interesa a los visitantes o usuarios en la web. El contenido puede ser </span><span style="font-weight: normal;"><a href="http://en.wikipedia.org/wiki/Web_content" title="definición contenido web en la wikipedia " target="_blank" rel="nofollow" class="liwikipedia">texto, imagenes, videos</a></span><span style="font-weight: normal;"> e incluso los enlaces.</span></strong></li>
<li><strong>Estilo o presentación<span style="font-weight: normal;">, es el cómo se presenta un documento a los lectores. Esta capa está definida por las <a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada" target="_blank" rel="nofollow" class="liwikipedia">CSS</a>.</span></strong></li>
<li><strong>Interacción o comportamiento<span style="font-weight: normal;">, es la capa que hace algo. Puede ser desde <a href="http://es.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> hasta <a href="http://es.wikipedia.org/wiki/Php" target="_blank" rel="nofollow" class="liwikipedia">PHP</a>.</span></strong></li>
</ul>
<p>Separar las capas tiene múltiples ventajas: recursos compartidos (p.ej. css), desarrollo multi-personas (maquetadores, editores, etc), mayor accesibilidad, pero sobre todo permite disponer de contenido apto para la publicación multicanal.</p>
<h3>La interacción multicanal</h3>
<p>Hoy en día, la interacción con la web se ha vuelto <em>multicanal</em>, en los últimos años el uso del móvil para acceder a servicios online se ha ido estableciendo. El año 2009 fue el año de los smartphones y el uso de los mismos en los próximos años será la norma, pero el usuario seguirá accediendo a internet desde el ordenador y a través de nuevas vias como los <a href="http://www.vivaelpixel.com/2010/01/yahoo-connected-tv/" target="_self" class="liinternal">widgets para la televisión digital</a>.</p>
<p>Es por ello que la publicación multicanal debe ser la piedra angular de cualquier estrategia de comunicación online y de los gestores de contenido web que la sustentan. ¿Pero qué es la publicación multicanal?</p>
<blockquote><p>La <strong>publicación multicanal</strong> representa la ejecución y/o despliegue de la comunicación a través de los diferentes canales (de comunicación), los cuales incluyen medios impresos, email, móvil, web o cualquiera de los canales existentes.</p></blockquote>
<h3>Ejemplos de publicación multicanal</h3>
<ul>
<li><a href="http://ez.no" target="_blank" class="liexternal">eZ Publish</a> utiliza su potencial para la publicación multicanal como se puede ver en <a href="http://ez.no/ezpublish/webinar_multi_channel_content_delivery_with_ez_publish" title="webinar gratuito sobre eZ Publish" target="_blank" class="liexternal">este webinar gratuito</a>.</li>
<li><a href="http://www.onehippo.com/" target="_blank" class="liexternal">Hippo CMS</a> tambien permite la publicación multicanal. <a href="http://www.vijaykiran.com/2010/05/26/multi-channel-publishing-with-hippo-cms-hst/" title="Publicación multicanal con Hippo CMS" target="_blank" class="liexternal">Vijay Kiran</a> explica mediante un interesante tutorial como crear un evento para publicar en multiples canales (web, iCalendar, Móvil/iPhone y realidad aumentada).</li>
<li><a href="http://t3n.de/magazin/" target="_blank" class="liexternal">t3n </a>es una revista alemana cuyo contenido se gestiona con <a href="http://typo3.com/" target="_blank" class="liexternal">Typo3</a> para publicarlo en la versión impresa y en el portal web.</li>
</ul>
<p>La mayor desventaja de la <em>publicación multicanal</em> es que a veces es necesario ajustar los contenidos, en especial los textos, a cada medio/usuarios/consumidores. Por ejemplo los textos pueden cambiar en las revistas impresas respecto a la versión online tanto en forma, contenido y longitud.</p>
<p>De todos modos, seguramente la <a href="http://es.wikipedia.org/wiki/Web_sem%C3%A1ntica" target="_blank" rel="nofollow" class="liwikipedia">web semántica</a> permitirá en un futuro que máquinas de procesamiento evalúen el contenido y lo ajusten a los diferentes canales.</p>
<h5>Imagen del post creada mediante <a href="http://amaztype.tha.jp" target="_blank" class="liexternal">amaztype</a></h5>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Contenido+y+publicaci%C3%B3n+multicanal+-+http://b2l.me/zhhap&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/&amp;title=Contenido+y+publicaci%C3%B3n+multicanal&amp;summary=La%20publicaci%C3%B3n%20multicanal%20debe%20ser%20la%20piedra%20angular%20de%20cualquier%20estrategia%20de%20comunicaci%C3%B3n%20online%20y%20de%20los%20gestores%20de%20contenido%20web%20que%20la%20sustentan.%20%C2%BFPero%20qu%C3%A9%20es%20la%20publicaci%C3%B3n%20multicanal%3F&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/&amp;title=Contenido+y+publicaci%C3%B3n+multicanal" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/&amp;title=Contenido+y+publicaci%C3%B3n+multicanal" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/&amp;t=Contenido+y+publicaci%C3%B3n+multicanal" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/06/contenido-publicacion-multicanal/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The State of the Internet</title>
		<link>http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/</link>
		<comments>http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 10:56:03 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Vídeo]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=787</guid>
		<description><![CDATA[Desde los inicios, la evolución de Internet ha sido exponencial , en el siguiente video se muestra dicha evolución en base a estadisticas y datos numericos:]]></description>
			<content:encoded><![CDATA[<p>Desde los inicios, la evolución de Internet ha sido exponencial , en el siguiente video se muestra dicha evolución en base a estadisticas y datos numericos:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="323" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9641036&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="323" src="http://vimeo.com/moogaloop.swf?clip_id=9641036&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>Puedes encontrar otros 4 videos sobre la web y su evolución a la web 2.0 en el <a href="http://pulsosocial.com/2010/06/02/cinco-videos-para-entender-la-evolucion-de-la-web-hasta-los-social-media/" target="_blank" class="liexternal">blog pulso social</a>.</p>
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=The+State+of+the+Internet+-+http://b2l.me/yuq5h&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/&amp;title=The+State+of+the+Internet&amp;summary=Desde%20los%20inicios%2C%20la%20evoluci%C3%B3n%20de%20Internet%20ha%20sido%20exponencial%20%2C%20en%20el%20siguiente%20video%20se%20muestra%20dicha%20evoluci%C3%B3n%20en%20base%20a%20estadisticas%20y%20datos%20numericos%3A&amp;source=Viva el Pixel" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/&amp;title=The+State+of+the+Internet" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo con Digg!">&iexcl;Comp&aacute;rtelo con Digg!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/&amp;title=The+State+of+the+Internet" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/&amp;t=The+State+of+the+Internet" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/06/the-state-of-the-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
