SlideShare una empresa de Scribd logo
sebastián desimone [email_address]
 
 
 
 
 
the real time web   (planetas, limpiadores y hip hop)
? ?
 
 
 
 
server client
ser ver client
 
 
browser web server app
browser server app
 
server 2 client app 2 server
server 2 client
 
 
 
 
 
? ?
 
 
 
 
¿como?
comet  servers
browser comet server
powered by python
 
 
non-standard  no firewall ¡verdadero socket!
 
 
ws://
app 2 server
Tecnologías: ,[object Object]
PubSub / Hubs : Distribución de notificaciones
Web Hooks : Servicios para recibir mensajes
 
PubSubHubbub
 
 

Más contenido relacionado

Destacado

Catalog 16 2011 akcenti
Catalog 16 2011 akcentiCatalog 16 2011 akcenti
Catalog 16 2011 akcenti
Dace Āboliņa
 
Ciberbullying
CiberbullyingCiberbullying
Ciberbullying
Daney8
 
Trabajo lp ultimo
Trabajo lp ultimoTrabajo lp ultimo
Trabajo lp ultimo
Victor García
 
Intro computer
Intro computerIntro computer
Intro computer
chalermsri1
 
Presentacion braulioiscd Formato PDF.pptx
Presentacion braulioiscd Formato PDF.pptxPresentacion braulioiscd Formato PDF.pptx
Presentacion braulioiscd Formato PDF.pptxBraulio Ballesteros
 
Бутерброд-mix
Бутерброд-mixБутерброд-mix
Бутерброд-mixsmileWS
 
งานเบ้น
งานเบ้นงานเบ้น
งานเบ้นBenziiine
 
Молодежная организация
Молодежная организацияМолодежная организация
Молодежная организацияdbibl
 
аттестация1
аттестация1аттестация1
аттестация1Fintfin
 
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงาน
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงานใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงาน
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงานMintra Pudprom
 
Vilnius - Rūpestingas miestas
Vilnius - Rūpestingas miestasVilnius - Rūpestingas miestas
Vilnius - Rūpestingas miestasSakau TAIP!
 
Liquidacion de valores por caja
Liquidacion de valores por cajaLiquidacion de valores por caja
Liquidacion de valores por cajaSergio Valencia
 
Presentation New Okhotnikova
Presentation New OkhotnikovaPresentation New Okhotnikova
Presentation New OkhotnikovaLegalCamp
 

Destacado (18)

Catalog 16 2011 akcenti
Catalog 16 2011 akcentiCatalog 16 2011 akcenti
Catalog 16 2011 akcenti
 
Ciberbullying
CiberbullyingCiberbullying
Ciberbullying
 
Ossos Socorro
Ossos SocorroOssos Socorro
Ossos Socorro
 
8 lysenko
8 lysenko8 lysenko
8 lysenko
 
Trabajo lp ultimo
Trabajo lp ultimoTrabajo lp ultimo
Trabajo lp ultimo
 
Intro computer
Intro computerIntro computer
Intro computer
 
008 ชุดที่ 4
008 ชุดที่ 4008 ชุดที่ 4
008 ชุดที่ 4
 
Presentacion braulioiscd Formato PDF.pptx
Presentacion braulioiscd Formato PDF.pptxPresentacion braulioiscd Formato PDF.pptx
Presentacion braulioiscd Formato PDF.pptx
 
Queen Bee Spit
Queen Bee SpitQueen Bee Spit
Queen Bee Spit
 
Бутерброд-mix
Бутерброд-mixБутерброд-mix
Бутерброд-mix
 
งานเบ้น
งานเบ้นงานเบ้น
งานเบ้น
 
Молодежная организация
Молодежная организацияМолодежная организация
Молодежная организация
 
аттестация1
аттестация1аттестация1
аттестация1
 
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงาน
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงานใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงาน
ใบงานที่ 2 เรื่อง ความหมายและความสำคัญของโครงงาน
 
