Este portafolio muestra el compendio de todos los mejores trabajos realizados durante el segundo semestre del curso multimedia para la Especialización en Docencia Mediada por las TIC

2. Multimedia para la producción de material de aprendizaje multisensorial
y autoadministrado.
Mejores trabajos
Realizado por:
Ruth Constanza Medina Heredia
Delly Rosa Ruíz Domínguez
Mónica Castellanos Morales
Liliana Barrios Socha
Ricardo Alberto Beltrán Pardo
Profesor:
Johann Nuñez Cardona
Universidad de San Buenaventura
Abril de 2014

4. 1. Presentación del e-portafolio
2. Temáticas desarrolladas
2.1. Tarea 1: Introducción al aprendizaje multisensorial y autoadministrado:
Mapa conceptual dinámico y colaborativo.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones
2.2. Tarea 2: Conceptos y principios de accesibilidad. Tabla de verificación.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones

5. 2.3. Tarea 3: Ejercicios de aprendizaje edición y efectos.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones
2.4. Tarea 5: ejercicios de aprendizaje animación digital.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones

6. 2.5. Tarea 7: Ejercicios de aprendizaje audio digital.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones
2.6. Tarea 9: Ejercicios de aprendizaje video digital.
 Descripción
 Evidencias
 Referencias de información
 Evaluación
 Reflexiones

8. Este portafolio ha sido diseñado para dar cuenta de le experiencia desarrollada
en la especialización en docencia mediada por las tic, en la asignatura Multimedia
para la producción de material de aprendizaje multisensorial y autoadministrado,
el cual hemos desarrollado mediante el uso de imagen digital, animación, audio y
video, empleando herramientas multimediales basadas en aplicaciones
informáticas.
Todas estas herramientas nos han permitido adquirir diferentes conocimientos
para diseñar y producir materiales que servirán de apoyo a la labor docente.

10. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.1. Tarea 1: Introducción al aprendizaje multisensorial
y autoadministrado: Mapa conceptual dinámico y
colaborativo.

11. Esta actividad consiste en elaborar un mapa conceptual en Prezi, que permitiera
enlazar el aprendizaje autónomo con los estilos de aprendizaje, el estimulo, el
aprendizaje activo y el proyecto SENSO.

12. PANTALLAZO DE LA ACTIVIDAD CON LA APLICACIÓN PREZI
HTTP://PREZI.COM/LQYWSM_2R18Q/MAPA-DNAMICO-COLABORATIVO-GRUPO-1/

13. Huber, G. (2008). Aprendizaje activo y metodologías educativas. Revista de educación 2008, 59-81. Recuperado
de http://www.revistaeducacion.mec.es/re2008/re2008_04.pdf
Martínez, M. J. S. (2004). Tecnologías y estimulación sensoriomotriz en niños con plurideficiencia. Recuperado
de
http://www.google.com.co/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CCcQFjAA&url=http%3A%2F
%2Fdiversidad.murciaeduca.es%2Fhmes%2Farchivos%2Fmjsegura.pdf&ei=0wXfUsfmL4T1kQeag4HwDA&usg=
AFQjCNFCt1kQP0r9ZGSIroe__mqUVkuLoA&sig2=QiRmoGYdVmX0DyiI-
OW4kA&bvm=bv.59568121,d.eW0&cad=rja
Proyecto de aprendizaje multisensorial: SENSO.(s.d.). Recuperado de
http://saboners.wikispaces.com/file/view/Proyecto_SENSO.pdf
Ros,R.(s.d.) Aprendizaje multisensorial. Recuperado de
http://es.scribd.com/doc/100777483/51570701-Aprendizaje-Sentidos.
Schwartz, S & Pollishuke, M. (1998). Aprendizaje activo: una organización de la clase centrada en el alumnado.
Recuperado de
http://books.google.com.co/books?id=1fKiBLwAig4C&dq=aprendizaje+activo&source=gbs_navlinks_s

