<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Tema: Comet | Sentido Web</title>
<link>http://sentidoweb.com/</link>
<description>Actualidad y maneras de hacer en Internet (programación, diseño, tendencias, negocios...)</description>
<language>es</language>
<copyright>Copyright 2008</copyright>
<lastBuildDate>Tue, 25 Mar 2008 11:30:00 +0000</lastBuildDate>
<generator>http://www.movabletype.org/?v=3.2</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 

<item>
<title>Comet y el HTML5</title>
<description><![CDATA[<p>Uno de los problemas con los que nos enfrentamos al intentar desarrollar una aplicación en <a href="http://sentidoweb.com/2006/03/28/comet-la-siguiente-etapa-de-ajax.php">Comet</a> es que hay que simularlo, ya que los navegadores aún no admiten la posiblidad de recibir información directamente del servidor (push). En la <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/index.html">especificación de HTML5</a> nos encontramos con los <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/section-server-sent-events.html">eventos enviados por el servidor</a> (server sent events) y el elemento <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/section-scripting0.html#event-source">event-source</a>,  el cual representa el destino de los eventos producidos por el servidor.</p>
<p>El elemento event-source tiene el atributo src que indica la URL que se procesará, la cual se llamará una vez el elemento haya sido añadido al documento. Para poder recibir la información, el <em>Content-type</em> de la respuesta debe ser <em>application/x-dom-event-stream</em>, teniendo un formato parecido a:</p>
<pre><code>Event: test
Target: p
data: data</code></pre>
<p>Un <a href="http://tc.labs.opera.com/html/event-source/">ejemplo</a> de código para el cliente sería el siguiente:</p>
<pre><code lang="html">&lt;p&gt;It should say "PASS" below:&lt;/p&gt;
&lt;p id="p">FAIL (script did not run)&lt;/p&gt;
&lt;script&gt;
      document.addEventListener("click", update, false)
      function update(e) {
        pass = e.target.id == "x"
        document.getElementById("p").firstChild.data = pass ? "PASS" : "FAIL"
      }
&lt;/script&gt;
&lt;event-source src="support/sse-target.php?target=p&amp;event=click" onclick="update(event)" id="x"&gt;</code></pre>
<p>Por ahora solo está implementado en Opera, aunque otros navegadores ya están trabajando en ello. Esperemos que se vuelva un elemento común en todos los navegadores para poder desarrollar aplicaciones web mucho más interesantes.</p>
<h3>Más información</h3>
<ul><li><a href="http://code.google.com/p/pi-js/">pi.comet</a></li>
<li><a href="http://www.subbu.org/weblogs/main/2006/09/server_side_dom_1.html">Server Side DOM Events vs XMLHttpRequest's onload</a></li>
<li><a href="http://cometdaily.com/2008/01/10/the-future-of-comet-part-2-html-5%E2%80%99s-server-sent-events/">The Future of Comet: Part 2, HTML 5’s Server-Sent Events</a></li></ul>
]]></description>
<link>http://sentidoweb.com/2008/03/25/comet-y-el-html5.php</link>
<guid>http://sentidoweb.com/2008/03/25/comet-y-el-html5.php</guid>
<category>Comet</category>
<pubDate>Tue, 25 Mar 2008 11:30:00 +0000</pubDate>
</item>
<item>
<title>Comet paso a paso: pizarra colaborativa para páginas web</title>
<description><![CDATA[<p>Hoy vamos a ver otro ejemplo de Comet, que a los que trabajamos en desarrollo web, nos puede venir muy bien, para cuando queremos testear una aplicación web de forma conjunta y online. También puede ser útil para realizar presentaciones.</p>
<p>Se trata de una pizarra colaborativa, para dibujar sobre páginas web. Cada usuario dibuja sobre el navegador y el resto de los usuarios ven lo que ha dibujado. Nada mejor para entenderlo que el siguiente video.</p>
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=3123987441325639434" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" wmode="window" salign="TL"  FlashVars="playerMode=embedded"> </embed>
<p>Se van a usar sobre todo tres cosas: <a href="http://sentidoweb.com/2006/05/19/comet-paso-a-paso-hola-mundo.php">comet</a>, <a href="http://sentidoweb.com/2006/05/29/laboratorio-elemento-canvas-en-firefox.php">canvas</a> y  <a href="http://www.php.net/xml">http://www.php.net/xml</a>, todo sobre <strong>Firefox</strong>.</p>]]></description>
<link>http://sentidoweb.com/2006/06/05/comet-paso-a-paso-pizarra-colaborativa-para-paginas-web.php</link>
<guid>http://sentidoweb.com/2006/06/05/comet-paso-a-paso-pizarra-colaborativa-para-paginas-web.php</guid>
<category>Especiales</category>
<pubDate>Mon, 05 Jun 2006 17:00:00 +0000</pubDate>
</item>
<item>
<title>Comet paso a paso: &apos;Hola Mundo&apos;</title>
<description><![CDATA[<p>Ya hace tiempo hablamos de <a href="http://sentidoweb.com/2006/03/28/comet-la-siguiente-etapa-de-ajax.php">Comet</a>, la siguiente etapa de AJAX, y al igual que hicimos como <a href="http://sentidoweb.com/2006/05/08/ajax-paso-a-paso-hola-mundo.php">AJAX</a>, vamos a intentar introducirnos en esta técnica y aprender a utilizarla.</p>

]]></description>
<link>http://sentidoweb.com/2006/05/19/comet-paso-a-paso-hola-mundo.php</link>
<guid>http://sentidoweb.com/2006/05/19/comet-paso-a-paso-hola-mundo.php</guid>
<category>Especiales</category>
<pubDate>Fri, 19 May 2006 15:33:21 +0000</pubDate>
</item>


</channel>
</rss>