Vilnius - Rūpestingas miestas
Vilnius - Rūpestingas miestasVilnius - Rūpestingas miestas
Vilnius - Rūpestingas miestas
 
Liquidacion de valores por caja
Liquidacion de valores por cajaLiquidacion de valores por caja
Liquidacion de valores por caja
 
Presentation New Okhotnikova
Presentation New OkhotnikovaPresentation New Okhotnikova
Presentation New Okhotnikova
 
ромашка
ромашкаромашка
ромашка
 

Último

biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 

Último (20)

biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 

La Web en Tiempo Real (planetas, limpiadores y hip hop)

Notas del editor

  1. Hola! Mi nombre es Sebastián Desimone, el año pasado en el barcamp 2008 me comentaron que no había dicho ni quien era, bueno:
  2. Nací y vivo en Mar del Plata
  3. Desde los diez años, cuando me regalaron mi primer computadora supe que mi vida giraría al rededor de la informática. http://www.flickr.com/photos/unloveable/2395167165/
  4. Durante un tiempo me dediqué a trabajar y desarrollar la comunidad de Linux y el Software Libre (hasta me regalaban tortas de cumpleaños acorde)
  5. Actualmente llevo adelante Salexis.com
  6. Pero no voy a hablar de nada de esto. http://www.flickr.com/photos/saynine/486724056/
  7. Inspirada en: the real-time web (And other buzzwords) By Chris Wanstrath
  8. so what is the “real-time” web?
  9. http://www.flickr.com/photos/omegaman/477866054/ it’s all about pushing
  10. http://en.wikipedia.org/wiki/File:Election_MG_3455.JPG instead of polling From Wikipedia: Polling, or polled operation, in computer science, refers to actively sampling the status of an external device by a client program as a synchronous activity. Polling is most often used in terms of input/output (I/O), and is also referred to as polled I/O or software driven I/O.
  11. it’s getting told what’s new
  12. instead of asking for what’s new
  13. one persistent connection
  14. instead of many, short lived connections
  15. Chat en los sitios webs, meebo un precursor.
  16. and information the moment it’s available
  17. Este es el esquema clásico de una comunicación HTTP
  18. Ahora queremos un canal bidireccional de comunicación server 2 client y app 2 server
  19. Tenemos que enfrentarnos a dos problemas
  20. Veamos que podemos hacer en server 2 client
  21. right now when we say “real-time web” we usually mean one of three things
  22. Comet
  23. flash’s XMLSocket
  24. or HTML5’s WebSocket
  25. let’s start with comet
  26. how many people know what comet is? how many people know how it differs from XML socket or WebSocket? good! for a long time i had no idea what comet was
  27. see, comet is a cleaning product.
  28. just like ajax
  29. comet is any standards compliant technique which pushes or streams data to the browser over HTTP with comet you can essentially fake a socket connection between a browser and a backend server Por ejemplo, tomemos el caso de FriendFeed Tenemos actualizaciones de estados, fotos, chats en RT
  30. Sin usar AJAX
  31. Utilizando servidores comet
  32. En python tenemos muchas opciones
  33. Pero en los otros lenguajes también tenemos opciones
  34. so, flash’s XMLSocket
  35. finally: HTML5’s WebSocket
  36. it’s still a proposed draft but it’ll let you open a socket to any serve that speaks the special WebSocket protocol
  37. servers need to speak the WebSocket protocol - you can’t open arbitrary connections to irc or xmpp gateways this plugs up the obvious security holes but also makes it a bit harder to implement than something like XMLSocket your server needs to speak ws
  38. Aquí tenemos muchas más opciones, que en general se encuentran alrededor de:
  39. Tomemos como ejemplo una tecnología llamada PubSUbHubbub. Que buen nombre!
  40. Cool!!
  41. Upgrade para la webfor the web, where any site or application can deliver realtime messages to a web-scale audience, using free and open technologies at low cost and without relying on any single company like Twitter or Facebook.
  42. Preguntas / Comentarios
  43. Inspirada en: the real-time web (And other buzzwords) By Chris Wanstrath