<?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; Open Source</title>
	<atom:link href="http://www.vivaelpixel.com/tag/open-source/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vivaelpixel.com</link>
	<description>Blog sobre Tecnologia y marketing online</description>
	<lastBuildDate>Thu, 02 Sep 2010 20:57:19 +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>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>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>eZ Publish Fuji Alpha 2</title>
		<link>http://www.vivaelpixel.com/2010/06/ez-publish-fuji-alpha-2/</link>
		<comments>http://www.vivaelpixel.com/2010/06/ez-publish-fuji-alpha-2/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 23:15:02 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Alpha]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=793</guid>
		<description><![CDATA[Hace una semana Nicolas Pastorino anunció la disponibilidad de la segunda versión Alpha de eZ Publish Fuji (4.4). Las mejoras más destacadas son la extensión Image Editor, mejoras en el interfaz de administración, mejoras en eZ Find y la optimización de la carga automática de extensiones.]]></description>
			<content:encoded><![CDATA[<p>Hace una semana <a href="http://share.ez.no/blogs/ez/ez-publish-fuji-alpha-2" title="anuncio eZ Publish Fuji Alpha 2" target="_self" class="liexternal">Nicolas Pastorino anunció</a> la disponibilidad de la segunda versión Alpha de eZ Publish Fuji (4.4). Las mejoras más destacadas son:</p>
<ul>
<li><strong>La extensión </strong><a href="http://projects.ez.no/epie" title="Extensión Image Editor" target="_blank" class="liexternal"><strong>Image Editor</strong></a>, está integrada en eZ Publish por defecto. Si ya de por si, eZ Publish era muy flexible con el <a href="http://ez.no/doc/ez_publish/technical_manual/4_x/reference/datatypes/image" title="Documentación Imágenes en eZ Publish" target="_blank" class="liexternal">redimensionamiento y tratamiento</a> de imágenes a nivel de plantillas, esta nueva extensión permite a los editores disponer de funcionalidades básicas de edición de imágenes, además de varios filtros de color.<a href="http://www.vivaelpixel.com/wp-content/uploads/2010/06/epie.png" rel="shadowbox[post-793];player=img;" class="liimagelink" title="Image Editor"><img class="aligncenter size-full wp-image-798" title="Image Editor" src="http://www.vivaelpixel.com/wp-content/uploads/2010/06/epie_smallbanner.png" alt="" width="270" height="150" /></a></li>
<li><strong>Mejoras en el nuevo interfaz de administración</strong> (disponible desde la versión 4.3)</li>
<li><strong>Mejoras en eZ Find</strong>, se ha añadido la opción de serializar y guardar información que puede ser mostrada sin acceder a la base de datos.</li>
<li>Se ha <strong>optimizado la carga automática de extensiones</strong>.</li>
</ul>
<p>Al ser una versión Alpha, aun existen pequeños errores y no se debería utilizar en entornos de producción.</p>
<p>Esta versión está disponible para descargar en <a href="http://ez.no/download/ez_publish/ez_publish_4_unstable_releases/4_4/4_4_0alpha2" title="descargar eZ Publish Fuji Alpha 2" target="_blank" class="liexternal">ez.no</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=eZ+Publish+Fuji+Alpha+2+-+http://b2l.me/yy644&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/ez-publish-fuji-alpha-2/" 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/ez-publish-fuji-alpha-2/&amp;title=eZ+Publish+Fuji+Alpha+2&amp;summary=Hace%20una%20semana%20Nicolas%20Pastorino%20anunci%C3%B3%20la%20disponibilidad%20de%20la%20segunda%20versi%C3%B3n%20Alpha%20de%20eZ%20Publish%20Fuji%20%284.4%29.%20Las%20mejoras%20m%C3%A1s%20destacadas%20son%20la%20extensi%C3%B3n%20Image%20Editor%2C%20mejoras%20en%20el%20interfaz%20de%20administraci%C3%B3n%2C%20mejoras%20en%20eZ%20Find%20y%20la%20optimizaci%C3%B3n%20de%20la%20carga%20autom%C3%A1tica%20de%20extensiones.&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/ez-publish-fuji-alpha-2/&amp;title=eZ+Publish+Fuji+Alpha+2" 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/ez-publish-fuji-alpha-2/&amp;title=eZ+Publish+Fuji+Alpha+2" 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/ez-publish-fuji-alpha-2/&amp;t=eZ+Publish+Fuji+Alpha+2" 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/ez-publish-fuji-alpha-2/" 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/ez-publish-fuji-alpha-2/feed/</wfw:commentRss>
		<slash:comments>0</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>eZ Publish 4.3</title>
		<link>http://www.vivaelpixel.com/2010/04/ez-publish-4-3/</link>
		<comments>http://www.vivaelpixel.com/2010/04/ez-publish-4-3/#comments</comments>
		<pubDate>Sun, 25 Apr 2010 17:30:55 +0000</pubDate>
		<dc:creator>Andreas Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=756</guid>
		<description><![CDATA[eZ Publish 4.3 dispone de un nuevo interfaz de administración mucho más intuitivo, moderno y fácil de utilizar. Se han mejorado varias extensiones y se ha añadido un nuevo modulo de comentarios para usuarios.]]></description>
			<content:encoded><![CDATA[<p>El lanzamiento de <a href="http://ez.no/ezpublish/discover_ez_publish_4_3" title="eZ Publish" target="_blank" class="liexternal">eZ Publish 4.3</a> ha sido un hito importante para este flexible y potente gestor de contenido corporativo <em>open source</em>. Lo más destacable es el nuevo interfaz de administración, mucho más intuitivo, moderno y fácil de utilizar. Además de las mejoras en varias extensiones (eZ Find, eZ JS Core, eZ Multiupload, eZ Survey y el módulo de login de LDAP) se ha añadido un nuevo modulo de comentarios para usuarios.</p>
<h3>Webinar resumen de eZ Publish 4.3</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="341" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://ez.no/extension/ezno2005/design/ezno2005/flash/flash_player_embed.swf" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="scale" value="exactfit" /><param name="wmode" value="opaque" /><param name="flashvars" value="moviepath=http://ez.no/content/download/322760/3215714&amp;screenshotpicture=http://ez.no/var/ezno/storage/images/ezpublish/ez_publish_4_3_release_video/3215716-1-eng-GB/ez_publish_4_3_release_video.jpg&amp;embedurl=http://ez.no/flash/embed/322760&amp;embedlink=http://ez.no/ezpublish/ez_publish_webinars/ez_publish_4_3_release_video" /><param name="src" value="http://ez.no/extension/ezno2005/design/ezno2005/flash/flash_player_embed.swf" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="341" src="http://ez.no/extension/ezno2005/design/ezno2005/flash/flash_player_embed.swf" flashvars="moviepath=http://ez.no/content/download/322760/3215714&amp;screenshotpicture=http://ez.no/var/ezno/storage/images/ezpublish/ez_publish_4_3_release_video/3215716-1-eng-GB/ez_publish_4_3_release_video.jpg&amp;embedurl=http://ez.no/flash/embed/322760&amp;embedlink=http://ez.no/ezpublish/ez_publish_webinars/ez_publish_4_3_release_video" wmode="opaque" scale="exactfit" allowfullscreen="true" allowscriptaccess="sameDomain" data="http://ez.no/extension/ezno2005/design/ezno2005/flash/flash_player_embed.swf"></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=eZ+Publish+4.3+-+http://b2l.me/r5sss&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/ez-publish-4-3/" 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/ez-publish-4-3/&amp;title=eZ+Publish+4.3&amp;summary=eZ%20Publish%204.3%20dispone%20de%20un%20nuevo%20interfaz%20de%20administraci%C3%B3n%20mucho%20m%C3%A1s%20intuitivo%2C%20moderno%20y%20f%C3%A1cil%20de%20utilizar.%20Se%20han%20mejorado%20varias%20extensiones%20y%20se%20ha%20a%C3%B1adido%20un%20nuevo%20modulo%20de%20comentarios%20para%20usuarios.&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/ez-publish-4-3/&amp;title=eZ+Publish+4.3" 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/ez-publish-4-3/&amp;title=eZ+Publish+4.3" 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/ez-publish-4-3/&amp;t=eZ+Publish+4.3" 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/ez-publish-4-3/" 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/ez-publish-4-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://ez.no/content/download/322760/3215714&amp;amp" length="37302689" type="video/x-flv" />
		</item>
		<item>
		<title>Protegerse de ataques DoS/DDoS con Varnish</title>
		<link>http://www.vivaelpixel.com/2010/03/varnish-protege-ataques-dos-ddos/</link>
		<comments>http://www.vivaelpixel.com/2010/03/varnish-protege-ataques-dos-ddos/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 15:22:49 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<category><![CDATA[Servidores]]></category>
		<category><![CDATA[Varnish]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=681</guid>
		<description><![CDATA[Un reverse proxy puede proteger o minimizar los efectos del ataque Dos/DDoS. Varnish Cache Reverse Proxy, además de acelerar una aplicación web, protege efectivamente ante ataques DoS/DDoS al enviar sólo las peticiones que son completas al servidor web.]]></description>
			<content:encoded><![CDATA[<p>Los ataques de denegación de servicios (D0S) y la variante distribuida (DD0S) suelen ser relativamente habituales. Una vez iniciado el ataque DDoS <a href="http://www.codigogeek.com/2008/02/08/que-hacer-ante-un-ataque-ddos/" target="_blank" class="liexternal">algunos opinan que no es posible detenerlo</a>, otros en cambio que <a href="http://foro.elhacker.net/tutoriales_documentacion/intentando_detener_un_ddos-t137442.0.html" target="_blank" class="liexternal">es posible intentar detener el ataque</a>.  Sin entrar en detalles sobre como resolver estos ataques, es interesante indicar como un <em>reverse proxy</em> puede proteger o minimizar los efectos del ataque Dos/DDoS.</p>
<h3>Varnish Cache</h3>
<p><a href="http://www.vivaelpixel.com/2009/12/varnish-reverse-proxy/" class="liinternal">Varnish Cache Reverse Proxy</a>, además de acelerar una aplicación web, protege efectivamente ante ataques DoS/DDoS al enviar sólo las peticiones que son completas al servidor web. La configuración dependerá del escenario final, sea un solo servidor o arquitecturas basadas en varios servidores. En caso de disponer de un solo servidor e IP podemos configurar el servidor web (Apache) en la IP local y el puerto 80, por ejemplo <em>127.0.0.1:80</em>. Por otro lado, configuramos Varnish en la IP pública y el puerto 80.</p>
<h3>Ejemplo real</h3>
<p>El siguiente gráfico muestra un ejemplo real de como Varnish actúa en el caso de un ataque DoS. Con 550 peticiones al segundo, el servidor tenia una carga no superior a 0.5 y el ataque no afecto al funcionamiento de la web basada en el gestor de contenidos <a href="http://ez.no" target="_blank" class="liexternal">eZ Publish</a>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-686" title="varnish-dos" src="http://www.vivaelpixel.com/wp-content/uploads/2010/03/varnish-dos.jpg" alt="" width="430" height="333" /></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=Protegerse+de+ataques+DoS%2FDDoS+con+Varnish+-+http://b2l.me/mgs8h&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/03/varnish-protege-ataques-dos-ddos/" 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/03/varnish-protege-ataques-dos-ddos/&amp;title=Protegerse+de+ataques+DoS%2FDDoS+con+Varnish&amp;summary=Un%20reverse%20proxy%20puede%20proteger%20o%20minimizar%20los%20efectos%20del%20ataque%20Dos%2FDDoS.%20Varnish%20Cache%20Reverse%20Proxy%2C%20adem%C3%A1s%20de%20acelerar%20una%20aplicaci%C3%B3n%20web%2C%20protege%20efectivamente%20ante%20ataques%20DoS%2FDDoS%20al%20enviar%20s%C3%B3lo%20las%20peticiones%20que%20son%20completas%20al%20servidor%20web.&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/03/varnish-protege-ataques-dos-ddos/&amp;title=Protegerse+de+ataques+DoS%2FDDoS+con+Varnish" 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/03/varnish-protege-ataques-dos-ddos/&amp;title=Protegerse+de+ataques+DoS%2FDDoS+con+Varnish" 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/03/varnish-protege-ataques-dos-ddos/&amp;t=Protegerse+de+ataques+DoS%2FDDoS+con+Varnish" 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/03/varnish-protege-ataques-dos-ddos/" 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/03/varnish-protege-ataques-dos-ddos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Comercio electrónico: tendencias 2010</title>
		<link>http://www.vivaelpixel.com/2010/03/comercio-electronico-tendencias-2010/</link>
		<comments>http://www.vivaelpixel.com/2010/03/comercio-electronico-tendencias-2010/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 13:50:47 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Neuromarketing]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=639</guid>
		<description><![CDATA[En este año 2010, el comercio electrónico promete conceptos innovadores tanto en vendedores online establecidos como en los startups.]]></description>
			<content:encoded><![CDATA[<p>Aunque el año 2010 comienza marcado por la crisis económica, el crecimiento en el sector del comercio electrónico, tanto en España como en otros países, es una realidad. La innovación es uno de los motores más importantes en los negocios online. En este año 2010, el comercio electrónico promete conceptos innovadores tanto en vendedores online establecidos como en los <em>startups</em>.</p>
<h3>Click &amp; Collect</h3>
<p>Un factor estratégico muy importante es utilizar todos los canales útiles y posibles. Esto se conoce como <a href="http://en.wikipedia.org/wiki/Multichannel_marketing" target="_blank" rel="nofollow" class="liwikipedia">Multi-Channeling</a>, y hoy en día ha demostrado su efectividad en el mundo de la publicidad (campañas 360).  Para los clientes, de los comercios establecidos, el comercio electrónico es un canal añadido. En estos casos, el cliente ve el comercio como un todo, y es importante ofrecer el <em>Multi-channeling</em> al cliente. Por ejemplo, permitir al usuario comprar online y recoger el producto offline: <em>Click &amp; Collect</em>. Los comercios que disponen de una amplia red de establecimientos juegan con ventaja, por ejemplo, un factor determinante del éxito online de los supermercados Tesco  (Gran Bretaña) ha sido el <em>Click &amp; Collect</em>. A finales del año pasado, <a href="http://online.wsj.com/article/SB10001424052748704498804574557943780026958.html?mod=dist_smartbrief" target="_blank" class="liexternal">Walmart anunció</a> que iba a introducir este servicio, pero, quizás, lo más sorprendente: los rumores de que <a href="http://business.timesonline.co.uk/tol/business/industry_sectors/retailing/article6945922.ece" target="_blank" class="liexternal">Amazon planea abrir una red de tiendas físicas</a> con lo que también podría ofrecer la opción <em>Click &amp; Collect</em> a sus compradores. En España, hay varios comercios que tienen la opción de recoger el pedido en una tienda física, por ejemplo <a href="http://www2.fnac.es/help/A13-211.asp?NID=-11&amp;RNID=-11&amp;SID=39b31877-3fc4-1819-6fd3-46f50ecaf4c7&amp;UID=01B884D19-7CA3-961D-BAAC-20E72D9BF7D2&amp;Origin=FnacAff&amp;OrderInSession=1&amp;TTL=210320101612" target="_blank" class="liexternal">La Fnac</a>.</p>
<h3>Optimización &amp; Neuromarketing</h3>
<p>Optimizar es un proceso continuo y en el 2010 seguirá siendo un factor imprescindible. En los últimos años la optimización de la conversión y la usabilidad se ha visto reforzada por <a href="http://www.usefulusability.com/24-usability-testing-tools/" target="_blank" class="liexternal">herramientas de análisis de usabilidad</a> como <a href="http://www.google.com/websiteoptimizer" target="_blank" class="liexternal">Google Website Optimizer</a>.</p>
<p>El consumidor <em>online</em> no es el mismo que el consumidor <em>offline</em> al utilizar otros mecanismos psicológicos de decisión  por lo que el <a href="http://es.wikipedia.org/wiki/Neuromarketing" target="_blank" rel="nofollow" class="liwikipedia">Neuromarketing</a> será un nuevo factor muy importante en la optimización del comercio electrónico. Incluso cuando tendemos a pensar que el comprador online es más racional y dispone de múltiples herramientas para analizar las diferentes opciones, la decisión de compra es emocional (alrededor del 85% de la decisión es a nivel inconsciente). Por ejemplo, <a href="http://www.neurosciencemarketing.com/blog/articles/order-effect.htm" target="_blank" class="liexternal">en este articulo</a>, se expone cómo la posición del producto en un listado influye en el número de ventas. En otro estudio se demostró que en una web con 2 productos similares, uno por $200 y otro por $250, la mayoría de los usuarios compraban el más barato. Pero al añadir un tercer producto más caro, por ejemplo de $300, el producto más vendido era el de $250.</p>
<h3>Búsqueda y personalización</h3>
<p>La búsqueda en las tiendas online es cada vez más importante, más aun cuando el catálogo se compone de miles o incluso millones de productos. La búsqueda por palabras es insuficiente por lo que la tendencia son los buscadores <em>inteligentes</em> y personalizados al usuario.  Por ejemplo, la tienda virtual <a href="http://www.like.com/" target="_blank" class="liexternal">Like</a> permite realizar búsquedas visuales de detalles y patrones. Por lo tanto, la personalización de la navegación y de la información, permite ofrecer a los compradores una experiencia única y mejorar las ventas.</p>
<h3>Compra con vídeos</h3>
<p>Gracias a portales como youtube, el vídeo online ha conseguido establecerse como un medio efectivo en la web. En el caso del comercio electrónico  hay muchos casos de éxito que demuestran que <a href="http://blog.stupeflix.com/2010/01/video-increases-conversion-but-how-much-ecommerce-roundup/" target="_blank" class="liexternal">el uso de vídeos aumenta, de media, entre un 30% y un 40% las conversiones</a>. Por supuesto, el aumento de conversión depende del uso del vídeo adecuadamente dentro de la estrategia global y un factor decisivo es que los vídeos <a href="http://www.internetretailing.net/2010/03/upcoming-german-video-shopping-guide/" target="_blank" class="liexternal">sean emotivos y promuevan la compra</a>.</p>
<h3>Social Commerce</h3>
<p>Puede que  la tendencia más importante del año pasado, en el comercio electrónico,  fuera el <em>Social Commerce</em>.  Y este año seguirá asentándose, por lo que la integración de las soluciones de comercio electrónico con las redes sociales es imprescindible. Gracias a las redes sociales es posible simplificar los procesos de autentificación, dar más valor a los comentarios, mejorar la atención al cliente, etc.  Incluso a corto plazo, quizás, facilitará los procesos de compra gracias a métodos de pago alternativos como <a href="http://www.insidefacebook.com/2009/08/26/a-running-summary-of-facebooks-virtual-currency-tests/" target="_blank" class="liexternal">Facebook Currency</a>.</p>
<h3>Realidad Aumentada</h3>
<p>El año pasado la realidad aumentada fue una revolución en el mundo del marketing y  se está introduciendo en el comercio electrónico. Por ejemplo, la agencia de marketing interactivo <a href="http://www.zugara.com/" target="_blank" class="liexternal">Zugara</a> ofrece un <a href="http://techcrunch.com/2009/06/23/zugaras-augmented-reality-dressing-room-is-great-if-you-dont-care-how-your-clothes-fit/" target="_blank" class="liexternal">probador virtual</a>. Otro ejemplo de probador virtual es el Ray Ban Virtual Mirror, gracias al cual el comprador puede probarse las gafas <a href="http://www.rayban.com" target="_blank" class="liexternal">Ray Ban</a> antes de comprarlas.</p>
<h3>Location Based Services</h3>
<p>Gracias a la proliferación de la tecnología GPS es posible ofrecer <a href="http://es.wikipedia.org/wiki/Servicio_basado_en_localizaci%C3%B3n" target="_blank" rel="nofollow" class="liwikipedia">Servicios basados en la localización</a> (Location Based Services).  La proliferación de <em>smartphones</em> con GPS permiten soluciones creativas de comercio electronico personalizadas, por ejemplo que el usuario pueda comparar los productos de una tienda física con las ofertas online o recibir cupones online para la tienda física.</p>
<h3>Mobile Commerce</h3>
<p>Gracias al éxito del iPhone y actualmente al de los <em>Smartphones</em> basados en Android, la venta a través del móvil se está consolidando.  Es usual que las tiendas online ofrezcan una <a href="http://noturnonred.org/2009/01/07/52-e-commerce-stores-on-the-iphone/" target="_blank" class="liexternal">versión compatible para móviles</a>, pero también <a href="http://www.magentocommerce.com/blog/comments/michalsky-magento-iphone-application/" target="_blank" class="liexternal">aplicaciones para iPhone</a> o <a href="http://www.biggu.com/apps/shopsavvy-android" target="_blank" class="liexternal">Android</a>. El móvil también permite unir <em>online</em> y <em>offline</em>, utilizando códigos para móviles (EAN, QR-Code, etc) en acciones de marketing.</p>
<h3>Descuentos grupales</h3>
<p>Los agregadores de compra o compra en grupo, es un modelo que permite a los compradores conseguir un producto con un descuento si un número minimo de compradores reservan el producto en un periodo de tiempo establecido. El pionero fue letsbuyit.com, el cual en sus inicios tuvo un gran exito, pero que <a href="http://www.baquia.com/noticia/relacionada/6899/1/-la-tormenta-llega-a-los-agregadores-de-compras/" target="_blank" class="liexternal">cerró sus operaciones a finales del año 2000</a>.  A lo largo del 2009 este modelo ha vuelto a repuntar gracias a <a href="http://www.groupon.com" target="_blank" class="liexternal">Groupon</a>. En este caso, se ofrecen descuentos en servicios (cine, gastronomia, etc). Comparado con los antecesores, no hay gastos de logística, los descuentos son localizados y la promoción <em>boca a boca</em> a través de las redes sociales aumenta el número de usuarios. Seguramente a lo largo del 2010 aparecerán varios de estos servicios, por ejemplo en España está disponible <a href="http://www.citydeal.es/in/.TqaKhk" target="_blank" class="liexternal">CityDeal</a>.</p>
<h3>Tecnología Opensource</h3>
<p>El software libre es un importante pilar de las tecnologías web y también del comercio electrónico.  Existen soluciones <em>opensource</em> para casi todas las necesidades del comercio electrónico. Algunos ejemplos destacados son:</p>
<ul>
<li><a href="http://www.magentocommerce.com/" target="_blank" class="liexternal">Magento</a>: tienda online</li>
<li><a href="http://lucene.apache.org/solr/" target="_blank" class="liexternal">Apache Solr</a>: buscador corporativo</li>
<li><a href="http://ofbiz.apache.org/" target="_blank" class="liexternal">Apache OFBiz</a>: Framework para automatización de procesos de negocio</li>
<li><a href="http://www.openbravo.com" target="_blank" class="liexternal">Openbravo</a>: ERP</li>
</ul>
<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=Comercio+electr%C3%B3nico%3A+tendencias+2010++-+http://b2l.me/krrmr&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/03/comercio-electronico-tendencias-2010/" 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/03/comercio-electronico-tendencias-2010/&amp;title=Comercio+electr%C3%B3nico%3A+tendencias+2010+&amp;summary=En%20este%20a%C3%B1o%202010%2C%20el%20comercio%20electr%C3%B3nico%20promete%20conceptos%20innovadores%20tanto%20en%20vendedores%20online%20establecidos%20como%20en%20los%20startups.&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/03/comercio-electronico-tendencias-2010/&amp;title=Comercio+electr%C3%B3nico%3A+tendencias+2010+" 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/03/comercio-electronico-tendencias-2010/&amp;title=Comercio+electr%C3%B3nico%3A+tendencias+2010+" 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/03/comercio-electronico-tendencias-2010/&amp;t=Comercio+electr%C3%B3nico%3A+tendencias+2010+" 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/03/comercio-electronico-tendencias-2010/" 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/03/comercio-electronico-tendencias-2010/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>HTML5 y CSS3 para todos</title>
		<link>http://www.vivaelpixel.com/2010/03/52-framework-html5-css3/</link>
		<comments>http://www.vivaelpixel.com/2010/03/52-framework-html5-css3/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 21:53:58 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Semántica]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=632</guid>
		<description><![CDATA[52 framework simula los futuros estandares y otras caracteristicas como header, nav, section, article, footer en todos los navegadores permitiendo aprovechar los beneficios del html5/css3 en proyectos actuales.]]></description>
			<content:encoded><![CDATA[<p>Aunque <a href="http://dev.w3.org/html5/spec/Overview.html" target="_blank" class="liexternal">HTML5</a> y <a href="http://www.w3.org/TR/css3-roadmap/" target="_blank" class="liexternal">CSS3</a> siguen siendo borradores, los motores de varios navegadores ya son compatibles con algunas de las <a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)" target="_blank" rel="nofollow" class="liwikipedia">especificaciones</a>. Pero por supuesto, habrá navegadores que nunca serán compatibles con HTML5/CSS3 como por ejemplo el (aun no) difunto IE6. En estos casos, para poder disfrutar de HTML5/CSS3, será necesario actualizar el navegador o instalar el plugin <a href="http://code.google.com/intl/es-ES/chrome/chromeframe/" target="_blank" class="liexternal">Google Chrome Frame</a>. Pero tambien podemos usar <a href="http://www.52framework.com" target="_blank" class="liexternal">52 framework</a>.</p>
<p>Este framework simula los futuros estandares y otras caracteristicas como header, nav, section, article, footer en todos los navegadores permitiendo aprovechar los beneficios del html5/css3 en proyectos actuales.</p>
<p><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='430' height='265'><param name='movie' value='http://screenr.com/Content/assets/screenr_1116090935.swf' ></param><param name='flashvars' value='i=44169' ></param><param name='allowFullScreen' value='true' ></param><embed src='http://screenr.com/Content/assets/screenr_1116090935.swf' flashvars='i=44169' allowFullScreen='true' width='430' height='265' pluginspage='http://www.macromedia.com/go/getflashplayer' ></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=HTML5+y+CSS3+para+todos+-+http://b2l.me/jnxfx&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/03/52-framework-html5-css3/" 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/03/52-framework-html5-css3/&amp;title=HTML5+y+CSS3+para+todos&amp;summary=52%20framework%20simula%20los%20futuros%20estandares%20y%20otras%20caracteristicas%20como%20header%2C%20nav%2C%20section%2C%20article%2C%20footer%20en%20todos%20los%20navegadores%20permitiendo%20aprovechar%20los%20beneficios%20del%20html5%2Fcss3%20en%20proyectos%20actuales.&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/03/52-framework-html5-css3/&amp;title=HTML5+y+CSS3+para+todos" 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/03/52-framework-html5-css3/&amp;title=HTML5+y+CSS3+para+todos" 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/03/52-framework-html5-css3/&amp;t=HTML5+y+CSS3+para+todos" 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/03/52-framework-html5-css3/" 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/03/52-framework-html5-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>XHP, ¿una nueva manera de escribir PHP?</title>
		<link>http://www.vivaelpixel.com/2010/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/</link>
		<comments>http://www.vivaelpixel.com/2010/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 21:44:15 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=534</guid>
		<description><![CDATA[Hace una semana Facebook presentó HipHop y ahora acaban de presentar XHP - una nueva extensión para PHP que simplifica el código PHP y mejora la seguridad del mismo,  ataques cross-site scripting por ejemplo.]]></description>
			<content:encoded><![CDATA[<p>Hace una semana <a href="http://www.vivaelpixel.com/2010/02/hiphop-open-source-facebook/" class="liinternal">Facebook presentó HipHop</a> y ahora acaban de presentar <a href="http://www.facebook.com/notes/facebook-engineering/xhp-a-new-way-to-write-php/294003943919" target="_blank" class="liexternal">XHP</a> &#8211; una nueva extensión para PHP que simplifica el código PHP y mejora la seguridad del mismo,  ataques <em>cross-site scripting</em> por ejemplo.</p>
<p>Para apreciar XHP, mejor verlo con un ejemplo:</p>
<h3>Código PHP:</h3>
<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
    &lt;span&gt;Hello, <span style="color: #000000; font-weight: bold;">&lt;?=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>.&lt;/span&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
    &lt;form method=&quot;post&quot;&gt;
    What is your name?&lt;br&gt;
    &lt;input type=&quot;text&quot; name=&quot;name&quot;&gt;
    &lt;input type=&quot;submit&quot;&gt;
    &lt;/form&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #009900;">&#125;</span></pre></div></div>
<h3>Código PHP/XHP:</h3>
<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">// note: includes omitted</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  <span style="color: #b1b100;">echo</span> <span style="color: #339933;">&lt;</span>span<span style="color: #339933;">&gt;</span>Hello<span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
  <span style="color: #b1b100;">echo</span>
    <span style="color: #339933;">&lt;</span>form method<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;post&quot;</span><span style="color: #339933;">&gt;</span>
      What is your name?<span style="color: #339933;">&lt;</span>br <span style="color: #339933;">/&gt;</span>
      <span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text&quot;</span> name<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;name&quot;</span> <span style="color: #339933;">/&gt;</span>
      <span style="color: #339933;">&lt;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;submit&quot;</span> <span style="color: #339933;">/&gt;</span>
    <span style="color: #339933;">&lt;/</span>form<span style="color: #339933;">&gt;;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>
<p>En el código, los <em>includes</em> se han omitido y podemos intuir que Facebook no utiliza ni un modelo MVC, ni plantillas para generar sus páginas. Pero XHP permite definir elementos, con lo que es posible condensar un componente complejo en un tag. Con ello, XHP se convierte un útil sistema de plantillas. Además,<em> </em>XHP tiene otras ventajas: errores en el código html son detectados y corregidos al generarse la página en el servidor.</p>
<p>En contra, el rendimiento utilizando XHP es menor tal como analiza <a href="http://toys.lerdorf.com/archives/54-A-quick-look-at-XHP.html" target="_blank" class="liexternal">Rasmus Lerdorf</a>. Realizando una comparación de rendimiento de código PHP comparado con PHP+XHP y PHP comparado con PHP+XHP+APC, incluso con APC, el rendimiento es casi un 75% menor. Por otro lado, sí es posible mejorar el rendimiento de XHP utilizándolo conjuntamente con HipHop. En resumen, antes de utilizar XHP en proyectos, es aconsejable hacer pruebas de cada caso y proyecto.</p>
<p>Actualmente Facebook utiliza XHP en <a href="http://lite.facebook.com/" target="_blank" class="liexternal">Facebook Lite</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=XHP%2C+%C2%BFuna+nueva+manera+de+escribir+PHP%3F+-+http://b2l.me/f7e8c&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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/" 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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/&amp;title=XHP%2C+%C2%BFuna+nueva+manera+de+escribir+PHP%3F&amp;summary=Hace%20una%20semana%20Facebook%20present%C3%B3%20HipHop%20y%20ahora%20acaban%20de%20presentar%20XHP%20-%20una%20nueva%20extensi%C3%B3n%20para%20PHP%20que%20simplifica%20el%20c%C3%B3digo%20PHP%20y%20mejora%20la%20seguridad%20del%20mismo%2C%20%20ataques%20cross-site%20scripting%20por%20ejemplo.&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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/&amp;title=XHP%2C+%C2%BFuna+nueva+manera+de+escribir+PHP%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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/&amp;title=XHP%2C+%C2%BFuna+nueva+manera+de+escribir+PHP%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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/&amp;t=XHP%2C+%C2%BFuna+nueva+manera+de+escribir+PHP%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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/" 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/02/xhp-%c2%bfuna-nueva-manera-de-escribir-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook HipHop</title>
		<link>http://www.vivaelpixel.com/2010/02/hiphop-open-source-facebook/</link>
		<comments>http://www.vivaelpixel.com/2010/02/hiphop-open-source-facebook/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 21:02:14 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[HipHop]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=461</guid>
		<description><![CDATA[En el día de ayer, la conocida comunidad virtual Facebook, tras muchos rumores, presentó un proyecto que puede revolucionar php en entornos corporativos: Hiphop]]></description>
			<content:encoded><![CDATA[<p>En el día de ayer, la conocida comunidad virtual <a href="http://www.facebook.com" target="_blank" class="liexternal">Facebook</a>, tras muchos rumores, presentó un proyecto que puede revolucionar php en entornos corporativos: <a href="http://developers.facebook.com/hiphop-php/" target="_blank" class="liexternal">Hiphop</a></p>
<p>Básicamente Hiphop transforma código PHP en C++ optimizado, con lo Facebook ha reducido hasta un 50% el uso de la CPU de los servidores.</p>
<p><a href="http://wiki.developers.facebook.com/images/2/23/HipHop_transformation_process.png" rel="shadowbox[post-461];player=img;" target="_blank" class="liimagelink" title="HipHop"><img class="aligncenter size-full wp-image-462" title="HipHop" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/HipHop_transformation_process.png" alt="" width="430" height="269" /></a>Hiphop se ha desarrollado por un equipo de programadores de Facebook, liderados por <a href="http://www.facebook.com/hzhao" target="_blank" class="liexternal">Haiping Zhao</a>, y lleva funcionando en producción desde hace 6 meses y actualmente el 90% de trafico de Facebook se sirve a través de HipHop.</p>
<p>Además según el <a href="http://developers.facebook.com/news.php?blog=1&amp;story=358" target="_blank" class="liexternal">portal para desarrolladores de Facebook</a> HipHop se distribuirá bajo una licencia de software libre con lo que la empresa refuerza, una vez más, su estrategia e implicación con la comunidad de Software Libre.</p>
<h3>Facebook y el software libre</h3>
<p>Desde sus inicios, Facebook, se ha sustentado sobre tecnologías <em>open source</em>. En su <a href="http://developers.facebook.com/opensource.php" target="_blank" class="liexternal">portal para desarrolladores </a>disponen de un listado y acceso a los códigos fuente de la mayoría de proyectos <em>open source</em> que utilizan.</p>
<p>Quizás, los proyectos más interesantes son:</p>
<ul>
<li>HipHop</li>
<li><a href="http://memcached.org/" target="_blank" class="liexternal">memcached</a>, un sistema de cache imprescindible en webs dinámicas de alta carga al reducir la carga de la base de datos</li>
<li><a href="http://incubator.apache.org/cassandra/" target="_blank" class="liexternal">Cassandra</a>, una base de datos <a href="http://en.wikipedia.org/wiki/NoSQL" target="_blank" rel="nofollow" class="liwikipedia">NoSQL</a> (tambien inicialmente desarrollada por Facebook)</li>
</ul>
<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=Facebook+HipHop+-+http://b2l.me/ffwcr&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/02/hiphop-open-source-facebook/" 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/02/hiphop-open-source-facebook/&amp;title=Facebook+HipHop&amp;summary=En%20el%20d%C3%ADa%20de%20ayer%2C%20la%20conocida%20comunidad%20virtual%20Facebook%2C%20tras%20muchos%20rumores%2C%20present%C3%B3%20un%20proyecto%20que%20puede%20revolucionar%20php%20en%20entornos%20corporativos%3A%20Hiphop&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/02/hiphop-open-source-facebook/&amp;title=Facebook+HipHop" 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/02/hiphop-open-source-facebook/&amp;title=Facebook+HipHop" 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/02/hiphop-open-source-facebook/&amp;t=Facebook+HipHop" 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/02/hiphop-open-source-facebook/" 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/02/hiphop-open-source-facebook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
