viernes, 16 de junio de 2017

Ejemplo Act9-equipo espartacos.

¡Saludos a todas/os!

Comparto un ejemplo de revisión de Actividad 9 que amablemente el Equipo "Espartacos" nos permitió subir.



Saludos a todas/os.

Carlo.

Algunas referencias para la elaboración de actividades de aprendizaje.

Estimadas/os Mtras./os. ¡excelente día!



En la presente entrada compartiré algunas referencias que les pueden ser de utilidad para el diseño de actividades de aprendizaje:








1 - Penzo, W. (2010). Guía para la elaboración de las actividades de aprendizaje. Barcelona: Editorial Octaedro / ICE-UB. Disponible en: http://www.ub.edu/ice/sites/default/files/docs/qdu/15cuaderno.pdf


2 - Gutiérrez-Vázquez, J.M.  (2009). Catálogo de actividades de aprendizaje en eduación de adultos. Decisio. Enero-Abril, p.31-35. http://www.crefal.edu.mx/decisio/images/pdf/decisio_22/decisio22_saber5.pdf

3 - Marcelo, Carlos, Yot, Carmen, Murillo, Paulino, Mayor, Cristina, Actividades de aprendizaje con tecnologías en la universidad. ¿Qué uso hacen los profesores?Profesorado. Revista de Currículum y Formación de Profesorado [en linea] 2016, 20 ( ) : [Fecha de consulta: 16 de junio de 2017] Disponible en:<http://www.redalyc.org/articulo.oa?id=56749100020> ISSN 1138-414X


4 - Barros, B., Verdejo, M.F., Entornos para la realización de actividades de aprendizaje colaborativo a distanciaInteligencia Artificial. Revista Iberoamericana de Inteligencia Artificial [en linea] 2001, 5 (primavera) : [Fecha de consulta: 16 de junio de 2017] Disponible en:<http://www.redalyc.org/articulo.oa?id=92551205> ISSN 1137-3601




¡Excelente día!


Carlo.


miércoles, 14 de junio de 2017

Sesión presencial 5

Estimadas/os Mtras./os, ¡excelente día!


El día de hoy realizamos diversas actividades encaminadas a la elaboración del sitio web por equipos. En principio, subimos nuestro video a Youtube (1). Posteriormente (y para quienes no habían todavía creado su cuenta en Wix), creamos una cuenta en https://es.wix.com (2). Realizamos una revisión general de la plataforma (3) e hicimos dos ejercicios: El primero de ellos fue crear un sitio web en Wix de forma individual. Este ejercicio fue para identificar las estrategias y elementos disponibles desde Wix para dar forma y enriquecer nuestro sitio (4a). Finalmente (y después del receso) comenzamos con el trabajo por equipos (4b). ¿Qué elementos componen el sitio web?: I) Página principal, II) Página para cartel, III) Página para podcast y IV) Página para video. Estos pasos los coloqué en el pizarrón cuya fotografía comparto a continuación:


 Imagen 1


Identificamos durante la sesión presencial que el trabjo colaborativo en el sitio web  se podía realizar de dos formas:

a) Un miembro del equipo realizaría la labor de "Propietario". Él sería el encargado de enviar las invitaciones al resto de "Colaboradores" para realizar el trabajo.

b) Trabajando sobre una sola computadora, un solo miembro del equipo (pero acompañado por el resto del equipo) compilaría la información de los carteles, podcast y videos.


Es necesario señalar que en ambos casos, se llegaría al mismo resultado. Consideramos adecuado brindar estas dos posibilidades de trabajo dado que, en ambos casos, se promueven la reflexión, participación, debate y desarrollo creativo de un sitio web para la comunicación de recursos educativos.

Un ejemplo del sitio web resultado del trabajo durante la sesión presencial es el que les elaboré. El mismo lo pueden visualizar a través del siguiente enlace:



https://carlorios5.wixsite.com/sustentabilidadycafe


Les invito también a revisar los criterios de evaluación y las instrucciones de la actividad para corroborar que su sitio cuenta con los requisitos solicitados.

Terminado el sitio ya es posible subir el enlace de forma individual al aula virtual.

¡Les felicito a todas/os por su enorme esfuerzo y excelente dedicación! ¡Los trabajos que pudimos revisar durante la sesión fueron de lo más creativos e interesantes!

¡Excelente día!

Carlo.

Sustentabilidad y Café, también en Wix - Actividad 8.

Excelente día, estimadas/os Mtras./os., en esta entrada del Blog compartiré un tip importante para trabajar en Wix.