14. Silberman, M. (2005). Aprendizaje Activo: 101 estrategias para enseñar cualquier tema. Recuperado
de
http://books.google.com.co/books?id=TQ9E_xjDtnoC&printsec=frontcover&dq=aprendizaje+activo
&hl=en&sa=X&ei=KDb_UrmSA-
qGyAHX9YHgAg&redir_esc=y#v=onepage&q=aprendizaje%20activo&f=false
SEP (2004). Manual de estilos de aprendizaje. (pp. 7 - 19). Recuperado de
http://biblioteca.ucv.cl/site/colecciones/manuales_u/Manual_Estilos_de_Aprendizaje_2004.pdf

15. AUTODIAGNOSTICO:
A través del aprendizaje autónomo y colaborativo, usando la aplicación prezi es
posible presentar de manera atractiva un tema, prezi ofrece la posibilidad de
hacer explicaciones más dinámicas, por lo que se convierte en un recurso
favorable para el proceso de enseñanza-aprendizaje.
RETROALIMENTACION RECIBIDA:
El trabajo fue de buena calidad y se logró explicar la manera de enlazar una
actividad de aprendizaje autónomo con material audiovisual.
ESTRATEGIAS PARA MEJORAR:
Es importante tener el tiempo para aprender el uso de cualquier sofware, ya
que parte de las falencias del trabajo, pueden ser el resultado de la
inexperiencia en el uso de este tipo de programas.

16. Este recurso es muy valioso, ya que nos proporciona la
oportunidad de salir de la monotonía, tiene muchas ventajas, no
solo para los alumnos, sino también para nosotros como
educadores; al principio el manejo de la aplicación es un poco
complicada por no tener conocimiento de las herramientas que
tiene, pero a medida que vamos trabajando en ella se van
descubriendo las posibilidades que tiene para crear las
presentaciones de forma dinámica y creativa.

17. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.2. Tarea 2: Conceptos y principios de accesibilidad.
Tabla de verificación

18. Se construyó una tabla de verificación de criterios, en la cual se consideraron
conceptos de navegabilidad, pautas WAI y conceptos de accesibilidad en material
multimedia. Para cada criterio se estableció los tipos de mediación y medio del
proyecto pedagógico para la formación a distancia de la universidad de San
Buenaventura, que se ve afectado o aplica para cada criterio.

19. Documento compartido
google docs
Tabla de verificación

20. ATeDis. (2007). Guía de Accesibilidad Web y Estándares: Programa de la Sociedad de la Información.
Secretaría de comunicaciones. Ministerio de Planificación Federal, Inversión Pública y Servicios. Apoyo
Tecnológico para la Discapacidad. Capitulo II. Recuperado de
http://www.atedis.gov.ar/archivos/ManualGuiaCap2.pdf
Fonoll, J., García, J., García, J., Guerra, A., Gutiérrez, E., Jaúdenes, C., Martínez, L., & Romero, R.
(2011).Accesibilidad, TIC y educación. Recuperado de:
http://books.google.com.co/books?id=DBEbAgAAQBAJ&printsec=frontcover&dq=isbn:8436950798&hl=es
&sa=X&ei=FwEOU-jJIordkQfUjoGIBw&ved=0CCwQ6AEwAA#v=onepage&q&f=false
Henry, L. (2005). Introducción a la accesibilidad web. Recuperado de:
http://www.w3c.es/Traducciones/es/WAI/intro/accessibility
Hernández, M. & Castillo, N. (2010). Proyecto pedagógico para la formación a distancia-virtual:
Universidad San Buenaventura sede Bogotá. Recuperado de:
http://uvirtual.usbbog.edu.co/ProyectoPFV.swf.
Otero, S. y Maglione, C. (2011). Colección fascículos digitales Competencias en Tic. Fascículo 3:
Arquitectura de sitios web. Cuaderno 4: Accesibilidad, navegabilidad y usabilidad. Disponible en:
http://competenciastic.educ.ar/pdf/arquitectura_web_4.pdf
WEC. Web Accessibilityiniciative. Guía breve para crear sitios Webs accesibles. Recuperado de
http://www.w3.org/WAI/References/QuickTips/qt.es.htm

