Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Reproductores Podcasts Multimedia

353 views

Published on

Reproductores Multimedia para la Consulta de Repositorios de Recursos Educativos Abiertos desde Dispositivos Móviles -- Congreso Electro 2013

Published in: Education
  • Be the first to comment

  • Be the first to like this

Reproductores Podcasts Multimedia

  1. 1. ELECTRO2013 Reproductores Multimedia para la Consulta de Repositorios de Recursos Educativos Abiertos desde Dispositivos Móviles
  2. 2. ELECTRO2013 Reproductores Multimedia para la Consulta de Repositorios de Recursos Educativos Abiertos desde Dispositivos Móviles
  3. 3. ELECTRO2013 Reproductores Multimedia para la Consulta de Repositorios de Recursos Educativos Abiertos desde Dispositivos Móviles
  4. 4. ELECTRO2013 Reproductores Multimedia para la Consulta de Repositorios de Recursos Educativos Abiertos desde Dispositivos Móviles ALBERTO PACHECO, CYNTHIA GUZMAN, MIRIAM RAMIREZ, RENE CRUZ** LAB. APRENDIZAJE MÓVIL I. T. CHIHUAHUA – UAEM**
  5. 5. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  6. 6. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  7. 7. ELECTRO2013
  8. 8. ELECTRO2013
  9. 9. ELECTRO2013 Fuente: http://goo.gl/l18Nj Usuarios de smartphone por edades en México
  10. 10. ELECTRO2013 Penetración del smartphone en el mercado mundial Fuente:OECD (2013) http://dx.doi.org/10.1787/888932800710
  11. 11. ELECTRO2013 Fuente: ITU (2013) Indicadores sobre uso de TICs: Telefonía Móvil & Internet (2001-2013)
  12. 12. ELECTRO2013
  13. 13. ELECTRO2013
  14. 14. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  15. 15. ELECTRO2013 Objetivos • Uso Educativo TICs • Producción y Diseminación REA • Aprendizaje Colaborativo & Estilos Aprendizaje • Pilotos (PC  Dispositivos)
  16. 16. ELECTRO2013 Programas Piloto 2010- 2013 • ITCH, UTCH, UACH, ITCC, UAEM, UABC, Municipio • +6 pilotos, +12 maestros, +400 alumnos • Propuesta Metodológica • Repositorios REA (Creative Commons) tiny.cc/libro01
  17. 17. ELECTRO2013 Podcast Multimedia • Formato MULTIMEDIA: Audio + Imágenes • PORQUE? • Más ligero que un video (+10x) ≈ 1 Mb/min. • Más portable • Más apropiado para un móvil (320x320) • Más sencillo de editar • Más software libre para edición de audio/imagen que video • Estándares Web y Multimedia (W3C SMIL) • PROBLEMA: No había reproductores SMIL para móviles, y menos para propósitos educativos
  18. 18. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  19. 19. ELECTRO2013 Podcast Media Player (PMP) • PROTOTIPO Java ME: • Celulares bajo costo • Recursos multimedia embebidos (JAR) • Imágenes muy pequeñas 128x128, audio AMR, texto.
  20. 20. ELECTRO2013 PMP - Prototipo SMIL • Reproductor SMIL Documento XML Player para PC (únicamente) Prototipo para smartphone Symbian en Python
  21. 21. ELECTRO2013 SMIL <smil xmlns="http://www.w3.org/2001/SMIL20/Language"> <body> <seq> <par> <audio src="intro.mp3" alt="portada"/> <img src="portada.png" region="foto"/> </par> <par> <audio src="narrador.mp3" alt="escena 1"/> <img src="personajes.jpg" region="foto"/> </par> ... </seq> </body> </smil>
  22. 22. ELECTRO2013 Modelo de Datos 1: pod = Podcast() # Genera Podcast 2: seq = Secuencia() # Genera Secuencia 3: seq.add(Musica("imagine.mp3")) 4: seq.add(Imagen("peace.png")) 5: seq.add(Animation("world.gif")) 6: seq.add(Subtit("Imagine there’s no countries")) 7: pod.add(seq) # Agrega Secuencia 8: pod.play() # Reproduce Podcast
  23. 23. ELECTRO2013 Prototipo HTML5 (iPhone) tiny.cc/mplay1
  24. 24. ELECTRO2013 Prototipo HTML5 (iPad) tiny.cc/mplay2
  25. 25. ELECTRO2013 Arquitectura
  26. 26. ELECTRO2013 Podcast Media Player iPhone - iOS tiny.cc/mplay3
  27. 27. ELECTRO2013 Podcast Media Player iPhone - iOS tiny.cc/mplay5
  28. 28. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  29. 29. ELECTRO2013 Resultados
  30. 30. ELECTRO2013 Resultados
  31. 31. ELECTRO2013 A G E N D A  T E N D E N C I A S  O B J E T I V O  P R O T O T I P O S  C O M PA R AT I VO  N O N A T I V O  N A T I V O  CONCLUSIONES
  32. 32. ELECTRO2013 Conclusiones APLICACIONES MÓVILES WEB: • VENTAJAS: • +Universal (estándares, plataformas) ✓ • Prototipos rápidos✓ • Versión +reciente • DESVENTAJAS: • Off line ✗ • Login • Soporte servidor • Ancho de banda • Performance ✗
  33. 33. ELECTRO2013 Conclusiones APLICACIONES MÓVILES NATIVAS: • VENTAJAS: • Performance ✓ • Interfaz usuario: mejor experiencia uso ✓ • Off line ✓ • Almacenamiento en dispositivo ✓ • DESVENTAJAS: • Tiempo de desarrollo ✗ • Más código, más complejo, +volátil • Portabilidad plataformas móviles ✗ • Costo smartphone
  34. 34. ELECTRO2013 Apps • Podcast Media Player HTML5 (tiny.cc/mplay1) • Podcast Media Player iPhone (tiny.cc/mplay3) • Episodium Lite: Demo gratuito (tiny.cc/mplay4) • Episodium: Editor Podcasts (tiny.cc/mplay5)
  35. 35. ELECTRO2013 Alberto Pacheco alberto@acm.org @beto0303 http://tiny.cc/videotec
  36. 36. ELECTRO2013 GRACIAS! slideshare.net/apacheco

×