Una de las herramientas que utilizaremos durante la sesión presencial será la colaboración en el sitio. Para ello, es necesario elegir la opción: "Sitio", posteriormente "Administrador del sitio":


Imagen 1


Finalmente, "Roles y permisos" y a partir de este momento podemos ya agregar a un colaborador del sitio. Para que podamos trabajar abiertamente en equipo, es necesario que el "Propietario" brinde permisos de "Administrador" al resto de integrantes del equipo:

 Imagen 2


En Wix añadiremos páginas con los elementos que hemos trabajado durante la sesión presencial. Ejemplo de ello es posible encontrarlo en:  https://carlorios5.wixsite.com/sustentabilidadycafe

 

¡Excelente día!

Carlo.


 

martes, 13 de junio de 2017

Openshot y tips para su uso - Actividades 6 y 7

Estimadas/os Mtras./os., ¡saludos cordiales!


Esperando que se encuentren pasando un excelente día, publicaré a continuación un tutorial sobre Openshot. El mismo solamente concetra los elementos básicos para la edición de video.

Una vez instalado Openshot (ver instruciones de la Actividad 7), al acceder por primera vez a la interfaz obtendremos la siguiente visión (*dicho sea de paso, también nos aparecerá una ventana que nos invita a revisar un paseo rápido por el programa):


Imagen 1

Openshot, como muchos programas de edición de video se conforma de tres espacios principales de trabajo y dos barras de herramientas: una de menús y una de acceso cortos para la edición de video (1). La primera parte de la interfaz se compone de un espacio que nos permite compilar los archivos que conformarán el proyecto, las transferencias y también, los efectos del video. Estos espacios se dividen por pestañas (2):



 Imagen 2


La segunda parte que conforma la interfaz de Openshot es el espacio que nos muestra una visualización previa del proyeto (1):

Imagen 3


Finalmente, tenemos el espacio de las pistas que comformarán al video. Estas pistas son muy similares a las pistas de edición en Audacity (ver tutorial anterior):

Imagen 4


Hay que señalar que en OpenShot, el orden de las pistas tiene relevancia. Tal como sucedía con Gimp, la pista que primero sea colocada será la que tenga jerárquicamente mayor relevancia. Por ello sugerimos que primero sea colocada la pista de audio, posteriormente las imágenes y transiciones, y después los títulos (aunque los títulos también podrían ir en la misma pista de imágenes). Si los hubiere, también pueden incluirse clips de video. Estos irían en una tercera o cuarta pista.

Hecha esta revisión, demos inicio a la creación de nuestro video. El primer paso es incluir en la sección "Archivos del Proyecto" la totalidad de archivos que vayamos a utilizar. Para ello hacemos clic en la opción "Importar archivos":

Imagen 5

Aparecerá una ventana emergente. Sugiero tener la totalidad de archivos en una sola carpeta. El audio a utilizar será el audio del podcast que elaboramos en la Actividad 5. Para las imágenes, sugiero utilizar los repositorios de imágenes libres disponibles en la sección de "Recursos Generales" del aula virtual. Un excelente espacio para buscar imágenes que particularmente me gusta es el siguiente:



Imagen 6


Los archivos importados aparecerán en la sección "Archivos de proyecto":

Imagen 7


A continuación, elaboramos los títulos del video: títulos de entrada y créditos de salida. Esto se hace haciendo clic en la opción "Título" y "Título" (nuevamente):

Imagen 8



 Se abrirá la siguiente ventana:

Imagen 9


Elegiremos alguna de las opciones disponibles e introduciremos el texto de título del video. Al terminar, haremos clic en "Save"

Imagen 10



 La diapositiva aparecerá en la sección "Archivos del proyecto":

 Imagen 11


 Repetimos la opción para añadir referencias de audio, imágen e indicando la autoría del video (pasos no mostrados por ser semejantes al paso anterior):

 Imagen 12


Si arrastramos y soltamos cada uno de estos archivos, obtendremos algo parecido a la siguiente imagen:
 Imagen 13


Ahora bien, requerimos añadir transiciones. Estas transiciones han sido adecuadas a partir del guión de video. Por síntesis no hemos colocado el ejemplo del guión de video. Pero hacemos la anotación que el mismo ha sido elaborado de forma semejante al guión del microprograma. Solamente hemos añadido las descripciones de las imágenes y las transiciones al mismo.