21. AUTODIAGNOSTICO:
A través del aprendizaje autónomo y colaborativo, fue posible realizar la
construcción de una tabla de verificación considerando conceptos como la
navegabilidad, pautas WAI y accesiibilidad., haciendo posible explicar estos
conceptos en relación con la multimedia que propone el proyecto
pedagógico para la formación a distancia-virtual de la Universidad.
RETROALIMENTACION RECIBIDA:
Es importante reconocer que las referencias deben ser actuales, cuando
estas son mayores a 10 años se puede afirmar que pueden estar un poco
descontextualizadas de la realidad. Las normas APA son una herramienta
esencial para la adecuada presentación de derechos de autor.
ESTRATEGIAS PARA MEJORAR:
Es importante indicar en formato APA todos los extractos literarios, a fin de
evitar incurrir en faltas al derecho de autor.

22. La accesibilidad de una página web está vinculada a la posibilidad
de acceder a esta por parte de todos los usuarios, procurando que
factores como el entorno y las características particulares de cada
persona afecten de manera negativa su acceso, en este sentido es
importante conocer as normas internacionales que orientan la
adecuada accesibilidad al material multimedia. La navegabilidad
es específicamente la facilidad con que las personas pueden hacer
uso de esta.
La actividad realizada permitió reconocer los principales criterios a
tener en cuenta para orientar el diseño de páginas accesibles y
navegables, lo cual permite tener unas pautas para el manejo del
color, imágenes, fondos, y todo elemento visual que se incluya en
una página web.
El desarrollo de la tarea no tuvo dificultades, por el contrario se
logró consolidar una tabla bien argumentada.

23. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.3. Tarea 3: Ejercicios de aprendizaje edición y
efectos.

24. A partir de una serie de imágenes dadas por el profesor, y con la ayuda
de sofware libre para la producción y edición de imagénes, tales como
infanview, photofiltre, fxfoto, Oscar´s jpg, Serif photoplus, se realizaron
ejercicios para la manipulación de densidad de bits, brillo, contraste,
corrección de gama, saturación, reducción de ruido, nitidez, tamaño,
montaje, procesado por lotes, entre otros.

25. NITIDEZ
SATURACION

26. Corrección ojos
rojos
Suavizado

27. http://data.axmag.com/data/201403/20140302/U24249_F267195/FLASH/index.html?page=34
http://www.irfanview.com/
http://www.fxfoto.com/fxdownload.htm
JNC. (2012). Infanview-Densidad de bits. Recuperado de
http://www.youtube.com/watch?v=8mY4WOXMMIo&feature=youtu.be&hd=1
JNC. (2012). Photofiltre autolevels. Recuperado de
http://www.youtube.com/watch?v=sq5Yn915FDI&feature=youtu.be&hd=1
JNC. (2012).. Photofiltre-constraste automático. Recuperado de
http://www.youtube.com/watch?v=lPbE61dyGsg&feature=youtu.be&hd=1
JNC. (2012).. Photofiltre-reducción ruido. Recuperado de
http://www.youtube.com/watch?v=lPbE61dyGsg&feature=youtu.be&hd=1

28. JNC. (2012). Photofiltre-nitidez. Recuperado de
https://www.youtube.com/watch?v=JwjgY64OP8E&feature=youtu.be%20%20%09&hd=1
JNC. (2012). Photofiltre-tamaño. Recuperado de
https://www.youtube.com/watch?v=OunIxlbGc6M&feature=youtu.be&hd=1
JNC. (2012). Infanview-ojosrojos. Recuperado de
https://www.youtube.com/watch?v=sBISRIwm6ko&feature=youtube_gdata&hd=1
JNC. (2012). fxfoto. fx.-ojosrojos-cualquier color de ojos. Recuperado de
https://www.youtube.com/watch?v=UUskMmbfZ7g&feature=youtube_gdata&hd=1
Marín. A. (s.f). Fotografía digital: manual de uso y recursos. 2ª parte. Mosaic. Recuperado de
http://mosaic.uoc.edu/wp-content/uploads/0002-LA_CAMARA_DIGITAL2.pdf

