webrtc - una nueva tecnología web al servicio de la educación. caso en virtualnet 2.0
DESCRIPTION
Ponencia realizada en el marco del congreso TICAL 2014 Cancún México. http://tical2014.redclara.net/en/index.htmlTRANSCRIPT
Universidad Manuela Beltrán - UMB Virtual (Col)“WebRTC - Una nueva tecnología web al servicio de
la educación. Caso en VirtualNet 2.0”TICAL 2014
Jorge Rubiano.Andrés Mena.
Juan Hernández
Agenda
● UMB Virtual.● VirtualNet 2.0● Contextualización tecnológica.● Acerca de WebRTC
○ ¿Qué es?○ ¿Cómo funciona?○ Apis Javascript - WebRTC○ Ejemplos de Uso.
● Chat Social○ Tecnologías
■ WebSockets.■ NOSql
● Trabajo Colaborativo● Soporte WebRTC● Conclusiones.
UMB Virtual
Navegadores
http://www.navegadoresdeinternet.net/
Complementos (Plugins)
http://clubajax.org/the-history-of-ria-technologies/
HTML5 + CSS3 + Javascript
http://www.w3.org/html/logo/
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/
Http/Ajax
http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications/
WebSockets Vs WebRTC
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
WebRTC1. Adquirir medios.2. Comunicación Audio y
Vídeo3. Envío y recepción de
datos arbitrarios en conexiones punto a punto.
WebRTC: Apis Javascript
1. getUserMedia2. RTCPeerConnection3. DataChannel
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
getUserMedia
http://io13webrtc.appspot.com/#17
Detección de Movimiento.
http://www.soundstep.com/blog/experiments/jsdetection/https://github.com/ReallyGood/js-motion-detection
RTCPeerConnection - Pasos comunicación
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web
Señalización: Mecanismo por el cual los pares se envían mensajes de control entre sí con el propósito de establecer el protocolo, canal, y método de comunicación
RTCPeerConnection - Signaling
https://code.google.com/p/sipml5/
http://www.jssip.net/
strophe.jinglehttps://github.com/ESTOS/strophe.jingle/
https://www.gowebrtc.me/
+
RTCPeerConnection - Signaling
webRTC.iohttps://github.com/webRTC/webRTC.io
http://simplewebrtc.com/+ signalmaster
https://github.com/andyet/signalmaster
http://www.easyrtc.com/
“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
Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html
Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html
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
+
DEMOChat Social
Trabajo Colaborativo
Trabajo Colaborativo
+
Trabajo Colaborativo
https://plus.google.com/+googleplus/posts/8Qs1Cq8QLqy
EtherPad Lite
http://etherpad.org/
http://nodejs.org/
Etherpad plugin manager
ep_rtchttps://github.com/JohnMcLear/ep_rtc
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
http://virtualnet2-0.blogspot.com/2013/08/etherpad-trabajo-colaborativo.html
Trabajo Colaborativo
DEMOTrabajo Colaborativo
WebRTC - Soporte
http://caniuse.com/#search=webrtc
Adapter.js
Plataformas
https://vline.com/developer/http://www.snapchat.com/
http://bloggeek.me/snapchat-acquires-addlive/
Plataformas
http://tokbox.com/
https://www.tuenti.com
http://disruptivewireless.blogspot.com/2014/03/tuenti-telefonica-and-zero-rated-mobile.html
Plataformas
http://bloggeek.me/whatsapp-voice-calling-webrtc/
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
Conclusiones● Se ha evidenciado que gracias al cambio de de tecnología de
técnicas como long polling a un entorno de WebSockets, libera de peticiones innecesarias al sistema.
● En la experiencia docente encontramos que el Chat de la plataforma VirtualNet 2.0. Potencia una de las capacidades humanas de mayor relevancia adaptativa: la resiliencia, entendida como la capacidad mental de respuesta del ser humano a situaciones adversas. De forma tal que la construcción del conocimiento de forma autónoma, así como en sí misma la autonomía puede desarrollarse enormemente a través de la virtualidad, habilitada por la tecnología digital y las redes sociales, que se establecen en el chat (Castañeda, 2010).
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