Un tip para incluir transiciones entre cada una de las imágenes es el siguiente: sobreponer un poco cada una de las imágenes. De esta forma la transición aplicará entre una y otra de las imágenes. OpenShot de forma automática, genera una transición "Desvanecer" al sobreponer una y otra imagen. Sugiero dejar esta transición y colocar, si se desea, otra transición sobre esta primera. Para este ejemplo particular, dejaré la transición automática "Desvanecer" que surge de sobreponer un poco una y otra imagen. La transición tiene la forma de un rectángulo azul entre las imágenes. El resultado sería el siguiente:

Imagen 14


Hemos terminado el proyecto. Antes de exportar el proyecto a un video reproducible en distintos dispositivos, recomiendo guardarlo. Al guardar el proyecto se crearán tres elementos: 1) una carpeta llamada "assets", 2) una carpeta llamada "thumbnail" y 3) el archivo de proyecto de OpenShot con extensión .osp:


Imagen 15


Para exportar el video, sugiero hacerlo con una calidad media, tal como señalo en la siguiente imagen. ¿Por qué razón? Bueno, sucede que en algunos casos, el programa colapsa cuando se desea exportar el video en una calidad muy alta:


Imagen 16


Eligiendo las características deseadas, ya estamos en posibilidad de "Exportar el video":

Imagen 17


Al final, tendremos cuatro elementos:  1) una carpeta llamada "assets", 2) una carpeta llamada "thumbnail", 3) el archivo de proyecto de OpenShot con extensión .osp y 4) el video en formato mp4:






Este es el resultado del video:





__________________________


Espero que el presente tutorial haya sido de interés, estimadas/os Mtras./os. Sigamos adelante con entusiasmo en el resto de actividades del Taller. Recomiendo también revisar la entrada sobre consejos del uso de video en el aula disponible en: https://sustentabilidadycafe.blogspot.mx/2017/06/el-video-en-el-aula.html


¡Excelente semana!



Carlo.



Tutorial elaborado por: Mtro. R. Carlo Ríos M. Soto. Junio de 2017



Imágenes tomadas de:


https://flic.kr/p/7FwgJG

https://flic.kr/p/VrPZkA

https://flic.kr/p/UVSKWD

https://flic.kr/p/81CMNY

https://flic.kr/p/hg2o18

https://flic.kr/p/dUAi1W

https://flic.kr/p/8P5cPL

https://flic.kr/p/nRXSfx



Audio:


Artofescampis - Phoenix Cannon.

David Szestay - Coffee Shop

Voz: Carlo Ríos.






De la planeación al diseño del microprograma. El primer paso para crear video es crear el audio del mismo.

Estimadas/os Mtras./os., ¡saludos cordiales!


A continuación, envío un pequeño tutorial sobre el diseño del microprograma y cómo se enlaza esta actividad con la elaboración del video. Durante la sesión del día de ayer realicé un pequeño esquema en el pizarrón. El mismo explica la relación entre las Actividades 4, 5, 6 y 7 (Imagen 1). Por esta razón, decidí unificar el tutorial de audacity con el tutorial del video. Espero que les sea de utilidad. En la siguiente imagen podemos ver esta relación.


Imagen 1

 Pero partamos de la Actividad 4. La misma corresponde al trabajo de la semana pasada. Concretamente al trabajo en línea del día jueves 8 de junio. El resultado del trabajo era un boceto del audio que grabaríamos y editaríamos entre los días 9 y 12 de junio. Para efectos del presente tutorial presento un boceto de ejemplo en la imagen siguiente (Imagen 2):




Imagen 2

Elaborado el boceto, es necesario grabar el audio en Audacity. Comencemos pues con el Tutorial:

Paso 1:


Una vez instalado 1) el programa Audacity así como 2) el Lame que nos permite importar el audio en un archivo MP3 (ver instrucciones en la Actividad 4), el programa Audacity presenta la siguiente interfaz (Imagen 3):

Imagen 3

La interfaz ha variado poco entre las distintas versiones de Audacity de los últimos años. Sugiero revisar los siguientes videos que profundizan en la interfaz del programa. Concretamente, el segundo video brinda de forma muy clara las posibilidades que ofrece Audacity para grabar, mezclar, recortar y exportar audio. Este video es de gran relevancia dado que sintetiza buena parte de los elementos vistos durante la sesión presencial.
Video 1:



Video 2:



_________________________________
* Nota para el video: en este caso, el autor (Valenzuela, 2013) sugiere una página de descarga de audio con licenciamiento Creative Commons. Es necesario verificar que la licencia permita su modificación. ¿Por qué razón? Porque no todas las licencias Creative Commons permiten que el audio sea modificado.
_________________________________


