BigBlueButton es un sistema de videoconferencia de código abierto creado para educación a distancia. El documento proporciona una visión general del proyecto BigBlueButton, incluyendo sus características principales, versiones recientes, integraciones con LMS y planes futuros como el desarrollo de un cliente HTML5.

1. Visión general del proyecto
BigBlueButton
Jesus Federico
Desarrollador BigBlueButton
jesus@blindsidenetworks.com
Gustavo Salazar
Desarrollador BigBlueButton
guga@blindsidenetworks.com

2. Visión General
•Visión general de BigBlueButton
- Estadísticas del proyecto
- Actividades recientes
•Versión mas reciente
•Cambiando a HTML5 + WebRTC
•Retroalimentación

3. Nuestra misión
Tenemos la firme convicción de que todo estudiante
con un navegador debe tener la posiblididad de
vivir una experiencia de alta calidad en educacion a
distancia.
Intentamos hacerlo posible con BigBlueButton.

4. Que es BigBlueButton?
BigBlueButton es un sistema Web de videoconferencia
que fue creado para educación a distancia.

5. Casos de uso
1. Uno a uno
2. Colaboración en pequeños grupos
3. Uno a muchos (<25)

6. Escritorio compartido
Video
Audio
Diapositivas
Chat

7. Captura de pantalla

9. Captura de pantalla

10. Captura de pantalla

11. Reproducción (popcorn.js)
Chat
Miniaturas
de
diapositiva
ss
Presentacion
http://goo.gl/A0IOXr
Audio, Video,
Escritorio compartido

12. Por que?
2007
$$$
$
•
•
•
•
Antes
Después
Tendencia global sobre educación a distancia
150 Sistemas comerciales 1
Modelo de negocio Open Source
Vamos por ello!
[1] http://thinkofit.com/webconf/realtime.htm

13. Chat
Video
Packaging
Slides
VM
Voice
Desktop
Sharing
VoIP
Refactoring
0.32
0.4
0.5
0.60
0.61
Sept-08
Jun-09
Jul-09
Aug-09
Sep-09

14. Desktop
Sharing
II
Dev VM
API
Desktop
Sharing
III
Larger
Meetings
Localization
RPM
Whiteboard
VoIP II
0.62
0.63
0.64
0.70
Nov-09
Jan-10
Apr-10
July-10

15. Refactored
VoIP II
Improved
VoIP
Real-time
translation
Refactored
VoIP
Record
and
Playback
0.71
0.71a
0.8-beta1
0.8-beta2
Nov-10
Jan-11
Sept-11
Oct-11
Video Dock

16. Audio
Settings
Fit-to-width
0.8-beta3
0.8-beta4
0.80
Nov-11
Mar-12
June-12
Now working on 0.81
(our eleventh release)

17. En los hombros de gigantes
•red5
•FreeSWITCH
•swftools
•tomcat6
•redis
•nginx
•ffmpeg
•ghostscript
•ImageMagick
•OpenOffice
•grails
•scala
•popcorn.js
•FlexLib

18. BigBlueButton, el proyecto Open Source
•1.5k miembros en la lista de desarrolladores
•Actividad: 15k mensages
•GSOC 2010
•Forked mas de 1.4k veces en GitHub
•Facebook (2.4k likes), Twitter (1.9k Followers)
•Traducido en 35 idiomas
•Graduado del programa Mozilla WebFWD 2011
•Su instalación en 30 minutos (o la devolución de su
dinero!)

19. Traducción
https://www.transifex.com/projects/p/bigbluebutton/

20. code.bigbluebutton.org

21. •Eventos recientes

22. Canada Moodle Moot 2013
Martin Dougiamas

23. Canada Moodle Moot 2013

24. Caso de estudio gana premio de
recomendación
BigBlueButton es una solución innovadora que reemplaza con
efectividad la tecnología anterior a un costo mucho mas bajo y
cumple con las demandas cambiantes de nuestra institución para
la ejecución de enseñanza y aprendizage.
– Darren Rickets, Project Manager/Technical Lead
for ICT, University of West Scotland
http://www.bigbluebutton.org/2013/04/20/uofws-wins-commendation-award-for-study-on-bigbluebutton/

25. Mozilla Ignite Challenge
We’ve partnered with Chris Kennenberg, Dearborn
Michigan Public Schools.
https://mozillaignite.org/apps/374/

26. http://www.whitehouse.gov/blog/2013/06/25/mozilla-ignite-challenge-winner-announced

27. iMoot 2013
Duración de 4 días (24h/día) con 64 ponentes utilizando BigBlueButton
http://2013.imoot.org/

28. Best Open Source Application 2013
http://www.infoworld.com/slideshow/119652/bossie-awards-2013-the-best-open-source-applications-226975#slide30

30. http://www.virtualwag.com/

31. •Soporte de LMS