29. AUTODIAGNOSTICO:
A través del aprendizaje autónomo y colaborativo, usando herramientas como
infanview, photofiltre, fxfoto, Oscar´s jpg y Serif photoplus fue posible realizar
montajes y efectos especiales con imágenes digitales, así como modificar las
propiedades de estas.
RETROALIMENTACION RECIBIDA:
Al ejercicio de montaje le falto un poco de trabajo, pues se desperdiciaron las
posibilidades de la herramienta. El trabajo fue de buena calidad y se logró la
producción y edición de imágenes.
ESTRATEGIAS PARA MEJORAR:
Es importante tener el tiempo para aprender el uso de cualquier sofware, ya
que parte de las falencias del trabajo, pueden ser el resultado de la
inexperiencia en el uso de este tipo de programas.

30. El uso de este tipo de software ayuda hacer muchas ediciones de fotografías,
aplicarle muchos efectos, es de fácil manejo, es muy completo y es ideal para
hacer todo tipo de retoque.
No tuvimos ningún inconveniente en su utilización, lo pudimos descargar de
forma muy rápida y nos sirve para cuando queramos que nuestros estudiantes
elaboren materiales para presentarlos en clase y compartirlos con sus
compañeros

31. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.4. Tarea 5: ejercicios de aprendizaje animación
digital

32. Con la ayuda de software libre para la producción y animación digital,
como easy GIF animator y Swichhmax, se realizaron en grupo dos
ejercicios, uno de animación GIF, el cual contiene efectos de transición
y apariencia; y otro de animación en flash que contiene animación de
textos, efectos de transformado, pistas breves de audio y un video de
libre uso.

33. 1. ANIMACION EN FORMATO GIF
Construcción de 10 fotogramas usando Power Point
Montaje Web

34. Se usa el programa easy GIF
animator para construir la
animación.

35. 2. ANIMACION FLASH
Instalación del programa Swich Max

36. Área de trabajo programa Swich Max

37. Haciendo la animación en Swich Max

38. Visualizando la animación en flash

39. Animación digital. Recuperado de
http://data.axmag.com/data/201403/20140302/U24249_F267195/FLASH/index.html?page=34
JNC, (2012). Animación Gif-1er fotograma. Recuperado de:
http://www.youtube.com/watch?v=B1GOck8f8So&feature=youtube_gdata&hd=1
JNC, (2012). Animación Gif-creación de varios fotogramas. Recuperado de:
http://www.youtube.com/watch?v=BEx2kJ3eUU0&feature=youtube_gdata&hd=1
JNC, (2012). Animación Gif-creación de la animación. Recuperado
dehttp://www.youtube.com/watch?v=Nm9RYNbjqts&feature=channel&list=UL&hd=1
JNC, (2012). Swishmax-Test. Recuperado
dehttp://www.youtube.com/watch?v=s4TgZhDSUpY&feature=youtube_gdata&hd=1
http://www.w3c.es/Divulgacion/GuiasBreves/TecnologiasMultimedia
http://bibliotecadigital.ilce.edu.mx/Colecciones/index.php?clave=arte4&pag=11

40. JNC, (2012). Swishmax-barras de efectos. Recuperado de
http://www.youtube.com/watch?v=IrOEWZ71R3E&feature=youtube_gdata&hd=1
JNC, (2012). Swishmax-efectos-escenas-parametros. Recuperado de
http://www.youtube.com/watch?v=LiVva4MH2BE&feature=youtube_gdata&hd=1
JNC, (2012). Swishmax-transformar un efecto. Recuperado de
http://www.youtube.com/watch?v=mTtcxGbqUL4&hd=1
JNC, (2012). Swishmax-pistas de audio. Recuperado de
http://www.youtube.com/watch?feature=youtube_gdata&hl=en&v=A9PlFsydxb4&gl=US&hd=1