Paso 2:

Ha diversas formas de comenzar con la elaboración del podcast. Para el presente tutorial he decidido comenzar por la grabación de la voz; es decir, con la locución del programa (Imagen 2). Basándome en el boceto del guión de microprograma, he hecho una grabación de mi voz (Imagen 4):

Imagen 4


Ahora bien, es posible que haya cometido diversos errores durante la locución. Para ello, podemos utilizar la herramienta "Borrar". Esta opción corta un fragmento del audio que no deseamos que aparezca en el podcast. Para utilizar la herramienta "Borrar", primero debemos seleccionar el fragmento de audio que no deseamos (Imágenes 5 y 6):

 Imagen 5



Imagen 6


Repetimos el proceso para todas aquellas secciones que no nos resulten útiles. Al finalizar este conjunto de acciones, el tamaño resultante del audio será menor al original (contrastar Imágenes 4 y 7). Es necesario resaltar que el espacio que queda después de la pista de audio no debe ser considerado como "silencio", sino como "espacio de trabajo" dentro de Audacity (ver Nota).

Imagen 7

_____________________________
Nota:
Ahora bien, si notamos, tenemos un espacio mayor hacia el final del archivo de Audacity. "El espacio de trabajo" en Audacity puede coincidir con el concepto de "silencio" siempre que se encuentre entre dos fragmentos de audio, por ejemplo (Imagen 7a):

Imagen 7a

En este caso, el espacio (número 1) entre dos pistas se toma como silencio y el espacio hacia el final del último fragmento de audio (número 2) no. Cuando exportamos el audio, todo el espacio que está encerrado en el número 2 no aparecerá como silencio.
______________________________

Paso 3:


Ahora bien, lo que requerimos es importar el audio al proyecto de Audacity. Para ello, requerimos descargar pistas de audio que tengan una licencia Creative Commons que permitan su edición. Sugerimos utilizar los sitios recomendados en la Sección "Recursos Generales" del aula virtual.

Yo utilizaré música que ya he descargado (pasos no mostrados). Para importar audio, debemos hacer clic en la opción "Archivo"--> "Importar" y, seleccionar la opción "Audio" (Imagen 8):

Imagen 8


Buscamos y seleccionamos el archivo a importar:

Imagen 9

Finalmente, el audio se importará en una nueva pista estéreo (en este caso) dado que la pista está grabada en este formato:

 Imagen 10


Paso 4:


El paso siguiente es la edición de la pista de música que acabamos de importar. Dado que establecimos en el guión de microprograma que será la duración de la pista de 15 segundos (ver Imagen 2), entonces seleccionaremos solamente 15 segundos de la música y el resto del audio lo eliminaremos (Imagen 11):

Imagen 11

Nótese que hemos seleccionado desde el segundo 15 en adelante. De esta forma podremos borrar el sobrante de la canción que no nos interesa incluir en nuestro proyecto. Hecha la selección hacemos clic en la opción "Borrar" disponible en la opción "Edición"  (Imagen 12):

Imagen 12


Ahora sí, nos hemos quedado solamente con el fragmento de interés:


Imagen 13


Paso 5:

Si revisamos la planeación de ejemplo, el audio de la voz comienza en el segundo 3 (ver Imagen 2). Por ello, lo ideal será recorrer la pista de voz 3 segundos hacia adelante. Hay varias formas de hacer ello, elegiremos la más sencilla que es utilizar la "herramienta desplazamiento en el tiempo":

 Imagen 14

Con ello podremos desplazar el audio de voz hacia atrás o hacia adelante (que es lo que requerimos). Haciendo clic en la herramienta, bastará con hacer clic sobre la pista de audio de voz y moverla tres segundos adelante. Si no es posible visualizar los segundos,  recordemos que con la herramienta "acercar", cuyo ícono es la lupa con el signo de +, nos es posible hacer este acercamiento.


Imagen 15

Listo, ya hemos hecho el desplazamiento de la pista. Ahora bien, nótese que se queda un espacio sin audio. Dado que hay una pista adelante de este espacio, el mismo se toma como "silencio".


__________________________
Nota: Para volver a poder seleccionar audio, requerimos hacer clic en la herramienta de selección.
__________________________

Paso 6:

