2° Congreso Internacional de Ingeniería - 24 y 25 de Octubre de 2013 - Bogotá D.C. - Universidad de Cundinamarca - Facultad de Ingeniería Ponente: Jorge Rubiano

1. WebRTC - Una nueva tecnología web al servicio de la educación.
Caso en VirtualNet 2.0
Jorge Rubiano.
@ostjh

2. VirtualNet 2.0
http://virtualnet2-0.blogspot.com/

3. Navegadores
http://www.navegadoresdeinternet.net/

4. Complementos (Plugins)
http://clubajax.org/the-history-of-ria-technologies/

5. HTML5 + CSS3 + Javascript
http://www.w3.org/html/logo/

6. Nuevas Apis - Javascript
WebAudio
Web Workers
https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html
http://www.w3.org/TR/workers/
Media Capture & Streams
http://www.w3.org/TR/2012/WD-mediacapture-streams-20120628/
http://www.freshtilledsoil.com/the-future-of-web/
Device
http://arewemobileyet.com/

7. WebRTC
http://www.webrtc.org/

8. Http/Ajax
http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications/

9. WebSockets Vs WebRTC

10. WebRTC
Es 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.
WebRTC
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
RTCWeb
Estandarización de protocolos y
herramientas a nivel de transporte (SRTP,
STUN/ICE/TURN) y codecs

11. WebRTC
1. Adquirir medios.
2. Comunicación Audio y
Vídeo
3. Envío y recepción de
datos arbitrarios en
conexiones punto a
punto.

12. WebRTC: Apis Javascript
1. getUserMedia
2. RTCPeerConnection
3. DataChannel
Libro WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web

13. Detección de Movimiento.
http://www.soundstep.com/blog/experiments/jsdetection/
https://github.com/ReallyGood/js-motion-detection

14. Juegos
https://www.cubeslam.com/

15. Comunicación
Foros
http://www.webdesignshock.com/online-chat-tools-for-website/
Chat’s

16. Comunicación
“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”
Castañeda, 2007
http://ocw.um.es/gat/contenidos/mpazherramientas/documentos/videoymsn.pdf

17. Comunicación - Plugins/servicios
http://www.red5.org

18. Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html

19. Chat Social
http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html

20. Chat Social
http://nodejs.org/
+
http://socket.io/
+
http://www.webrtc.org/
webRTC.io
https://github.com/webRTC/webRTC.io
+
http://www.mongodb.org/
mongodb
https://npmjs.org/package/mongodb

21. Trabajo Colaborativo

22. Trabajo Colaborativo
+

23. Trabajo Colaborativo
https://plus.google.com/+googleplus/posts/8Qs1Cq8QLqy

24. Trabajo Colaborativo
http://etherpad.org/
http://nodejs.org/
http://www.mongodb.org/
http://socket.io/
http://www.webrtc.org/
http://virtualnet2-0.blogspot.com/2013/08/etherpad-trabajo-colaborativo.html

25. DEMO
Trabajo Colaborativo

26. 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)

27. DataChannel
https://www.sharefest.me/

28. WebRTC - Soporte
Adapter.js
http://caniuse.com/#search=webrtc

29. 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

30. Fuentes
http://webrtchacks.com/
http://www.html5rocks.com/en/tutorials/webrtc/basics/
https://www.webrtc-experiment.com/
http://io13webrtc.appspot.com/#1
https://hacks.mozilla.org/category/webrtc/
http://groups.google.com/group/discuss-webrtc/topics
Google I/O 2012: http://www.youtube.com/watch?v=E8C8ouiXHHk
Google I/O 2013: http://www.youtube.com/watch?v=p2HzZkd2A40
Libro: http://www.webrtcbook.com/
Debug: chrome://webrtc-internals

31. Gracias por la atención
Jorge Rubiano
@ostjh