experiencia de uso de webrtc en la educación
DESCRIPTION
Presentación realizada en el marco de la conferencia JSConf Octubre de 2013TRANSCRIPT
![Page 1: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/1.jpg)
Experiencia de uso de WebRTC en la educación
Jorge Rubiano.@ostjh
![Page 2: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/2.jpg)
Navegadores
http://www.navegadoresdeinternet.net/
![Page 3: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/3.jpg)
Complementos (Plugins)
http://clubajax.org/the-history-of-ria-technologies/
![Page 4: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/4.jpg)
HTML5 + CSS3 + Javascript
http://www.w3.org/html/logo/
![Page 5: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/5.jpg)
Nuevas Apis - Javascript
http://www.freshtilledsoil.com/the-future-of-web/
https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html
WebAudio
Media Capture & Streams
http://www.w3.org/TR/2012/WD-mediacapture-streams-20120628/
Web Workers
http://www.w3.org/TR/workers/
Device
http://arewemobileyet.com/
![Page 7: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/7.jpg)
Http/Ajax
http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications/
![Page 8: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/8.jpg)
WebSockets Vs WebRTC
![Page 9: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/9.jpg)
WebRTCEs una solución tecnológica que resultó de un esfuerzo conjunto entre la World Wide Web Consortium (W3C) y el Internet Engineering Task Force (IETF) por proporcionar comunicación en tiempo real punto a punto, a través del navegador.
Estandariza las tecnología desde la perspectiva de los navegadores y tecnologías web y definición de APIs para la utilización de WebRTC
Estandarización de protocolos y herramientas a nivel de transporte (SRTP, STUN/ICE/TURN) y codecs
WebRTC RTCWeb
![Page 10: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/10.jpg)
WebRTC1. Adquirir medios.2. Comunicación Audio y
Vídeo3. Envío y recepción de
datos arbitrarios en conexiones punto a punto.
![Page 11: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/11.jpg)
WebRTC: Apis Javascript
1. getUserMedia2. RTCPeerConnection3. DataChannel
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
![Page 12: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/12.jpg)
Pasos comunicación
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
![Page 13: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/13.jpg)
WebRTCEn la educación
“En cinco años la mejor educación vendrá de la Web”
Bill Gates
http://techcrunch.com/2010/08/06/bill-gates-education/
![Page 14: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/14.jpg)
Detección de Movimiento.
http://www.soundstep.com/blog/experiments/jsdetection/https://github.com/ReallyGood/js-motion-detection
![Page 17: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/17.jpg)
Comunicación
http://www.webdesignshock.com/online-chat-tools-for-website/
Foros Chat’s
![Page 18: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/18.jpg)
Comunicación
http://chatroulette.com/http://www.tokbox.com/blog/creating-chat-roulette-with-node-js-socket-io-and-opentok/
![Page 19: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/19.jpg)
“El vídeo permite enriquecer la comunicación con elementos familiares como la expresión facial, el contacto ocular y el metalenguaje o lenguaje corporal”
Comunicación
http://ocw.um.es/gat/contenidos/mpazherramientas/documentos/videoymsn.pdf
Castañeda, 2007
![Page 21: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/21.jpg)
Comunicación - Plugins/servicios
http://www.videowhisper.com/?p=Requirements
http://www.adobe.com/es/products/connect/
http://bigbluebutton.org/
![Page 22: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/22.jpg)
Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html
![Page 23: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/23.jpg)
Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html
![Page 24: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/24.jpg)
Chat Social
http://nodejs.org/
http://socket.io/
+
webRTC.iohttps://github.com/webRTC/webRTC.io
http://www.webrtc.org/
+
http://www.mongodb.org/
mongodbhttps://npmjs.org/package/mongodb
+
![Page 25: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/25.jpg)
DEMOChat Social
![Page 26: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/26.jpg)
Trabajo Colaborativo
![Page 27: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/27.jpg)
Trabajo Colaborativo
Togetherjs
https://togetherjs.com/
http://codassium.com
![Page 28: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/28.jpg)
Trabajo Colaborativo
+
![Page 29: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/29.jpg)
Trabajo Colaborativo
https://plus.google.com/+googleplus/posts/8Qs1Cq8QLqy
![Page 30: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/30.jpg)
EtherPad
Written in Scala and has quite big system requirements
![Page 31: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/31.jpg)
EtherPad Lite
http://etherpad.org/
http://nodejs.org/
Etherpad plugin manager
ep_rtchttps://github.com/JohnMcLear/ep_rtc
![Page 32: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/32.jpg)
http://etherpad.org/
http://nodejs.org/
http://socket.io/
http://www.webrtc.org/
http://virtualnet2-0.blogspot.com/2013/08/etherpad-trabajo-colaborativo.html
http://www.mongodb.org/
Trabajo Colaborativo
![Page 33: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/33.jpg)
http://virtualnet2-0.blogspot.com/2013/08/etherpad-trabajo-colaborativo.html
Trabajo Colaborativo
![Page 34: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/34.jpg)
DEMOTrabajo Colaborativo
![Page 35: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/35.jpg)
WebRTC - Peer to Peer
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
![Page 36: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/36.jpg)
WebRTC - Mesh
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
![Page 37: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/37.jpg)
A favor.
● Infraestructura requerida es más simple y de bajo costo.
En Contra.
● Administración de sesiones más compleja.
● Resultados óptimos con tan sólo 4 participantes.
● Pobre resultados en dispositivos móviles (Los cuales a veces en conexiones punto a punto enfrentan dificultades)
WebRTC - Mesh
http://www.slideshare.net/fullscreen/vline/a-practical/1
![Page 38: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/38.jpg)
WebRTC - Star
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
![Page 39: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/39.jpg)
WebRTC - StarA favor.
● Menos carga de procesamiento y de red en los clientes.
● Mayor calidad en dispositivos de gama baja.
● Mayor cantidad de usuarios concurrentes.
● Posibilidad de grabación.
En Contra.
● Uso de servidores extra (MCU - Unidad de Control Multipunto)
![Page 40: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/40.jpg)
WebRTC - MCU
http://sourceforge.net/projects/mcumediaserver/
http://lynckia.com/licode/
![Page 41: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/41.jpg)
DataChannel
Permite el intercambio “peer-to-peer” de datos arbitrarios, con baja latencia y alto rendimiento.
Aplicaciones
● Juegos● Aplicaciones de escritorio remoto● Chat de texto en tiempo real● Transferencia de archivos● CDN (Red de entrega de contenidos)
![Page 43: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/43.jpg)
DataChannel - CDN
http://es.wikipedia.org/wiki/Red_de_entrega_de_contenidos
Conjunto de servidores ubicados en diferentes puntos de una red que contienen copias locales de ciertos contenidos (vídeos, imágenes, música, documentos, etc.)
![Page 44: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/44.jpg)
https://peercdn.com/
DataChannel - CDN
Se encarga de servir contenidos estáticos (imágenes, vídeos y descargas de archivos) usando el ancho de banda de los usuarios que están accediendo a esos contenidos, junto con el de los servidores principales
![Page 45: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/45.jpg)
RTCPeerConnection - Signaling
https://code.google.com/p/sipml5/
http://www.jssip.net/
strophe.jinglehttps://github.com/ESTOS/strophe.jingle/
https://www.gowebrtc.me/
+
![Page 46: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/46.jpg)
RTCPeerConnection - Signaling
webRTC.iohttps://github.com/webRTC/webRTC.io
http://simplewebrtc.com/+ signalmaster
https://github.com/andyet/signalmaster
http://www.easyrtc.com/
![Page 47: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/47.jpg)
Plataformas
http://tokbox.com/
https://vline.com/developer/
https://bistri.com/
![Page 48: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/48.jpg)
WebRTC - Soporte
http://caniuse.com/#search=webrtc
Adapter.js
![Page 49: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/49.jpg)
Aplicaciones
http://twelephone.com/
http://maxiamigos.com/
http://webrtchacks.com/baby-motion-detector
![Page 50: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/50.jpg)
Google Hangouts HD + WebRTC
http://gigaom.com/2013/08/28/hangouts-hd-vp8-webrtc/http://sporadicdispatches.blogspot.com/2013/05/google-hangouts-testing-webrtc-based.html
![Page 51: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/51.jpg)
Fuenteshttp://webrtchacks.com/http://www.html5rocks.com/en/tutorials/webrtc/basics/https://www.webrtc-experiment.com/http://io13webrtc.appspot.com/#1https://hacks.mozilla.org/category/webrtc/http://groups.google.com/group/discuss-webrtc/topicsGoogle I/O 2012: http://www.youtube.com/watch?v=E8C8ouiXHHkGoogle I/O 2013: http://www.youtube.com/watch?v=p2HzZkd2A40
Libro: http://www.webrtcbook.com/Debug: chrome://webrtc-internals
![Page 53: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/53.jpg)
WebRTC - Seguridad
http://io13webrtc.appspot.com/ http://www.ietf.org/proceedings/82/slides/rtcweb-13.pdf
![Page 54: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/54.jpg)
getUserMedia - Compartir Pantalla
![Page 55: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/55.jpg)
WebRTC - Soportehttps://www.sqwiggle.com
https://github.com/rogerwang/node-webkit
![Page 56: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/56.jpg)
Trabajo Colaborativo - WebRTC
Mockup Proyecto
![Page 57: Experiencia de uso de WebRTC en la educación](https://reader033.vdocuments.co/reader033/viewer/2022052617/546d6369b4af9f752c8b533e/html5/thumbnails/57.jpg)
WebRTC