<?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; Desarrollo web</title>
	<atom:link href="http://www.vivaelpixel.com/temas/desarrollo-web/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>¿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>Nuevo botón oficial de Twitter y el comercio electrónico</title>
		<link>http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/</link>
		<comments>http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 20:47:05 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[Social Commerce]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1059</guid>
		<description><![CDATA[Ya es oficial, Twitter ha publicado su nuevo botón para compartir enlaces. Mediante este nuevo botón los usuarios de webs podrán fácilmente compartir una url en su cuenta de Twitter.]]></description>
			<content:encoded><![CDATA[<p>Ya es oficial, Twitter ha <a href="http://blog.twitter.com/2010/08/pushing-our-tweet-button.html" target="_blank" class="liexternal">publicado su nuevo botón</a> para compartir enlaces. Mediante este nuevo botón los usuarios de webs podrán fácilmente compartir una url en su cuenta de Twitter.</p>
<p>Los servicios para compartir enlaces en Twitter no son nada nuevo, el precursor hace años fue TweetMeme, que curiosamente <a href="http://blog.tweetmeme.com/2010/08/12/twitter-tweet-button/" target="_blank" class="liexternal">ha ayudado a Twitter en el desarrollo</a> del botón oficial. Pero con el nuevo botón será posible contabilizar de manera más fácil cuántas veces se ha compartido una página web en Twitter.</p>
<p>El botón oficial está teniendo mucha aceptación por la <em>blogsfera. </em>El botón es fácil de instalar (requiere <a href="http://twitter.com/goodies/tweetbutton" target="_blank" class="liexternal">sólo unas lineas de código</a>) y ya existen varios <em>plugins </em>para Wordpress.</p>
<p>Según el blog de Twitter el botón ha sido integrado inicialmente en varios medios de comunicación y grandes portales en menos de una semana. De la lista no hay ninguna tienda online, aunque el <a href="http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/" target="_self" class="liinternal">botón &#8220;Like&#8221; de Facebook sí ha tenido buena aceptación en el comercio electrónico</a>. Twitter y Facebook son redes sociales muy diferentes, pero el potencial de promoción viral funciona de una manera similar. Por ello seguramente el botón de Twitter comenzará a usarse más en comercio electrónico a corto plazo.</p>
<p>Incluso ya hay una <a href="http://blog.delorumcommerce.com/general/new-product-official-twitter-tweet-button-for-magento" target="_blank" class="liexternal">extensión para la solución de tienda online Magento</a> para habilitar el botón en las páginas del cms y producto en menos de 5 minutos.</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=Nuevo+bot%C3%B3n+oficial+de+Twitter+y+el+comercio+electr%C3%B3nico+-+http://b2l.me/ag5mg7&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/boton-oficial-twitter-comercio-electronico/" 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/boton-oficial-twitter-comercio-electronico/&amp;title=Nuevo+bot%C3%B3n+oficial+de+Twitter+y+el+comercio+electr%C3%B3nico&amp;summary=Ya%20es%20oficial%2C%20Twitter%20ha%20publicado%20su%20nuevo%20bot%C3%B3n%20para%20compartir%20enlaces.%20Mediante%20este%20nuevo%20bot%C3%B3n%20los%20usuarios%20de%20webs%20podr%C3%A1n%20f%C3%A1cilmente%20compartir%20una%20url%20en%20su%20cuenta%20de%20Twitter.&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/boton-oficial-twitter-comercio-electronico/&amp;title=Nuevo+bot%C3%B3n+oficial+de+Twitter+y+el+comercio+electr%C3%B3nico" 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/boton-oficial-twitter-comercio-electronico/&amp;title=Nuevo+bot%C3%B3n+oficial+de+Twitter+y+el+comercio+electr%C3%B3nico" 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/boton-oficial-twitter-comercio-electronico/&amp;t=Nuevo+bot%C3%B3n+oficial+de+Twitter+y+el+comercio+electr%C3%B3nico" 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/boton-oficial-twitter-comercio-electronico/" 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/boton-oficial-twitter-comercio-electronico/feed/</wfw:commentRss>
		<slash:comments>1</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>Alhoa Editor: el editor html5</title>
		<link>http://www.vivaelpixel.com/2010/07/alhoa-editor-html5/</link>
		<comments>http://www.vivaelpixel.com/2010/07/alhoa-editor-html5/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 21:45:10 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=981</guid>
		<description><![CDATA[Aloha Editor es un nuevo editor open source que se enfoca a la edición frontend, menús sencillos y HTML5.]]></description>
			<content:encoded><![CDATA[<p>Los editores web WYSIWYG más populares son <a href="http://tinymce.moxiecode.com/" target="_blank" class="liexternal">TinyMCE</a> (Wordpress, eZ Publish, &#8230;) y <a href="http://ckeditor.com/" target="_blank" class="liexternal">CKeditor</a> (xt:Commerce, Fatwire, &#8230;). Ambos siguen un modelo de edición parecido: menú principal con iconos y un área de texto/contenido.</p>
<p>Con un enfoque bastante diferente se ha creado un nuevo editor bastante innovador: <a href="http://aloha-editor.com" target="_blank" class="liexternal">Aloha Editor</a>. Este nuevo editor <em>open source</em> se enfoca a la edición <em>frontend</em>, menús sencillos y HTML5.</p>
<p>Aloha Editor permite editar el contenido directamente, sin necesidad de previsualizar los cambios y a nivel de usabilidad reduce el número de interacciones (comparado con TinyMCE y CKeditor).</p>
<p>El tiempo dirá si se convierte en uno de los editores por defecto, de momento es un editor con ideas innovadoras e interesantes.</p>
<div id="__ss_4360175" style="width: 425px;"><object id="__sse4360175" 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=alohacontenteditableuseable-100531044623-phpapp01&amp;rel=0&amp;stripped_title=aloha-editor-contenteditable-useable" /><param name="name" value="__sse4360175" /><param name="allowfullscreen" value="true" /><embed id="__sse4360175" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=alohacontenteditableuseable-100531044623-phpapp01&amp;rel=0&amp;stripped_title=aloha-editor-contenteditable-useable" name="__sse4360175" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<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/draftkraft" target="_blank" class="liexternal">Haymo Meran</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=Alhoa+Editor%3A+el+editor+html5+-+http://b2l.me/abp63t&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/alhoa-editor-html5/" 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/alhoa-editor-html5/&amp;title=Alhoa+Editor%3A+el+editor+html5&amp;summary=Aloha%20Editor%20es%20un%20nuevo%20editor%20open%20source%20que%20se%20enfoca%20a%20la%20edici%C3%B3n%20frontend%2C%20men%C3%BAs%20sencillos%20y%20HTML5.&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/alhoa-editor-html5/&amp;title=Alhoa+Editor%3A+el+editor+html5" 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/alhoa-editor-html5/&amp;title=Alhoa+Editor%3A+el+editor+html5" 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/alhoa-editor-html5/&amp;t=Alhoa+Editor%3A+el+editor+html5" 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/alhoa-editor-html5/" 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/alhoa-editor-html5/feed/</wfw:commentRss>
		<slash:comments>4</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>Botón &#8220;Me gusta&#8221; de Facebook en el comercio electrónico</title>
		<link>http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/</link>
		<comments>http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/#comments</comments>
		<pubDate>Tue, 15 Jun 2010 20:32:08 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Virales]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=863</guid>
		<description><![CDATA[Con el botón "Like" o "Me Gusta" las webs pueden indicar si el contenido es de interés para otros usuarios y amigos de Facebook. El botón es una interesante opción para integrar las tiendas online con Facebook y crear Social Commerce.]]></description>
			<content:encoded><![CDATA[<p>Hace unas semanas Mark Zuckerberg (Facebook) <a href="http://techcrunch.com/2010/04/21/zuckerbergs-buildin-web-default-social/" title="conferencia f8" target="_blank" class="liexternal">presentaba en la conferencia F8</a> la nueva API de Facebook, Open Graph, y los nuevos botones &#8220;Me gusta&#8221;, para integrar cada vez más Facebook con webs externas. Estos botones han tenido un gran éxito, ya que actualmente están <a href="http://techcrunch.com/2010/04/28/50000-websites-have-already-integrated-facebooks-new-social-plugins/" target="_blank" class="liexternal">integrados en más de 50.000 webs</a>.</p>
<p>Con el botón &#8220;Like&#8221; o &#8220;Me Gusta&#8221; las webs pueden indicar si el contenido es de interés para otros usuarios y amigos de Facebook. Para Wordpress hay disponible un <a href="http://wordpress.org/extend/plugins/like/" target="_blank" class="liwp">plugin </a>que permite añadir fácilmente el botón a cualquier web basada en Wordpress.</p>
<p>Una de las <a href="http://www.vivaelpixel.com/2010/03/comercio-electronico-tendencias-2010/" title="endencias en el comercio electrónico" target="_blank" class="liinternal">tendencias del comercio electrónico en el 2010</a> es el <em>Social Commerce</em>, y el botón de &#8220;Me gusta&#8221; es una interesante opción para integrar las tiendas online con Facebook.</p>
<p>Un ejemplo destacado de la apuesta por la integración del botón &#8220;Like&#8221; con productos es la tienda online de Levi&#8217;s, en la que cada producto dispone de un botón.</p>
<p style="text-align: center;"><a href="http://store.levi.com/" target="_blank" class="liimagelink" title="tienda-levis"><img class="size-full wp-image-872 aligncenter" title="tienda-levis" src="http://www.vivaelpixel.com/wp-content/uploads/2010/06/tienda-levis.jpg" alt="" width="430" height="250" /></a></p>
<p>A su vez, esta tienda integra otras opciones relacionadas con Facebook: <em>feed </em>de la página de Levi&#8217;s en Facebook, próximos cumpleaños de los amigos en Facebook, etc</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=Bot%C3%B3n+%22Me+gusta%22+de+Facebook+en+el+comercio+electr%C3%B3nico+-+http://b2l.me/3y4mz&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/boton-me-gusta-facebook-comercio-electronico/" 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/boton-me-gusta-facebook-comercio-electronico/&amp;title=Bot%C3%B3n+%22Me+gusta%22+de+Facebook+en+el+comercio+electr%C3%B3nico&amp;summary=Con%20el%20bot%C3%B3n%20%22Like%22%20o%20%22Me%20Gusta%22%20las%20webs%20pueden%20indicar%20si%20el%20contenido%20es%20de%20inter%C3%A9s%20para%20otros%20usuarios%20y%20amigos%20de%20Facebook.%20El%20bot%C3%B3n%20es%20una%20interesante%20opci%C3%B3n%20para%20integrar%20las%20tiendas%20online%20con%20Facebook%20y%20crear%20Social%20Commerce.&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/boton-me-gusta-facebook-comercio-electronico/&amp;title=Bot%C3%B3n+%22Me+gusta%22+de+Facebook+en+el+comercio+electr%C3%B3nico" 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/boton-me-gusta-facebook-comercio-electronico/&amp;title=Bot%C3%B3n+%22Me+gusta%22+de+Facebook+en+el+comercio+electr%C3%B3nico" 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/boton-me-gusta-facebook-comercio-electronico/&amp;t=Bot%C3%B3n+%22Me+gusta%22+de+Facebook+en+el+comercio+electr%C3%B3nico" 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/boton-me-gusta-facebook-comercio-electronico/" 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/boton-me-gusta-facebook-comercio-electronico/feed/</wfw:commentRss>
		<slash:comments>4</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>Herramientas web gratuitas de gestión de proyectos</title>
		<link>http://www.vivaelpixel.com/2010/04/herramientas-web-gratuitas-gestion-proyectos/</link>
		<comments>http://www.vivaelpixel.com/2010/04/herramientas-web-gratuitas-gestion-proyectos/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 17:18:16 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=726</guid>
		<description><![CDATA[Existen múltiples herramientas para facilitar la gestión de proyectos. En los últimos años han aparecido multitud basadas en la web y la elección de una u otra dependerá de cada proyecto, necesidades, personas involucradas y experiencia.]]></description>
			<content:encoded><![CDATA[<p>Existen múltiples herramientas para facilitar la gestión de  proyectos. En los últimos años han aparecido multitud basadas en<em> la web</em> y la elección de una u otra dependerá de cada proyecto, necesidades, personas involucradas y experiencia. No debemos obviar, que estas herramientas no aseguran la gestión efectiva de cualquier proyecto, la cual dependerá más de una elección  adecuada, de la correcta aplicación y uso,  que de la propia herramienta  en sí.</p>
<h2>Basecamp</h2>
<p>Es un servicio online creado por <a href="http://37signals.com" title="37 signals" target="_blank" class="liexternal">37 Signals</a> en el año 2003 y es utilizado por millones de usuarios. Es un servicio de pago con varios planes/precios, pero existe un plan gratuito para gestionar como máximo un proyecto activo. El interfaz es muy intuitivo y dispone de un gran numero de funcionalidades, además de una API para poder integrar otras aplicaciones.</p>
<p style="text-align: center;"><a href="http://basecamphq.com/" target="_blank" class="liimagelink" title="Basecamp"><img class="aligncenter size-full wp-image-733" title="Basecamp" src="http://www.vivaelpixel.com/wp-content/uploads/2010/04/basecamp.jpg" alt="Basecamp" width="430" height="220" /></a></p>
<h2>Teamwork</h2>
<p>Sigue el modelo iniciado por Basecamp pero con algunas mejoras muy interesantes: control de riesgo y multi-idioma. El interfaz es intuitivo y existen planes de pago para múltiples necesidades y un plan gratuito con un máximo de dos proyectos. Incluso hay una versión de pago para instalar en entornos propios.<br />
<a href="http://www.teamworkpm.net/" target="_blank" class="liimagelink" title="Teamwork"><img class="aligncenter size-full wp-image-736" title="Teamwork" src="http://www.vivaelpixel.com/wp-content/uploads/2010/04/teamworkpm.jpg" alt="" width="430" height="283" /></a></p>
<h2>eZ Teamroom</h2>
<p>Es una extension para <a href="http://ez.no" title="eZ Publish" target="_blank" class="liexternal">eZ Publish</a>, que añade funcionalidades de colaboración a este potente y flexible gestor de contenidos.<br />
<a href="http://projects.ez.no/ezteamroom" target="_blank" class="liimagelink" title="eZ Teamroom"><img class="aligncenter size-full wp-image-747" title="eZ Teamroom" src="http://www.vivaelpixel.com/wp-content/uploads/2010/04/ezteamroom.jpg" alt="" width="430" height="391" /></a></p>
<h2>Open Atrium</h2>
<p>Es una intranet/espacio de colaboración basado en <a href="http://drupal.org/" title="drupal" target="_blank" class="liexternal">Drupal</a>. Proporciona seis funcionalidades básicas: blog, wiki, calendarios, lista de tareas, microblog, y un panel para gestionarlo todo.<br />
<a href="http://openatrium.com/" target="_blank" class="liimagelink" title="Open Atrium"><img class="aligncenter size-full wp-image-742" title="Open Atrium" src="http://www.vivaelpixel.com/wp-content/uploads/2010/04/openatrium.jpg" alt="" width="430" height="205" /></a></p>
<h2>Teambox</h2>
<p>Aunque Teambox tiene un servicio online tanto gratuito, como de pago, lo más destacado es que se trata de un gestor de proyectos Open Source que puede instalarse en un entorno propio sin coste de licencia. Dispone de una amplia gama de funcionalidades y está programado en Ruby on Rails.<br />
<a href="http://www.teambox.com" target="_blank" class="liimagelink" title="Teambox"><img class="aligncenter size-full wp-image-739" title="Teambox" src="http://www.vivaelpixel.com/wp-content/uploads/2010/04/teambox.jpg" alt="" width="430" height="421" /></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=Herramientas+web+gratuitas+de+gesti%C3%B3n+de+proyectos+-+http://b2l.me/r5pzk&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/04/herramientas-web-gratuitas-gestion-proyectos/" 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/04/herramientas-web-gratuitas-gestion-proyectos/&amp;title=Herramientas+web+gratuitas+de+gesti%C3%B3n+de+proyectos&amp;summary=Existen%20m%C3%BAltiples%20herramientas%20para%20facilitar%20la%20gesti%C3%B3n%20de%20proyectos.%20En%20los%20%C3%BAltimos%20a%C3%B1os%20han%20aparecido%20multitud%20basadas%20en%20la%20web%20y%20la%20elecci%C3%B3n%20de%20una%20u%20otra%20depender%C3%A1%20de%20cada%20proyecto%2C%20necesidades%2C%20personas%20involucradas%20y%20experiencia.&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/04/herramientas-web-gratuitas-gestion-proyectos/&amp;title=Herramientas+web+gratuitas+de+gesti%C3%B3n+de+proyectos" 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/04/herramientas-web-gratuitas-gestion-proyectos/&amp;title=Herramientas+web+gratuitas+de+gesti%C3%B3n+de+proyectos" 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/04/herramientas-web-gratuitas-gestion-proyectos/&amp;t=Herramientas+web+gratuitas+de+gesti%C3%B3n+de+proyectos" 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/04/herramientas-web-gratuitas-gestion-proyectos/" 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/04/herramientas-web-gratuitas-gestion-proyectos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rework, un libro de 37 Signals</title>
		<link>http://www.vivaelpixel.com/2010/04/rework-libro-37-signals/</link>
		<comments>http://www.vivaelpixel.com/2010/04/rework-libro-37-signals/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 19:29:20 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Libros]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=712</guid>
		<description><![CDATA[En marzo de este año, Jason Fried and David Heinmeier Hanson de 37 Signals, han publicado un nuevo libro: Rework.]]></description>
			<content:encoded><![CDATA[<p>Siempre he sido un gran <em>fan </em>de <a href="http://37signals.com/" target="_blank" class="liexternal">37 Signals</a>, me encantan sus productos, su modelo de negocio y sigo <a href="http://37signals.com/svn" target="_blank" class="liexternal">su blog Signal vs. Noise</a> desde hace ya muchos años.</p>
<p>Su libro <a href="http://gettingreal.37signals.com/" target="_blank" class="liexternal">Getting Real</a> ha sido uno de mis libros de cabecera sobre el negocio online; desde la conceptualización, el diseño y el desarrollo hasta la estrategia, los recursos y el marketing.</p>
<p>En marzo de este año, Jason Fried y David Heinmeier Hanson, han publicado un nuevo libro: <strong><a href="http://37signals.com/rework/" target="_blank" class="liexternal">Rework</a></strong>. En sus 12 capítulos, los autores exponen de una manera clara, práctica y sencilla la metodología que les ha llevado al éxito, tratando temas tales como la la productividad, la innovación, la motivación, la contratación y la promoción. <strong>Rework </strong>es básicamente un manifiesto sobre cómo conseguir el éxito de un negocio de una manera distinta, que sorprenderá y seguro será criticado por muchos <em>empresarios clásicos</em>. Pero la demostración de que funciona está en 37 Signals, sus productos web son usados por más de 3.000.000 de usuarios.</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=Rework%2C+un+libro+de+37+Signals+-+http://b2l.me/n5anc&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/04/rework-libro-37-signals/" 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/04/rework-libro-37-signals/&amp;title=Rework%2C+un+libro+de+37+Signals&amp;summary=En%20marzo%20de%20este%20a%C3%B1o%2C%20Jason%20Fried%20and%20David%20Heinmeier%20Hanson%20de%2037%20Signals%2C%20han%20publicado%20un%20nuevo%20libro%3A%20Rework.&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/04/rework-libro-37-signals/&amp;title=Rework%2C+un+libro+de+37+Signals" 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/04/rework-libro-37-signals/&amp;title=Rework%2C+un+libro+de+37+Signals" 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/04/rework-libro-37-signals/&amp;t=Rework%2C+un+libro+de+37+Signals" 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/04/rework-libro-37-signals/" 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/04/rework-libro-37-signals/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