41. AUTODIAGNOSTICO:
A través del aprendizaje autónomo y colaborativo, fue posible realizar
animaciones GIF y Flash. La primera a partir del uso del Power Point y un
programa de manejo sencillo como lo es easy gif animator, con lo cual se
obtuvo un gif con la frase: hasta pronto, el cual se puede observar al final de
este e-portafolio. En relación a la animación flash es interesante ver la manera
como a partir de imágenes, pistas de audio y video, se puede construir una
animación con alta calidad. El uso de este software permite el manejo
adecuado de colores, textos, imágenes, fondos y conceptos de teoría del color.
RETROALIMENTACION RECIBIDA:
Las animaciones estuvieron bien diseñadas y el producto es muy bueno.
ESTRATEGIAS PARA MEJORAR:
Es importante comprar el software, ya que muchos programas se ofrecen en la
Web a manera de prueba, y después de algunas semanas ya no se puede hacer
uso de este.

42. La construcción de animaciones GIF y Flash constituyen una estrategia
fundamental para desarrollar competencias para el diseño de material
multimedial. Poder escoger el software para el desarrollo de actividades
de aprendizaje propicia procesos de aprendizaje en la toma de decisiones.
La actividad realizada permitió reconocer algunas herramientas que se
usan en animación, ofreciendo un soporte esencial para el diseño de
material multimedia.
El desarrollo de la tarea tiene dificultades en relación al uso del software
swiscmax, el cual después de un periodo de prueba queda inservible, ya
hacer la reinstalación es un proceso muy complejo.
Es posible aprender a manejar este tipo de software a partir del trabajo
colaborativo.

43. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.5. Tarea 7: Ejercicios de aprendizaje audio digital

44. Es una actividad colaborativa por grupos donde a cada grupo se le asigna
una pista de audio para que se le apliquen los siguientes efectos:
• Ecualización
• Aparecer progresivamente
• Desvanecer progresivamente
• Normalizado
• Reducción de ruido
• Aplicación de 2 efectos que se aprecien claramente
• 2 conclusiones al comparar los resultados con el archivo original

45. Distribución y acuerdos preliminares de trabajo

46. Pantallazo con la aplicación audacity

47. Romo, F. (2004). Tecnologías audiovisuales en la educación. Revista digital Universitaria. Vol. 5.
No. 10. Recuperado de http://www.revista.unam.mx/vol.5/num10/art71/nov_art71.pdf
http://audacity.softonic.com/
http://www.youtube.com/watch?v=4b4_yI4uETc
JNC, (2012). Audacity-menu pistas. Recuperado de
http://www.youtube.com/watch?v=XbuwAWwVZ4k&feature=youtube_gdata.
JNC, (2012). Audacity-selección. Recuperado de
http://www.youtube.com/watch?v=ik7nJc07bGE&feature=youtube_gdata

48. AUTODIAGNOSTICO:
A través del aprendizaje autónomo y colaborativo, fue posible usar software
libre para la producción y edición de pistas de audio digital. Se logró construir
una pista con efectos como aparecer, desvanecer, normalizado, reducción de
ruido y ecualización, obteniendo una pista con mayor calidad.
RETROALIMENTACION RECIBIDA:
La pista obtenida es de buena calidad, la reducción de ruido puede mejorar.
ESTRATEGIAS PARA MEJORAR:
Este programa es un poco complejo de manejar al principio, pero a medida que
vamos trabajando en el y se van explorando los distintos iconos ya que tiene
elementos básicos que con práctica se va aprendiendo sobre su manejo.

49. Con esta aplicación tuvimos muchos inconvenientes ya que no estábamos
familiarizados con ella, pero es una aplicación donde podemos hacer muchas
cosas, es bastante completa, nos permite aplicar muchos efectos, grabar,
editar, crear, entre otros. Además es de software libre.
Audacity lo podemos utilizar en el desarrollo de cualquier actividad en clase, ya
que permite que los estudiantes hagan sus propias creaciones.

50. Descripción Evidencias
Referencias
de
información
Evaluación Reflexiones
2.6. Tarea 9: Ejercicios de aprendizaje video digital