32. Sakai
•Integración con Sakai CLE
-Sakai Meeting Tool
-Creada por Adrian Fish y Nuno Fernandez,
Lancaster University
-Mantenida por Jesus Federico, Blindside Networks
•Integración Sakai OAE
-LTI 1.0

33. Descarga desde la base de datos de components de
Moodle
•Soporte para Moodle 1.9 y 2.x
•https://moodle.org/plugins/browse.php?list=set&id=2
•http://moodle.org/plugins/view.php?plugin=mod_bigbluebuttonbn

34. Moodle
•BigBlueButtonBN and RecordingsBN
#11

35. Moodle Issue Tracker

36. Canvas

37. After Installation
Click ‘Upgrade’
Insert URL and Security Salt for your BigBlueButton
server
URL
Salt
17/10/13
BigBlueButton + Moodle Integration
37

38. •La versión mas reciente (0.81)

39. Visión general del proceso
•BigBlueButton 0.81-dev
-Diseño y desarrollo
•BigBlueButton 0.81-beta
-Actualización de paquetes y documentación
-Pruebas de paquetes
-No mayores bugs
•BigBlueButton 0.81-RC
-Bugs reportados: 0
-Prueba final con la comunidad
•BigBlueButton 0.81
0.81-RC3

40. Características
•Archivo de todos los elementos
•Accessibilidad para estudiantes con discapacidades
•Herramienta de texto en la pizarra
•Manejador de Layout
•Lista unificada de participantes
•Nuevas APIs para integración con aplicaciones
externas
•Especificar el layout por defecto, API de JavaScript para el cliente
•Actualización de iconos y tema
•Soporte para IMS Learning Tools Integration (LTI 1.0)

41. Lista unificada de participantes

42. Pizarra
Hand pointer to move around
slides
Triangle
Lines
Text

44. Manejador de Layout

45. Cambio de Layouts

46. Accesibilidad
•UI es compatible con
•Lectores de pantalla
-JAWS
-Implementado por
Seneca College
(Toronto, Canada)

47. Interface JavaScript
•Control via JavaScript
-Cambio de layout
-Join audio
-Mute/unmute
-Detener/Iniciar webcam
-Injectar chat
-Obtener informacion de
usuarios
Nueva Demo para
esta API

48. Configuración dinámica de
config.xml
Usuario #1
Usuario #2
Nueva Demo para
esta API

49. Certificación LTI
•Certificación LTI 1.0
http://www.imsglobal.org/cc/detail.cfm?ID=172
•BigBlueButton es una herramienta LTI
$ bbb-conf --lti
URL: http://test-install.blindsidenetworks.com/lti/tool.xml
Customer: bbb
Secret: b00be971feb0726fa697671c9cf2e883
Icon URL: http://test-install.blindsidenetworks.com/lti/images/icon.ico
http://www.youtube.com/watch?v=OSTGfvICYX4#t=74

50. •A dónde vamos?

51. Guía
•Grabación y reproducción
- Botón para iniciar y detener
- Recorte las grabaciones
•Componentes adicionales
-Reproducción de video sincronizada
-Encuestas
-Notas compartidas
-Salas para sub-grupos

52. •Interfase de usuario
-Soporte de pantalla completa (F5)
-Soporte para idiomas de derecha a izquierda
•Pizarra
-Dibujo compartido
-Símbolos matemáticos
•Usabilidad
-Validación de componentes (java, flash, ancho de
banda, etc.)

53. Proyectos en marcha
•Proyectos actuales
-Cliente HTML5
-WebRTC
•Otras platformas
-FireFox OS
-Android
-iOS

54. •Cliente HTML5

55. Cliente HTML5 para BigBlueButton
•Fase 1: Visor
-Una vía: presentación, webcam, escuchar audio
-Dos vías: chat
•Fase 2: Audio y video en dos vías
-audio/video en dos vías usando WebRTC
•Fase 3: Cliente completo
-Implementación de todas las funciones

56. •Fase I

57. Comparasión
HTML5 Client
Flash

58. iPad

63. Cliente HTML5 para BigBlueButton
•Fase 1: Visor
-Una vía: presentación, webcam, escuchar audio
-Dos vías: chat
Prototipo!
•Fase 2: Audio y video en dos vías
-audio/video en dos vías usando WebRTC
•Fase 3: Cliente completo
-Implementación de todas las funciones
Prototipo!

64. Jesus Federico
Desarrollador de Integraciones con
BigBlueButton
jesus@blindsidenetworks.com
Gustavo Salazar
Desarrollador BigBlueButton
guga@blindsidenetworks.com

65. •bigbluebutton.org
•code.google.com/p/bigbluebutton
•github.com/bigbluebutton
•twitter.com/bigbluebutton
•facebook.com/bigbluebutton
•youtube.com/bigbluebuttonshare