Elegimos durante el diseño de la sesión 2 efectos para la pista de audio de música que aparece como introducción: "aparecer progresivamente" y "desaparecer progresivamente" (ver Imagen 2). Recordemos que para ello seleccionamos un fragmento de la pista de audio y aplicamos el efecto. Como ejemplo, solamente mostraré el caso del efecto "aparecer progresivamente". Seleccionando un fragmento de la pista de audio (para este ejemplo, de 1 segundo) y haciendo clic en la opción "Efectos" de la barra de menús, el efecto será aplicado (Imágenes 16, 17 y 18):


Imagen 16




 Imagen 17


 Imagen 18


Nótese que en este caso particular, el efecto "aparecer progresivamente" fue tenue dado que parte de la selección corresponde a un espacio de silencio.

Paso 7:


La segunda pista de música a utilizar también la importaremos al proyecto. Nótese que ésta comienza cuando finaliza la primera pista de música. Recordemos que cuando importamos una pista de música, se crea una nueva pista de audio. Razón por la cual nuestro proyecto tendrá 3 pistas. No explicaré el proceso de importación dado que es el mismo que para la primera pista de música. Para mover la segunda pista de música al final de la primera pista de música, utilizamos nuevamente la herramienta de desplazamiento en el tiempo que vimos en el Paso 5. El resultado debería verse de la siguiente forma (Imagen 19):

Imagen 19


__________________________
Nota: Para volver a poder seleccionar audio, requerimos hacer clic en la herramienta de selección.
__________________________

Hemos planificado que la segunda pista de música dure 35 segundos (ver Imagen 2). Por ello, realizamos la edición de la misma (cortamos la música desde el segundo 50 en adelante) y aplicamos también los efectos "aparecer progresivamente" y "desaparecer progresivamente" (pasos no mostrados). El resultado se verá de la siguiente forma:


Imagen 20



Paso 8:


Finalmente, resta solamente incluir la cortinilla de salida. Dado que la música se trata de la misma música de la cortinilla de entrada, he decidido colocarla en la segunda pista de audio. Para ello he importado nuevamente la pista de música (completa) "Artofescapism". Se ha importado en una cuarta pista de audio. De ella, solamente he seleccionado el fragmento que me ha intersado y  lo he copiado en la segunda pista de audio. El resto lo he borrado. Finalmente, he aplicado los efectos "aparecer progresivamente" y "desaparecer progresivamente". El resultado es el siguiente:

Imagen 21


Paso 9:

Finalmente, resta aplicar los efectos necesarios para que el sonido tenga el mismo volúmen. Es habitual que la voz se escuche más débil que la música que importamos. Lo que sugiero en este caso es utilizar la herramienta "ecualización" y bajar el volúmen de la música (hay diversas opciones para mejorar el sonido, esta es solamente una sugerencia que elegimos para el presente tutorial). Para ello deberemos seleccionar las pistas de audio de música (pistas 2 y 3):

Imagen 22


Posteriormente, hacemos clic en "Efectos" y "Ecualización":

 Imagen 23

Obtendremos la siguiente ventana:

 Imagen 24

Haciendo clic sobre la línea azul turquesa nos es posible modificar el volúmen de los canales de salida del audio. Para este ejemplo reduciré la música 12 decibeles:

Imagen 25


Como resultado, visualizaremos que las crestas de las ondas de música se redujeron exactamente 12 decibeles. Comparar Imágenes 22 y 26:


Imagen 26


Paso 10:

Finalmente, resta exportar el audio en formato MP3.Para ello hacemos clic en la opción "Archivo" y, posteriormente, "exportar audio".


Imagen 27


Elegimos la ubicación del archivo y también el formato en MP3. Nuevamente, es necesario señalar que previamente se debió instalar el complemento Lame. (Ver instrucciones de la Actividad).




Saldrá una ventana con datos del archivo (imagen no mostrada). Conviene llenar estos datos.

Finalmente, el archivo mp3 ha sido creado:




El podcast lo pueden escuchar a través del siguiente reproductor:




o del siguiente enlace:

https://myspace.com/carloriossoto/music/song/podcast_carlor-os.mp3-115031592-130794930


___________________________


Espero que el presente tutorial les haya sido de utilidad, estimadas/os Mtras./os.  Sigamos adelante con las actividades del Taller.

¡Excelente tarde!

Carlo.

Tutorial elaborado por el Mtro. R. Carlo Ríos M. Soto.


__________________________



Referencias:


Los audios para el presente podcast y entrada del blog han sido tomados del sitio:

http://freemusicarchive.org/

Recomiendo revisar también el siguiente sitio que explica los efectos en Audacity: https://wikimanuals.edutictac.es/index.php?title=Efectos_en_Audacity#Efecto:_Normalizar.