51. Los aspectos a tener en cuenta en el video son:
• Las acciones en pantalla son coherentes con lo narrado:
• producción del video de captura en formato MP4.
• Video final en formato nativo del software de edición.
• Copia de dos selecciones de partes del video.
• Aplicación de un efecto de apariencia.
• Aplicación de 2 transiciones.
• Inserción de 2 Callouts.
• Inclusión de una narración acciones presentadas en el video.
• Inserción de una pista musical de la librería. El nivel de volumen de la pista
no debe sobreponerse sobre el nivel de la narración.
• Las pistas de audio se perciben con claridad y con bajo nivel de ruido de fondo.
• Inserción de 2 objetos de librería.
• Inserción de 2 imágenes fijas en el video.
• Dirección Web del video publicado en YouTube.
Desarrollar de forma colaborativa los ejercicios indicados en el documento
“Cartilla 5 el video digital” siguiendo paso a paso desde la instalación del
software Camtasia hasta la publicación del video en Youtube.

52. Trabajo colaborativo por grupos: a través de google Docs se compartieron los
aspectos a trabajar y se asignaron responsabilidades.

53. Descarga e instalación del programa: se descargó el programa en el sitio sugerido por el
profesor y se dio inicio a la instalación.

54. Se dio inicio a la captura de pantalla con la herramienta record the screen y
simultáneamente se iban narrando las acciones presentadas en la página.

55. Se guarda la película como MP4 en la opción produce and share.

56. Se da inicio a editar el video inicial de acuerdo con las indicaciones dadas por el profesor

57. Guardar el video como camproj empleando la opción save as, y guardándolo con
todos los clip bin con la opción Export project as Zip.

58. Subir video a Youtube. Para subir el video a Youtube es necesario producir el video
como MP4 como se indico anteriormente.
El enlace del video es:
http://www.youtube.com/watch?v=GueALVek6Uo

59. Camtasia Studio. Recuperado de: http://camtasia-studio.softonic.com/descargar
El video digital. Recuperado de:
http://data.axmag.com/data/201401/20140124/U24249_F260556/FLASH/index.
html
JNC, (2012). Camtasia Studio, Captura video y audio. Recuperado de:
http://www.youtube.com/watch?v=CzPNTlE0c54&feature=youtube_gdata
JNC, (2012). Camtasia Studio-Instalación. Recuperado de:
http://www.youtube.com/watch?v=YsLGE5GQ44I&feature=youtube_gdata
JNC, (2012). Camtasia Studio. Edición no lineal de video. Recuperado de:
http://www.youtube.com/watch?v=LNFH7hw2YF0&feature=youtu.be

60. AUTODIAGNOSTICO:
El software utilizado ofrece grandes ventajas ya que permite incluir
narraciones, pistas musicales e imágenes, permite además aplicar efectos,
hacer transiciones, insertar callouts, capturar video en MP4, entre otras. Esto
se pudo realizar de manera colaborativa, destacándose que el compromiso y la
responsabilidad son claves para el éxito en el desarrollo de la tarea propuesta.
RETROALIMENTACION RECIBIDA:
El video es de muy buen calidad, importante tener en cuenta que los videos se
deben narrar en forma impersonal y en singular.
ESTRATEGIAS PARA MEJORAR:
Es importante tener el tiempo para aprender el uso de cualquier software, ya
que parte de las falencias del trabajo, pueden ser el resultado de la
inexperiencia en el uso de este tipo de programas.

61. - Camtasia es un software que permite realizar ediciones de video con
variedad de herramientas, obteniendo resultados profesionales.
- La captura de video es muy usual para realizar video tutoriales, y resaltarlos
con las herramientas que ofrece Camtasia lo hace más atractivo.
- El manejo de audio combinado con voz hace amena la transmisión del
mensaje.
- La edición no lineal permite realizar modificaciones al video permitiendo
personalizar escenas y corregir errores originales.
- Algunas de las dificultades encontradas durante el desarrollo colaborativo
fue el envío del archivo para dar continuidad en su desarrollo, finalmente
nos dimos cuenta de la herramienta de exportar como zip la cual captura
todos los clip utilizados en el video.
- El tiempo de desarrollo de la actividad fue de aproximadamente 14 horas
desde la planeación y asignación de tareas con el grupo de trabajo.

62. 1. ANIMACION EN FORMATO GIF
Se realiza un video con el GIF
Evidencias