carátula tics color

TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO

DIRECTORA GENERAL DEL IPNM: HNA PILAR CARDO FRANCO DIRECTORA ACADÉMICA: ANITA VALENCIA JUSTO JEFA DEL PROGRAMA DE ESPECIALIZACIÓN: JULIA REYES AGÜERO RESPONSABLE DEL CURSO: HUGO QUIJANDRÍA LEZAMETA

LIMA – PERÚ 2012

CONTENIDO

PÁGINAS

PRESENTACION

3

INTRODUCCIÓN

4

SESIÓN 1 : REDES SOCIALES

5

NETIQUETA

11-15

RUBRICA T.I.G.R.E.

16 - 21

SESIÓN 2: BÚSQUEDA DE INFORMACIÓN Y YOUTUBE

22 - 29

SESIÓN 3 ATUBE CATCHER

30 - 36

SESIÓN 4 MOVIE MAKER

37 - 52

SESIÓN 5 BLOG HTML

53 - 59

LISTA DE PRINCIPALES ETIQUETAS HTML

60 - 63

SESIÓN 6 FUNCIONES EN EXCEL

64 - 72

SESIÓN 7 SIMULADORES Y LA IMPORTANCIA DE LAS PUBLICACIONES EN LA RED

73 - 77

2

PRESENTACIÓN Estimado participante el presente módulo ha sido creado buscando la integración de los mismos para mejorar el uso que le damos en el día a día a la tecnología y poder facilitar la comunicación entre nosotros y nuestros estudiantes.

Cabe mencionar que la persona idónea para poder crear material educativo es el especialista en Pedagogía y nos valdremos de la Didáctica que han desarrollado hasta este momento y las complementaremos con las TIC con lo cual buscamos involucrar al participante como un ente generador de Material Educativo.

Presentaremos diversas formas de generar material educativo con lo cual enriqueceremos nuestras sesiones tanto presenciales como virtuales. Dejaremos de lado las limitaciones de tener que usar el material educativo que encontrábamos en los libros y en la web a ser parte de las personas que generan ese material.

Esperamos que el presente modulo sea el inicio de esta evolución que necesita nuestro país.

3

INTRODUCCIÓN En la actualidad, al momento de diseñar nuestras sesiones de aprendizaje, varias veces nos vemos limitados por el material educativo, ya que no se adecua a nuestras necesidades pedagógicas por tener un ámbito de aplicación diferente o porque el material busca desarrollar diferentes capacidades en los estudiantes. Motivo por lo cual nos vemos en la obligación de estructurar nuevo material educativo que nos permita cumplir con nuestros objetivos propuestos.

Al tener un mundo tan cambiante, se logra ver como las TIC´s evolucionan y nos encontramos a alumnos que son nativos digitales, a los cuales les gusta experimentar y divertirse, pero ante todo, quieren tener el control sobre su aprendizaje. Con lo cual entendemos que el docente debe tomar un rol de facilitador de la enseñanza.

El presente curso buscará en primera instancia reducir la falta de comunicación entre los pares, para poder generar material mejor estructurado con la ayuda de las comunidades de aprendizaje, teniendo en cuenta las reglas de etiqueta que se deben seguir en una red (NETiqueta).

Se desarrollaran técnicas de búsqueda de información y selección de material, el cual usaremos como materia prima para generar nuevos materiales educativos, los cuales estarán dirigidos a mejorar las capacidades en nuestros alumnos nativos digitales.

4

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 1. REDES SOCIALES

SESIÓN 1: REDES SOCIALES

En esta sesión se definirá que es una red social, se le presentarán las principales redes sociales (twitter, facebook, google plus, etc.), se le guiará al participante para que genere su propia cuenta en una red social (facebook).

Además se compartirá con ellos las normas de NETiqueta y la rúbrica T.I.G.R.E. (usada para calificación de foros).

Aprendizaje Esperado El participante conocerá como desenvolverse en el facebook y se unirán al grupo creado por su delegado de la comunidad de aprendizaje a la cual pertenecen.

Actividad 01: ¿Qué son las Redes Sociales?

Las Redes Sociales parte de la teoría de los Seis grados de separación, esta teoría intenta probar el dicho de nuestros abuelos que decían “el mundo es un pañuelo“, esto es, que cualquier persona en la Tierra puede estar conectado a cualquier otra persona a través de una cadena de conocidos que no tiene más de cinco niveles de intermediarios.

Con el advenimiento de Internet, la red por excelencia, se ha propiciado la aparición de cientos de sitios que facilitan la conformación de estas redes sociales, en relación con su situación académica, su lugar de trabajo, su región geográfica, sus intereses, aficiones, gustos, entre otros.

5

Las redes sociales permiten encontrarse con amigos de los cuales hace años no se tiene noticias, o hacer nuevos contactos con personas a través de otras, como es el caso de los sitos para encontrar pareja.

En 2002 comienzan a aparecer sitios Web promocionando las redes sociales de amigos en línea, donde antes solo se usaba el término de comunidades virtuales, y se hizo definitivamente popular en 2003 con la llegada de sitios como: Hi5, MySpace, Facebook, Friendster, Orkut, etc.

Hay día hay más de 200 sitios de redes sociales. La popularidad de estos sitios creció exponencialmente ya que en estas comunidades, un número inicial de participantes envían mensajes a miembros de su propia red social invitándoles a unirse al sitio. Los nuevos participantes repiten el proceso, creciendo el número total de miembros de modo aterrador.

Veamos este video de CommonCraft que explica fácilmente el potencial de las Redes Sociales, esta vez una versión traducida al español. http://www.youtube.com/watch?v=klln71HuAFQ&feature=player_embedded#!

Duración 1:50min En la actualidad Facebook, creado originalmente para estudiantes de la Universidad de Harvard, como un libro de anuario, pero que fue abierto a cualquier persona que tenga una cuenta de correo electrónico. Es el Líder en el mercado de las Redes Sociales con la mayor cantidad de usuarios registrados, teniendo a su haber más de 19 millones de miembros en todo el mundo.

Actividad 02: Ingresemos al Facebook y configuremos En esta sección ingresaremos a Facebook. Y seguiremos los Pasos del Caso A o Caso B según corresponda Caso A: Creando una cuenta en Facebook

Crear la cuenta en Facebook, ingresemos en el navegador preferido la dirección URL (URL son las siglas de Localizador de Recurso Uniforme, en inglés Uniform Resource Locator, la dirección global de documentos y de otros recursos en la World Wide Web.) http://www.facebook.com/ . Completaremos el cuadro A con los datos y luego daremos click en el botón Regístrate.

6

Caso B: Ingresando a mi cuenta de Facebook.

Si ya tengo mi cuenta de facebook deberé colocar mi correo electrónico y la contraseña que le asigne al crear mi cuenta de facebook, luego dar click en el botón Entrar.

Para personalizar tu cuenta dale click en la flecha (o triangulo) que está al costado de la palabra Inicio. Allí encuentras las opciones para configurar tu cuenta y la privacidad de la misma. Recuerda que este paso es muy importante. (Detallemos en clase las diferentes opciones en cada configuración).

Anoten los correos de los integrantes de su comunidad de aprendizaje: Nombre completo

e-mail

Teléfono

7

Actividad 03: Agregar amigos.

Existen varias formas de agregar amigos a nuestra red social. En la presente buscaremos a nuestros compañeros con su correo electrónico completo. Para ello escribiremos el correo electrónico en el cuadro de texto (como detalla el gráfico) y seleccionaremos la opción correcta. (es más fácil encontrar a nuestros compañeros con su correo electrónico, pero también podemos buscarlos por sus nombres, y si poseen una foto en su perfil nos será más fácil ubicarlos ya que existirán muchos homónimos de la gran mayoría).

Luego de seleccionarla veremos que nos aparece en la ventana el botón , al cual le haremos click indicando que deseamos que nos acepte como amigo en nuestra red. Para confirmar este paso veremos que el botón cambio de estado a . La solicitud será mostrada a esa persona la próxima vez que acceda a su cuenta y evaluará su aceptación.

Añadamos a nuestros especialistas: Haydee Mancilla Donata Macedo

: :

haydeleo77@hotmail.com donamacedo@yahoo.es

Añadamos a nuestra comunidad de aprendizaje y a nuestros compañeros de clase: Ahora añadiremos como amigos a todos los presentes y aceptaremos las solicitudes de amistad. No te olvides de agregarme.

Hugo Quijandría: hugo.quijandria@gmail.com Actividad 04: Crear grupos En esta actividad crearemos un grupo que nos servirá para comunicarnos con nuestra comunidad de aprendizaje. Para ello se juntarán en grupo por comunidad de aprendizaje y el delegado creará el grupo.

8

Crear un grupo: Para crear un grupo daremos click en la palabra grupo. En la parte izquierda nos aparecerá una ventana daremos click al botón

Nos aparecerá una ventana emergente en la cual seleccionaremos una imagen que deseemos, colocaremos un nombre de grupo acorde a nuestra comunidad de aprendizaje. En el cuadro Miembros añadiremos a los miembros de nuestra comunidad, con lo cual tendremos un espacio encontrarnos y publicar nuestros avances.

En clase analizaremos las tres opciones que nos dan en privacidad.

9

Actividad Complementaria 05: Rubrica T.I.G.R.E., normas de NETiqueta, y cuidado de lo que se publica en Internet.

Para completar esta sesión busca en internet los temas Rubrica T.I.G.R.E. y NETiqueta y publiquen los enlaces en el grupo que crearon y discutan sobre la valoración de cada ítem. Estos documentos les servirán para complementar el buen uso de los foros y el chat, lo cual es la base para una buena comunicación en una red social.

Rubrica Valoración ¿Por qué? o Puntaje T I G R E

Además te recomiendo que veas los siguientes video para generar consciencia en tus alumnos sobre el buen uso de las Redes Sociales. http://www.youtube.com/watch?v=z89j49RCaPo

Duración 0:31

http://www.youtube.com/watch?v=cvaOIyHB4eE

Duración 1:01

10

NETIQUETA Normas en la red Escrito por Manz

http://www.emezeta.com/ Revisi贸n 1: 7 de Marzo de 2004 Revisi贸n 2: 11 de Septiembre de 2005

Resumen: Normas para una correcta aceptaci贸n en la red.

11

¿Que es la NETiqueta?

En Internet convivimos muchos usuarios. Son máquinas las que nos facilitan las comunicaciones entre unos y otros, pero somos personas los que estamos ahí, disfrutando del servicio. El principal objetivo de que estemos usando dicho servicio es la satisfacción de divertirnos y/o disfrutar un servicio de calidad, con los menores problemas posibles. La NETiqueta es una serie de normas que todo usuario que este relacionado con el mundo de Internet debería conocer y respetarlas. Muchas organizaciones que funcionan en Internet tienen una serie de netiquetas para sus servicios que hacen que todo funcione mejor y con menos problemas.

¿Porque debo cumplir estas normas?

Cumplir esta serie de normas es beneficioso para TODOS. No solo se deben cumplir porque así el servicio lo requiere, sino porque si cumples las normas de la netiqueta serás bien visto por los demás usuarios. Esto es interesante para los usuarios avanzados porque se hace mucho más fácil y amena la convivencia y comunicación entre distintos usuarios y para novatos porque sabrán donde están las limitaciones, que cosas no se deben hacer y están mal vistas, etc...

¿Cuales pueden ser las consecuencias de no seguir la Netiqueta?

Pueden ser varias pero siempre malas. Puede dar origen a malentendidos entre usuarios, expulsiones de los servicios, restricciones, burlas o malos comportamientos, etc.

Bien... ¿Y cuales son esas normas?

Son muchas y varias. A continuación nombro las normas que considero más importantes para incluir en mi NETiqueta, que, recordad que es algo así como los 10 mandamientos en Internet:

12

1.

BUENA EDUCACIÓN

Normalmente en Internet somos anónimos. Ni esto ni otras cosas dan derecho a ofender a otros usuarios. Trata siempre a los demás con respeto para que también te traten así los demás.

2. RESPETO DEL TIEMPO DE OTROS USUARIOS Se debe comprender que otras personas probablemente no tienen suficiente tiempo como para dedicártelo a ti. Reflexiona cuando es el momento en el que puedes hablar con una persona sin agobiarla, y si se esta preguntando una duda, previamente buscar información en otras páginas y/o en buscadores o foros donde encontrarás los problemas que tienes u otros usuarios con el mismo problema y soluciones para el.

3. NORMAS DE COMPORTAMIENTO Antes de participar en una actividad en Internet, se debe observar la conducta, costumbres y normas del sitio. No se tendrá derecho a protestar si hay algún problema y antes no se han repasado las normas.

4. FORMA DE ESCRITURA Da siempre una buena impresión a través de la escritura. Procura conservar la ortografía y evita palabras malsonantes. Intentad no omitir signos de puntuación o caracteres especiales.

Haz buen uso de LAS MAYÚSCULAS, ya que en Internet significa que se está GRITANDO y se considera de mala educación escribir en mayúsculas si no es con alguna razón específica.

También esta mal visto una escritura usando caracteres especiales para sustituir letras, como por ejemplo 3scr1b1r t3xt0s d3 3st4 f0rm4, con excesivos colores o alternando mayúsculas y minúsculas sin ningún sentido.

Recuerde que no es lo mismo una conversación privada con un amigo por un programa de mensajería (en el que quizás se puede omitir alguno de estos pasos) que una respuesta en un foro de una comunidad para resolver problemas. El incumplimiento de esta norma suele acarrear mala fama al usuario, problemas e incluso llegarlo a marginar en la comunidad si reitera varias veces.

Ni que decir tiene el uso de insultos o amenazas es algo que se considera de personas arrogantes que están por debajo de todo usuario, experto y novato.

13

5. MODALES DE UN EXPERTO O INEXPERTO Cuando se te pida ayuda, proporciónala de buena manera y sin reservas.

Ponte en el lugar de los demás y recuerda cuando no sabías nada sobre lo que ahora te preguntan. NADIE nació nunca aprendido y por lo tanto, merecen una explicación con buenos modales.

NOTA: Esto no excusa a usuarios que preguntan varias veces sobre un tema por no leerse alguna advertencia.

6. FORMAR PARTE DE UNA CONVERSACIÓN Cuando quieras formar parte de una conversación, tema de foro, o demás, hazlo cuando estés seguro de lo que vas a hablar. Mantente fuera de discusiones que no dominas.

7. PRIVACIDAD / INTIMIDAD Si compartes el ordenador con otros miembros o usuarios, respeta sus datos.

No leas correos ajenos, mires sus archivos, etc... Esto es aplicable tanto a usuarios que usen tu ordenador, como otros usuarios que no lo hagan.

8. ERRORES Y DEFECTOS Recuerda que TODOS somos humanos y por lo tanto, todos nos equivocamos.

Nunca se debe juzgar a alguien por sus fallos. En todo caso ayudarlo o sugerirle cuando se encuentre un error y nunca mostrar prepotencia al encontrar un fallo y mucho menos reírse de él.

9. PUBLICIDAD / SPAM La publicidad esta muy mal vista en Internet. Es algo que satura a clientes de correo, usuarios de mensajería, chats, etc. y que no resulta nada agradable.

Una buena manera de evitarlo es instalando programas para aislarlo y NO produciéndolo uno mismo. ¿Cómo? Pues eliminando esos interminables adjuntos, tanto como lista de direcciones haciendo uso del CCO (Copia Oculta) en vez de CC, no haciendo publicidad de sitios webs, canales de chats, etc.

14

10. USO DE DOCUMENTACIÓN Y AYUDA Normalmente cada programa, aplicación, comunidad de internet, red de conversación, etc... tiene su propia documentación, secciones de ayuda, páginas web donde explican su funcionamiento y una sección de FAQs (Frequently Answers & Questions o en español Preguntas y Respuestas Frecuentes) donde se comentan los problemas y hacen recomendaciones para que las cosas funcionen mejor.

Lo primero que debe hacer un usuario es, leerse esas líneas y documentos. Es mucho más fácil y rápido, no leer nada y preguntarle a otras personas sobre el problema concreto para que te de la solución exacta, pero así, en primer lugar no se aprende nada, y en segundo lugar, está muy mal visto pedir ayuda por un problema sencillo o que está solucionado en algún documento que previamente no has leído, generando así una apariencia de que eres un total inexperto.

Bueno, espero que con estás 10 normas de la netiqueta comprendas la importancia de saberse estos pasos para ser un poco más presentables y formales en esta red de redes llamada Internet.

Guía humorística pringado-how-to (Técnico gratis): http://www.linux-chetumal.org/files/lectura/Pringao_Howto.pdf Normas de Netiqueta de J. Cea: http://www.argo.es/~jcea/irc/netiq.htm

15

CRITERIOS Y ESCALA DE VALORACIÓN

TIGRE *

PARA AUTOCONTROLAR CALIDAD DE LOS APORTES A DISCUSIONES EN LA RED

Alvaro H Galvis Panqueva, D.Ed. Metacursos Bogotá, enero de 2008 Adecuación: Carola Hernández Revisión: Patricia Salazar Perdomo

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0

*

Esta es una versión revisada de los criterios TIGRRES publicados en español en 2005 y revisados en 2007. Para mayores detalles ver http://aportetigre.blogspot.com

Metacursos, 2008

página 1

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 16

TIGRE es un acrónimo para acordarnos fácilmente de cualidades que uno debería verificar que se cumplen cuando hace un aporte en una discusión pragmática en la red.

T

hace referencia a un Título diciente, que refleje el contenido del mensaje. Cuando hay muchos aportes en un foro de discusión, los participantes no tienen tiempo de leer todos los mensajes, pero sí analizan los títulos que haya, seleccionan y leen los que les llamen la atención.

Analice la siguiente lista de títulos tomados de un hilo de discusión real cuya semilla de discusión se titulaba “Retos y oportunidades”. El primer hilo de discusión no se sabe de qué trata, mientras que los otros tres permiten anticipar su contenido.

Excelente:

El título es provocativo y refleja la intención y el contenido del mensaje.

Bueno:

El título se relaciona con el contenido del mensaje pero no subraya la intención.

Regular:

Hay un título pero está poco relacionado con el contenido.

Inaceptable: No hay ningún título, o es sólo el RE: automático… puesto por el sistema.

Metacursos, 2008

página 2

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 17

I

denota la Ilación que es deseable entre aportes. Dice la Real Academia Española que “Ilación es la trabazón razonable y ordenada de las partes de un discurso.” En el caso de las discusiones hiladas, es decir, en hilos de discusión, esto lleva a que uno “oiga” lo que dicen los demás y construya sobre esto, citando textualmente aquellos elementos que le sirven de base para construir.

El Visual Thesaurus define la Ilación como el proceso de llegar a una conclusión a través de evidencia "circunstancial" o de conclusiones anteriores. Vea el mapa que el Visual Thesaurus propone para ilación.

Implicación

Deducción Derivación

Extrapolación Corolario Presunción

Analogía

Ilación

Inferencia

Pensamiento abstracto

Pensamiento lógico

Razonamiento

Excelente:

El mensaje está construido sobre mensajes previos y conecta las ideas entre ellos.

Bueno:

El mensaje menciona los mensajes previos pero no los articula o interrelaciona.

Regular:

El mensaje menciona a autores e ideas de los otros mensajes que influyeron en el suyo, sin construir sobre las ideas propuestas.

Inaceptable: El mensaje no toma en consideración ningún mensaje previo.

NA (no aplica): El mensaje abre una línea de debate, o es la primera respuesta para una semilla de debate.

Metacursos, 2008

página 3

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 18

G

hace referencia a que los aportes deben Generar más discusión, no limitarse a responder a la semilla de la que se desprenden o a sus antecesoras.

De lo que se trata no es de discutir por discutir, sino de ir al fondo de lo que se discute. Para esto es bueno hallar tensiones entre las distintas posiciones (mediante ilación) y hacer explícitos nuevos interrogantes que surgen (mediante generación de nuevas semillas).

Quien se limita a plantear lo que opina puede estar cerrando la discusión, en detrimento de que ésta prospere.

Excelente:

La intervención ayuda a hacer más profunda la discusión, deja nuevas semillas de discusión.

Bueno:

El mensaje incluye preguntas pero éstas no invitan a profundizar la discusión.

Regular:

El mensaje incluye preguntas pero éstas son muy generales.

Inaceptable: No hay ninguna nueva semilla de discusión, o hay solamente pseudo preguntas (interrogantes que no se espera sean contestados, por ej., ¿verdad? ¿cierto?).

R

trae a colación la importancia de la buena Redacción y presentación. Muchas veces nuestras ideas son muy buenas, pero no se captan por problemas de puntuación, por no colocar las palabras en su orden natural, por abusar de las abreviaturas o no definirlas, o simplemente porque omitimos alguna palabra.

Es recomendable que uno “lea mentalmente y en voz alta” el mensaje que preparó, haciendo la puntuación definida y no la que uno quiso usar, para estar seguro de que lo dicho está bien redactado. Por otra parte, el uso de párrafos, destacados, viñetas, e incluso colores ayuda a ganar legibilidad.

Metacursos, 2008

página 4

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 19

Excelente:

El mensaje está bien redactado y es presentado en un formato fácilmente legible.

Bueno:

La intervención está bien redactada pero está en un formato difícil de leer.

Regular:

El mensaje es comprensible pero no está bien escrito o presentable.

Inaceptable: El mensaje no es comprensible.

E

pone de presente la necesidad de Enriquecer la discusión, de agregar valor a la misma. Decir que “estoy de acuerdo con…” o repetir lo ya planteado, así sea con otras palabras, no ayuda a que la discusión prospere.

Si al leer los hilos de discusión generados por una semilla usted halla que sus puntos de vista ya están planteados, analice si esa discusión ya está madura, es decir, si ya llegó a un punto donde no se puede profundizar. Si este fuera el caso, busque otra semilla cuya discusión permita ir más allá de lo dicho.

Excelente:

su intervención mueve la discusión al traer nuevos elementos o perspectivas en ella.

Bueno:

El mensaje toma en cuenta la discusión, destacando los elementos clave de ella.

Regular:

El mensaje trata sobre el hilo de discusión, pero no le añade valor.

Inaceptable: La intervención no corresponde al hilo de discusión.

Cuando haya completado el análisis de los criterios y escalas de valoración TIGRE propuestos, póngalos en práctica analizando el aporte a una discusión que se deja a consideración en la página siguiente

Metacursos, 2008

página 5

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 20

Aplicación de los criterios Analice el siguiente aporte aplicando los criterios y escalas de valoración TIGRE. ¿Qué nivel de logro amerita desde cada perspectiva?

Forum Semana 9: Discusión de la semana Fecha: 11-11-2002 16:24 Autor: Ochoa, Juanita Asunto: Conductismo! ¿!?

Roberto toca un punto en el que puede ser valioso profundizar. Respecto a la escuela de educación en que trabaja, nos dice que "la estrategia que emplean es una sola, ejercitar y ejercitar de distintas maneras, de tal forma que el estudiante se va apropiando del concepto y aprende a utilizarlo en diversos contextos".

Cuando lo leí, me surgió de inmediato una pregunta: ¿Cuáles son esas distintas maneras de ejercitarse? Sin duda debe haber una diferencia con la repetición continua del mismo ejercicio, que es lo que en general no nos parece valioso. Posiblemente, entonces, esas distintas maneras son las que podrían dar verdadero valor a los ejercitadores...

Así que, ¿Hay distintas formas de ejercitarse? Los invito a pensar en algunas y a compartirlas, mientras Roberto nos cuenta cómo funciona esto en la escuela en mención.

Por otro lado, Julieta pone sobre el tapete electrónico ;-) una idea interesante: Dice que los ejercitadores "están basados en el conductismo". Afortunadamente, ya analizamos esta teoría de aprendizaje, con lo cual ya no nos escandaliza el apelativo :-) El lío es que esa es una buena excusa para hacer un ejercitador de cierta manera, así en ocasiones no se aprovechen sus postulados al máximo. ¿Recuerdan las ideas asociadas a esta teoría de aprendizaje, cuando la analizamos en la tercera semana? ¿Cuál será el papel de la retroinformación y los refuerzos (anticipados, diferenciales, etc.) si deseamos darle mayor valor a un ejercitador? ¿Será que si nos comprometemos con los postulados del conductismo podemos obtener mejores ejercitadores?

El asunto se pone más interesante. ¿Qué opinan?

J8A Valoración TIGRE (discuta sus opiniones con un colega) T: ______ porque: I: ______ porque: G: ______ porque: R: ______ porque: E: ______ porque: Metacursos, 2008

página 6

Licencia de uso Creative Commons Attribution-No Derivative Works 3.0 21

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 2. BÚSQUEDA DE INFORMACIÓN Y YOUTUBE

SESIÓN 2: BÚSQUEDA DE INFORMACIÓN Y YOUTUBE En esta sesión se dividirá en dos partes, en la primera se presentaran las diferentes opciones de búsqueda avanzada que tiene el buscador google, en la segunda parte se presentará las diferentes herramientas que posee la cuenta de youtube y se guiara al participantes para que pueda suscribirse a los canales que presenten mayor interés.

Aprendizaje Esperado El participante podrá utilizar las herramientas de búsqueda avanzada que posee el buscador google en sus diferentes opciones, web, imágenes y académico.

Tendrá las herramientas para poder suscribirse a un canal de youtube y realizar ediciones básicas de su video publicado.

Actividad 01: ¿Cómo realizas las búsquedas en internet?

Completa el cuadro en el cual indiques como realizas la búsqueda de información según el material que deseas conseguir.

Material a conseguir:

¿Dónde busco?

¿Qué criterio uso para limitar los resultados?

Video Libro Lectura Blog Imágenes

22

Música Power Point

Actividad 02: Consejos para realizar una mejor búsqueda.

En Internet existe un número incontable de páginas webs disponibles, y su aumento es diario. Este gran número beneficia y perjudica, ya que al momento de realizar una búsqueda determinada y concreta, son demasiados los resultados que sugiere el buscador y muchas veces se debe a que la búsqueda no está siendo realizada de la mejor manera.

Para solucionar este problema existen ciertos aspectos que se deben tener en cuenta para que las búsquedas sean exitosas y los resultados obtenidos sean los mejores.

A. Algunos consejos que nos servirán a detallar el tema de búsqueda.

Palabras claves Las palabras claves son aquellas que describen de una manera reducida lo que se desea encontrar. Es importante que los términos sean breves para poder acortar la búsqueda y encontrar resultados más precisos. Esto es para evitar las generalidades y reducir los resultados de la búsqueda. Las palabras deben ser descriptivas y específicas.

Comillas A las palabras claves, se les puede agregar las comillas. Éstas hacen que las palabras sean buscadas dentro de una frase concreta. Las comillas indican al buscador que las palabras tienen que estar juntas y en el orden que fueron escritas.

El signo “+” El signo “+” delante de alguna palabra otorga una mayor precisión en la búsqueda. Ejemplo: futbol+clasificación+2011. Al introducir esta frase de esta manera aparecerán resultados en los que aparecen las tres palabras de una manera más precisa. Hay que tener en cuenta que no se debe dejar espacio entre las palabras y el signo.

El signo “-” El signo “-”, se lo utiliza colocándolo adelante de aquellas palabras que no se desea que aparezcan en la búsqueda. El objetivo es poder reducir los resultados y se usa de la misma manera que el signo “+”, esto quiere decir que tampoco se deben usar espacios entre los signos y las palabras. El buscador solamente buscará artículos en los que no aparece la palabra “negada”.

23

B. Usar búsqueda especializada.

Los buscadores más conocidos y recomendables son: scirus (temas científicos) y google (temas variados). Cada uno de estos buscadores tiene las opciones avanzadas siendo el más completo el google por tener clasificado sus tipos de búsqueda.

Google clasifica su búsqueda por imágenes, videos, mapas, noticas, libros, académico, blogs, etc.

Para ingresar a la búsqueda avanzada de la web en google deberemos colocar en el cuadro de búsqueda la frase búsqueda avanzada. Entre las primeras opciones tendremos http://www.google.es/advanced_search a la cual vamos a utilizar para esta sesión.

La búsqueda que proporciono el google mostró los siguientes resultados,

A, Título de la página encontrada B, Dirección URL de la página encontrada C, Breve resumen de la página encontrada.

La búsqueda avanzada de google es una interfaz gráfica de los conceptos dados en A y se verán los siguientes campos.

Cabe mencionar que si añadimos en la búsqueda la extensión del tipo de archivo que deseamos buscar nos dará más posibilidades de encontrar lo que deseamos.

Todos los archivos están definidos como Nombre.Extensión.

Ejemplo: Tesis.docx



Nombre = Tesis

Extensión = docx

24

25

Actividad 03: Suscripción a un canal de youtube y edición de mi video en youtube.

Para iniciar esta actividad debemos ingresar a nuestra cuenta de youtube. a. Suscripción a un canal de youtube En un canal se muestran diversos videos, algunos de los autores crean canales que se dedican exclusivamente a compartir videos de algún tema en especifico.

Es difícil estar pendiente y tener verificar si un canal ha añadido un video que nos interese, para evitar tener que verificar periódicamente estos canales tenemos la opción de suscribirnos a dicho canal. Así cuando el creador del canal sube un video Youtube nos enviará un mensaje a la dirección de correo que está asociada a nuestra cuenta de youtube.

Primero buscaremos videos que nos interesen, luego verificaremos si el video pertenece a un canal y si el canal tiene videos relacionados al tema que buscamos.

Si el canal tiene videos que nos interesen nos suscribiremos. Para ello daremos click al nombre que aparece debajo del Título del video (en este caso fqmanuel) y en la nueva ventana le daremos click en el botón suscribirse.

26

Busca videos de temas de tu interés y suscríbete al menos a tres canales de youtube, los temas pueden ser personales o de trabajo. b. Edición de un video en youtube Youtube posee herramientas básicas para edición de videos. Para ello luego de ingresar con nuestra cuenta seleccionaremos la opción Mis videos

Se mostrará una lista de los diversos videos que hemos subido a nuestra cuenta, seleccionaremos el video a editar y le daremos click en el Botón Editar Video. Si no tienes ningún video, sube a tu cuenta el video de tu exposición de sustentación.

A continuación se muestran tres Menús

Soluciones rápidas, nos presenta varias opciones.

Recortar, nos permite variar la posición del inicio y final del video.

Girar 90º a la izquierda Girar 90º a la derecha Estabilizar, trata de eliminar el movimiento producido por el movimiento de humano al filmar con una grabadora de mano, cabe resaltar que el efecto variará dependiendo del movimiento del video.

Voy a tener suerte Luz de relleno, aclara la imagen.

27

Contraste, se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.

Saturación, La saturación es la propiedad que describe la viveza del color. Un color muy saturado es un color con una tonalidad intensa y pura. Por el contrario, un color poco saturado es el que tiene una tonalidad apagada.

Temperatura de color, aumenta a la imagen un todo de azul o rojo dependiendo de a donde se mueve el indicador de temperatura (azul, frío, izquierda / rojo, caliente, derecha)

Menú efectos, Nos permite darle un efecto al video para transformar el video a tonos de blanco y negro, sepia, tonos de neón entre otros.

Audio, Nos permite reemplazar todo el audio del video por alguna canción que se muestra en la lista. Como se puede observar cuenta con un buscador que nos puede ayudar a encontrar alguna canción que no esté en la lista que nos muestra al inicio.

Al terminar de editar el video haz click en el botón “guardar como" y guárdalo con otro nombre para que puedas compartirlo y no pierdas el video original.

Por comunidad de aprendizaje describe los cambios que origina cada menú.

En tu grupo (comunidad de aprendizaje) de Facebook comparte el video original y el video editado.

28

Actividad 04: Buscando información Avanzada.

Busca información para complementar tu sesión de Nutrición y completa el cuadro, comparte tus observaciones con tu grupo (comunidad de aprendizaje) en el facebook.

Material a conseguir:

¿Dónde buscar?

¿Qué criterio uso para limitar los resultados?

Video Libro Lectura Blog Imágenes Música Power Point

29

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 3. USOS DE ATUBE CATCHER

SESIÓN 3: USOS DE ATUBE CATCHER En esta sesión explicará sobre los diferentes formatos de audio y video. Se mostrará diferentes formas de descargar audio y video. El participante aprenderá a utilizar las diferentes ventanas del aTube Catcher. Se realizarán conversiones de formatos, descarga de videos web y grabación de videos creados en CD o DVD.

Aprendizaje Esperado El participante sabrá buscar y descargar música y videos de internet. Transformar a diferentes formatos los audios y videos que descargue. Podrá extraer el audio de los videos, crear DVD de videos o audio para reproducirse en DVD player.

Actividad 01: Recordemos la interfaz y sus partes Ya hemos visto en otras oportunidades la gran ayuda que nos proporciona el aTube Catcher al momento de almacenar los videos y audios que deseamos coleccionar.

30

Con sus palabras complete el siguiente cuadro Opción URL Guardar en Perfil de salida Pause Cancelar Descargar

Función y/o funcionamiento

Actividad 02: ¿Sabías que…?

¿Sabías que con el aTube Catcher puedes grabar, buscar, transformar, reproducir y descargar audios y videos?

A. MP3 Downloader!

En el menú del aTube Catcher encontraremos el botón MP3 Downloader!, el cual nos mostrará la siguiente ventana.

En el cuadro de texto Hot Search cambiaremos el texto “Titulo de la canción / Artista / Álbum” por el Titulo de la canción o el Artista o el Álbum que deseemos buscar y luego le daremos click en el botón Buscar MP3.

31

Por ejemplo, busquemos alguna canción de Jarabe de Palo.

Para fines del ejemplo seleccionaremos la primera opción dando doble click. Así empezará a reproducirse la canción seleccionada.

Si decidimos que esa es la canción que desea descargar pulsaremos el botón Descargar Selección y nos mostrará la siguiente ventana.

Como verán nos permite elegir el Bitrate, lo cual aconsejo mantenerlo en el que salga por defecto, una gran limitación de este buscador es que no nos indica cual es el Bitrate del archivo solamente nos permite elegir la opción para descargarlo con ese formato.

El Bitrate (o Bit rate) es la razón de bits en que se almacenará un 1s de música. A mayor espacio que ocupe un segundo menor será la compresión que se efectuará en la música.

Durante el proceso de compresión se desecha parte de la información por lo cual no es recomendable cambiar aumentar bitrate de una música, ya que solamente conseguiríamos aumentar el tamaño del archivo.

Ejemplo: ¿Cuánto espacio ocupará una música de 2min de duración con bitrate de 192kbps?

Solución: Datos Duración: 2min =120 segundos Bitrate =192kbps (kilo bits por segundo); kilobits por segundo=1024*bit/s 1byte =8bits 1MB (Mega Byte)=1024kB (kilo Byte) Tamaño del archivo = (duración en segundo)*(Bitare)*(1Byte/8bits) Tamaño del archivo=120s*192k*(bits/s)*(1Byte/8bits)=2880kB2.8MB aproximadamente Dependiendo del Sistema Operativo y el medio (memoria USB, disco duro) ocupará un mayor espacio en el disco.

32

B. Buscador de video En el menú del aTube Catcher encontraremos el botón Buscador de videos, el cual nos mostrará la siguiente ventana.

En el cuadro de texto cambiaremos el texto “Titulo Search…” por el tema que deseemos buscar y luego le daremos click en el botón Buscar.

Por ejemplo busquemos el tema “nutrición”:

Para fines del ejemplo elegiremos cualquiera de los videos mostrados y daremos click derecho para poder ver las opciones mostradas.

En ese menú que se desplego veremos las siguientes opciones:     

Play, reproducer.

Download, descargar Download as MP3, descagar como mp3 Search the Web, buscar en la web. En esta opción se abrirá el buscador ask.

Copy URL, copia la dirección URL en memoria.

33



Open URL, abrir la dirección URL. Abre el navegador por defecto y abre la dirección URL del video.

Descarga un video de nutrición que usarías como complemento para tu sesión de aprendizaje.

Actividad 03: Grabamos un DVD/BluRay/CD

En varias oportunidades no podemos tener una computadora en el aula, algunas veces porque la Institución no cuenta con una computadora designada o porque está separada para otra aula. Es mucho más accesible tener a nuestra disposición un televisor y un reproductor DVD. Con lo cual nos faltaría tener el disco a reproducir.

Para poder crear estos discos tenemos la opción DVD/BlueRay/CD Creator que nos permitirá crear una imagen o un DVD/BluRay/CD, que podrá ser reproducido en un reproductor DVD/BluRay/CD. Recordar que estos archivos tienen un tipo de compresión diferente por lo cual solamente se podrán grabar pocos archivos en cada disco.

A. Device: Nos permite elegir que dispositivo usar.  F: HL-DT-ST DVDRAM GH20NS10, es un grabador interno que posee esta computadora. El modelo cambiará dependiendo del equipo físico (hardware) que posea la computadora.  aTube Catcher Virtual Drive (ISO Image) nos permite crear una imagen de un disco con extensión .iso. Los archivos .iso pueden ser abiertos por cualquier software especializado para grabar archivos tales como el Nero, Ashampoo, el Alcohol 120,

34

aTube Catcher, etc. Para poder grabarlo con el aTube Catcher debe elegir la opción Herramientas -> Grabar imagen ISO/MDS(MDF)

B. Project En la opción Project elegiremos el formato de nuestro proyecto.

DVD Proyects: Usaremos una de las dos opciones cuando vayamos a grabar nuestra información en un DVD (4.7GB de espacio libre) y tenemos dos formatos.

NTSC (National Television System Committee) y PAL (Phase Alternating).

En el Perú usamos la codificación NTSC. CD Projects: Usaremos una de las cuatro opciones cuando grabaremos en un CD, ya se mencionaron las opciones NTSC y PAL. Para la opción de audio tenemos Audio CD 74-80min es un formato sin compresión y se pueden grabar 74min (650GB) a 80min (700MB). La última opción MP3 Music CD 192kbps Stereo nos permite crear un disco con varias canciones comprimidas con extención mp3. ¿Sabías que el CD originalmente tiene una capacidad de 74min para poder grabar la Novena Sinfonía de Beethoven y poder escucharla sin interrupciones?

BDR Usaremos una de estas opciones si grabaremos en un Blu-Ray (25GB)

35

Las opciones 480p 720p y 1080p refieren a la dimensión de altura que tendrá el video grabado en alta definición (HD) Siendo los tamaños: 480p =WVGA 854x480 720p=HD 720 1280x720 1080p=HD 1080 1920x1080

C. Disk Title, es el nombre que le pondremos al disco.

D. Añadir archivos, para archivos puede arrastrar y soltarlos en el recuadro del programa o puede dar click en el botón y añadir los archivos uno por uno.

E. Grabar DVD, al terminar de agregar todos los archivos daremos click en este botón para que empiece a grabar el disco.

Actividad 04: Creando nuestra colección de videos:

Comparte con tu comunidad de aprendizaje el video de nutrición que descargaste en la actividad 2 y graba un DVD de video según el orden de su elección.

36

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 4. MOVIE MAKER AVANZADO

SESIÓN 4: MOVIE MAKER AVANZADO

En esta sesión revisaremos conceptos básicos de audio, imágenes y videos para la creación de un video con Movie Maker. Aprenderemos a los conceptos de guión literario y guión gráfico para poder transmitir ideas con una secuencia lógica para la adquisición de nuevo conocimiento.

Aprendizaje Esperado El docente conocerá como crear un guión gráfico para generar videos que complementen sus sesiones de aprendizaje.

Actividad 01: Tema a elegir

Para iniciar la creación de nuestro video primero debemos saber que el tema que deseamos transmitir, la función que deseamos que tenga el video. Luego elegiremos que tipo de video crear.

Funciones de video:        

Informativo, estructura la realidad Instructivo, orienta, condiciona el aprendizaje, desarrollo congnitivo…

Motivador, atrae, interesa, sensibiliza…

Evaluador, auto observación análisis…

Investigadora, a partir del video…

Metalingüística, del lenguaje audio visual…

Expresivo, grabación, edición…

Lúdica, testimonial, innovadora

37

Tipos de videos:     

Documental, presenta ordenadamente información sobre un tema concreto.

Narrativo, tiene una trama narrativa a través de la cual va presentando la información.

Lección monoconceptual, video de muy corta duración que presenta un único concepto.

Lección temática, el clásico video didáctico que presenta un tema de manera sistemática (y acorde a los destinatarios) Video motivador, pretende ante todo impactar, motivar, interesar (aunque para ello tenga que sacrificar la presentación sistemática del contenido y algo del rigor científico).

A continuación elige el tema, función y el tipo de video desearías crear y anótalo en el cuadro que se muestra a continuación: Tema principal Función del Video Tipo de Video

Actividad 02: ¿Qué es un guión literario y un guión gráfico?

Un guión es un escrito de manera esquemática que sirve como guía o ayuda para desarrollar una exposición.

Los guiones literarios se usan para la esquematización de escenas de videos de peliculas de cine, en este guión se da información de la escena, de los dialogos(expresiones y sentimientos) y del tipo de toma que se desea para cada escena.

Los guiones gráficos se usan para dar una idea visual de la secuencia que se desea filmar y se añaden notas pertinentes que faciliten la creación de la toma o de la escena, ellos pueden ser diseñados al detalle o pueden ser tan simples como el de está imagen.

Para fines prácticos realizaremos un guión sencillo (gráfico o literario) para los videos que crearemos en adelante.

A continuación por comunidad de aprendizaje elijan el tema, función y el tipo de video desearías crear y anótalo en el cuadro que se muestra a continuación: Tema principal Función del Video Tipo de Video

38

Luego creen un guión literario o gráfico sobre el tema propuesto como comunidad de aprendizaje, y detallen la escena que mostrarían, recuerden que la escena puede estar compuesta por un video o por una imagen.

Actividad 03: Eligiendo calidad de imágenes, audio y video.

En esta actividad veremos la calidad de los elementos que requerimos para la creación de nuestro video. Cabe mencionar que la nueva versión Windows Live Movie Maker mejora las propiedades por defecto y nos permite crear una configuración personal.

Comparemos los formatos entre estas dos versiones.

Formatos

Imágenes

Audio

Ancho Alto Velocidad de bits Velocidad de fotogramas Formato de audio

Windows Movie Maker 2.6. (WMV)

Windows Live Movie Maker

640 480 832kbps 25fps 96kbps – 44kHz

640 480 5500kbps 29,97fps 192kbps – 48kHz

Ahora que sabemos la calidad que tendrá el video que crearemos buscaremos los elementos que más se acerquen a estos parámetros para tener un video de buena calidad.

Si tienen valores mayores a los que se indican el programa automáticamente los ajustará (achicara) a estos parámetros manteniendo su proporción (alto/ancho), pero aún tendrá un buen acabado. El audio perderá su calidad y disminuirá su tamaño para ajustarse a la del formato.

Si tienen valores menores a los que se indican el programa automáticamente los ajustará (estirara) a estos parámetros manteniendo su proporción (alto/ancho), pero la imagen perderá nitidez al estirarse. El audio mantendrá la calidad y aumentará su tamaño para ajustarse a la del formato.

Si ya tienes los elementos para tú video (los cuales definiste en tu guión) empezaremos

39

Actividad 04: Creación del video con Movie Maker

MANOS A LA OBRA: Para elaborar nuestro video seguiremos paso a paso cada una de los procedimientos:

Paso I: CLASIFICAR Y ORDENAR Clasificar y ordenar todo los elementos que usaremos para ello crearemos en el escritorio una carpeta con el nombre Proyecto, seguido crearemos dentro tres carpetas con los nombres audio, video e imágenes.

Enumera los archivos de video, audio e imagen según tu guión de la actividad 02.

Teniendo en cuenta que los archivos que se grabaran en las carpetas deberán tener los siguientes formatos (Referencial).

Archivos de audio/música

aif, .aifc, .aiff .asf, .au, .mp2, .mp3, .mpa, .snd, .wav y .wma

Archivos de imagen (fotografías, dibujos, etc.)

bmp, .dib, .emf, .gif, .jfif, .jpe, .jpeg, .jpg, .png, .tif, .tiff y .wmf

Archivos de vídeo

asf, .avi, .m1v, .mp2, .mp2v, .mpe, .mpeg, .mpg, .mpv2, .wm y .wmv

Paso II: INGRESO AL PROGRAMA Ejecutar el Movie Maker 2.6 seguir la siguiente ruta: NICIO > TODOS LOS PROGRAMAS > WINDOWS MOVIE MAKER 2.6

40

Aparecerá la siguiente ventana: ahora identificaremos cada parte.

A) Barra de menús y barra de herramientas. Como la mayoría de los programas de Microsoft, las barras de menús y de herramientas proporcionan información e instrumentos para realizar las distintas tareas de su programa, en este caso Movie Maker.

B) Panel de tareas/colecciones. Además de la barra de menús y de herramientas, Movie Maker incorpora dos paneles para navegar a través del programa.

B.1 El panel de tareas (Barra de herramientas, Botón Tareas activo) nos muestra los distintos pasos a seguir para realizar una película. Está ordenado en tres apartados cronológicos: capturar vídeo, editar película y finalizar película.

B.2 El panel de colecciones (Barra de herramientas, Botón Colecciones activo) es el espacio donde se almacenan todos los elementos (imágenes, vídeos, músicas, efectos de video y las transiciones de video.) que vamos a usar para crear la película. Si clicamos el botón “Colecciones” en la barra de herramientas, este panel de tareas se convierte en un navegador para el panel de colecciones, de forma que ambos paneles usan el mismo espacio.

41

C. Línea de tiempo. Es el lugar en el que se trabaja con los elementos (vídeo, fotografías, música, etc.) para construir el vídeo final. Movie Maker nos permite ver el vídeo en el que trabajamos de dos formas distintas:

Guión gráfico

Escala de tiempo

D. Ventana de pre visualización. En esta ventana podemos ver los clips de vídeo, tanto los que tengamos en nuestras “Colecciones” como los que ya están editados en la escala de tiempo.

Además de los controles de vídeo, dispone de dos botones. El primero divide el video por el punto en que se encuentra. El segundo, captura una imagen fija (fotografía) del fotograma en que se encuentra el clip.

Paso III: Crear Colecciones: Para crear su propia colección deberán: Este paso servirá para importar nuestra organización llevada acabó en el paso I. a) Ya en el Programa , activar el botón “Colecciones” (Barra de herramientas) b) Click derecho en Colecciones(Panel de Colecciones) y elegir “Nueva colección” c) Nombrar su “nueva colección”.

a

b

c

42

Paso IV: Importar Audio, Imágenes o Video. a) b) c) d) e)

c

Activar el botón” Tareas” (Barra de Herramientas) Seleccionar la colección donde importaré mis archivos (ej: imágenes) Seleccionar en el panel de Tareas Capturar video (si el menú está contraído dar click en la flecha para expandirlo) Importar archivos (ej: importar imágenes)

a

b

d e

f) En la ventana emergente seleccionar las imágenes que desee importar. g) Luego de seleccionar las imágenes dale click en importar.

f

g

Hacer los mismos pasos para la colección de audio, imágenes y video.

43

Paso V: Identifique las función es de cada uno los Efectos de Video y las Transiciones de video.

Paso VI: Inicio de creación del video. Imágenes a) En la Barra de Herramientas seleccionar la colección de imágenes tal como se muestra. b) Seleccionar una imagen y arrastrarla al guión gráfico c) Continúe añadiendo las imágenes en el orden que se describió en el guión creado en la actividad 02.

44

a

a b

b No olvidar que como en todos los programas que hemos usado debemos grabar los avances que vamos haciendo para que en caso ocurra alguna eventualidad no perdamos lo que hemos avanzado.

Crear el archivo proyecto: 1) 2) 3) 4) 5)

Seleccionaremos “Archivo” (en la barra de menús) Guardar proyecto.

Nos ubicaremos dentro de la carpeta proyecto Colocaremos un nombre al proyecto.

Daremos click en el botón Guardar.

Para guardar los cambios en un proyecto ya creado daremos click en el imagen del diskette que se muestra en la barra de herramientas.

Este archivo de proyecto solamente contiene las instrucciones que el programa realizará para crear el video.

No almacena en su interior ninguna imagen, audio o video

Paso VII: Inicio de creación del video. Audio a) Activar Escala de Tiempo b) Seleccionar la colección de audio c) Seleccionar un audio y arrastrarlo a la escala de tiempo.  En caso que el audio tenga menor duración que el video tendremos que añadir los necesarios para que no tengamos un video mudo.  En caso que el audio tenga mayor duración que el video podremos ajustarlo arrastrando la parte final del audio hasta el termino de nuestro último clip de video.

45

Se recomienda finalizar primero la parte gráfica (añadir los efectos de video y transiciones) antes de ajustar los tiempos del audio.

b c

a c Paso VIII: Inicio de creación del video. Títulos. a) En el panel Tareas, el paso 2. Editar película b) Dar click en Crear Títulos o créditos

a

b

Tenemos 5 opciones para ingresar títulos.

46

Ej: Al seleccionar las diferentes opciones de títulos nos ubicamos en el clip de video número 10. El proyecto cuenta en ese momento con 20 clips de video.

Usaremos la misma posición en todos los casos.

Acción

¿En qué clip se creará nuestro título?

¿Qué clip será el clip 10 después de añadir el título?

Título al principio Título antes del clip seleccionado Título en el clip seleccionado Título después del clip seleccionado Créditos al final Te saldrá la siguiente imagen y pondrás los datos en el cuadro de texto a), si deseas cambiar la fuente y el color de texto has click en b)

a a

b 47

Paso IX: Añadir Efectos de Video y Transición de Videos.

Para insertar un efecto de video: a) Seleccione la imagen a la cual le va a dar efecto. b) Luego haga click derecho y seleccionar la opción Efectos de Video.

b

a

c) Seleccione el efecto que le desea agregar. d) Dele click en el botón agregar e) Luego haga click en el botón aceptar (el color de la estrella cambiará a un color azul) También se pueden arrastrar los efectos de video similar a las transiciones de video.

48

d c

e Para añadir una transición de video: a) Seleccione Colecciones. b) Selección Transiciones de videos. c) Arrastre la transición que desee al bloque que se encuentra entre dos imágenes, repita los pasos para las diferentes transiciones.

a b

c

c Paso X: Crear el video y guardar en equipo. a) Cuando termine los pasos anteriores pre-visualice el video y edite su proyecto hasta tener el resultado esperado. (Recuerde guardar su proyecto periódicamente para que no pierda los cambios realizados) b) Luego ubíquese en el panel de Tareas

49

c) En el ítem 3 Finalizar película. Dele click a la opción Guardar en el equipo

b

c a

Le saldrá la siguiente ventana:

a b

c 50

a) Escribir el nombre que desea ponerle a su video. b) Seleccione una ubicación donde guardar la película. (Se recomienda la carpeta proyecto) c) Dele click a siguiente.

Le saldrá la siguiente ventana: a) b) c) d)

Seleccione la Primera opción.

Espacio necesario estimado Espacio estimado disponible en la ubicación de salida Verificar que c) sea mayor que b). (Nota: Caso contrario dar click en el botón atrás y cambiar la ubicación de salida.) e) Luego dar click en siguiente. f) Especificaciones del video que se creará.

a

f

b c

d

e

51

Creando video. a) Tiempo estimado para concluir la creaciรณn de video. b) Porcentaje de video creado. c) Direcciรณn donde se ubicarรก el archivo.

a

b

c

El archivo resultante es nuestro video.

Subir el archivo a youtube, se requerirรก para la sesiรณn 5.

52

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 5. BLOG HTML

SESIÓN 5: BLOG HTML

En esta sesión veremos los fundamentos de la programación HTML, el uso de etiquetas, el uso de atributos. Usaremos los conceptos adquiridos para modificar las etiquetas en un blog.

Aprendizaje Esperado El participante tendrá las nociones de creación de páginas web con HTML, lo cual le permitirá realizar ediciones en código en su Blog, para insertar enlaces, tablas, contenido en flash, imágenes, etc.

Actividad 01: ¿Qué es HTML?

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas»(en inglés tags), rodeadas por corchetes angulares (<,>).

Principalmente hay tres tipos de etiquetas.   

Etiqueta cerrada <CENTER> Mi página Web </CENTER> Etiqueta abierta <BR> Etiqueta con parámetros <BODY bgcolor="#FFFFFF"> </BODY>

53

A continuación con tu navegador preferido ingresa a http://www.blogger.com/, luego da click derecho y selecciona la opción Ver código fuente de página y analiza las etiquetas que encuentras en esta página.

Para complementar está información revisa el documento Aprender el lenguaje HTML.

Actividad 02: Creando una tabla.

La forma más sencilla de tener total control sobre nuestra página es diseñando una tabla en la cual encajaremos nuestro diseño web.

El código para crear una tabla es: <table width="200" height="100" cellspacing='10' cellpadding='5' align='center' border="1"> <tr> <td width="200" height="50">&nbsp;</td> <td width="200" height="50">&nbsp;</td> <td width="200" height="50">&nbsp;</td> </tr> <tr> <td width="200" height="50">&nbsp;</td> <td width="200" height="50">&nbsp;</td> <td width="200" height="50">&nbsp;</td> </tr> </table> Analicemos este código: <table width="200" border="1">

height="100"

cellspacing='10'

cellpadding='5'

align='center'

</table> Este código indica el inicio y el fin de la tabla, indicándonos el ancho de la tabla =200, una altura de =100, el espaciado entre celdas es =10, el espaciado entre el contorno de la celda y el contenido de la celda =5, la alineación de la tabla en la página =center (centrado) y el grosor del borde =1, para que no se muestre borde el valor deberá ser 0. Todo lo que se encuentre dentro pertenecerá a la tabla

54

<tr> </tr> Este código nos indicará el inicio y fin de la fila (row). Todo lo que este dentro de este código pertenecerá a dicha fila. Tener en cuenta que no tiene una numeración de fila. <td width="200" height="50">&nbsp;</td> Este código nos indica los valores de la celda ancho=200, altura = 50. Cabe resaltar que estos valores serán proporcionales al tamaño de la tabla y a los valores dados a las demás celdas.

Una tabla nos ayuda muchísimo al momento de organizar la página visualmente, pero para poder tener un mejor uso del espacio uniremos en ocasiones diferentes celdas.

Las uniremos con estos códigos rowspan: Indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila. colspan: Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.

Podemos indicar que una celda ocupará dos espacios de columna reemplazando el código: <td width="200" height="50">&nbsp;</td> <td width="200" height="50">&nbsp;</td> con el siguiente código: <td height="50" colspan="2">&nbsp;</td> Similarmente podemos crear celdas que ocuparían dos espacios de fila con el siguiente código: <td width="200" rowspan="2">&nbsp;</td> También podremos crear una celda que ocupe 2 columnas y 2 filas. <td colspan="2" rowspan="2">&nbsp;</td> En la tabla original tenía 6 celdas, ¿si decido unir todas las celdas cual sería el código resultante? <table width="200" height="100" cellspacing='10' cellpadding='5' align='center' border="1">

55

</table> Puedes probar la edición de código en la página: http://www.lawebera.es/recursos/herramientas/probar_codigo_html.php No te olvides de dar click en ver resultado para comprobar tu respuesta.

Una forma sencilla de crear tablas es introduciendo los valores en el formulario de esta página web: http://www.entraenlared.com/recursos_promocion_web/creacion_tabla.asp Actividad 03: Ingresemos a Blogger

Ingresa blogger y crea un nuevo blog que usaremos de pruebas.

Ingreso a blogger 1) Abre el navegador de tu preferencia.

2) En la barra de direcciones escribe http://www.blogger.com 3) Identifícate con tu cuenta.

Esto te llevará http://www.blogger.com/home 4) En esa página crea un Nuevo Blog.

a

la

página

56

Título: Prueba + Nombre del participante Dirección: prueba + iniciales del participante Plantilla: Seleccionar la plantilla que más le guste.

Al finalizar dar click en el botón “Crear Blog” Actividad 04: Crear una entrada en el blog

Ingresemos al blog que creamos en la actividad 03, dando click en el enlace Prueba + Nombre completo

Ahora daremos click en el botón

.

En la nueva ventana que nos aparece las opciones de colocar nuestra entrada directamente con las herramientas gráficas (opción Redactar) o escribir el código en HTML (opción HTML)

.

Para fines prácticos usaremos la plantilla Prueba.txt y copiaremos todo el contenido teniendo la opción HTML habilitada. <table width="635" height="385" border="1"> <tr> <td width="100"><a href="http://www.ipnm.edu.pe/"><img src="http://dl.dropbox.com/u/12352176/logo_ipnm.png" width="83" height="62" alt="IPNM" /></a></td> <td width="400" colspan="2">&nbsp;</td> <td width="100">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td colspan="2"><center> <strong>Titular </strong> </center></td> <td width="100">&nbsp;</td>

57

</tr> <tr> <td colspan="2"><strong>Subtítulo</strong></td> <td colspan="2" rowspan="2">Imagen</td> </tr> <tr> <td colspan="2">Texto</td> </tr> <tr> <td height="21">&nbsp;</td> <td colspan="2">&nbsp;</td> <td width="100">&nbsp;</td> </tr> <tr> <td colspan="2" rowspan="2">Imagen</td> <td height="30" colspan="2"><strong>Subtítulo</strong></td> </tr> <tr> <td colspan="2">Texto</td> </tr> <tr> <td height="21">&nbsp;</td> <td colspan="2">Autor: Título Nombre Completo (Ej.: Ing. Hugo Quijandría Lezameta</td> <td>&nbsp;</td> </tr> </table> Después de copiar la plantilla volveremos a la opción redactar.

Como se puede observar está plantilla tiene 2 secciones diferenciadas.

58

En la primera escribiremos una referencia sobre nosotros, y colocará una imagen de Ud. personal o grupal.

En la segunda sección hará una descripción de su institución educativa y colocará una imagen de su colegio o de la zona que lo rodea.

Grabar Entrada

En este pequeño menú reemplazaremos la indicación Título de la entrada por nuestro nombre completo.

El Botón Guardar, como su nombre lo indica guardará los últimos cambios realizados, pero no publicará la entrada.

El Botón Vista previa, nos mostrará cómo está quedando la entrada en nuestro blog El Botón cerrar, cerrará la entrada.

El botón Publicar, se usa para publicar el trabajo. No olvidar que en la plantilla se ha colocado el borde en 1 para mayor facilidad durante la edición, pero antes de publicar hay que restablecer el valor a 0, con lo cual presentará un mejor acabado.

En clase se verá con detenimiento los botones pertenecientes a la sección redactar.

Publicar en tu comunidad de facebook el enlace de tu blog y comentar los blog de tus compañeros.

59

Vanlancker.Luc@ccim.be

Una palabra alentadora o un elogio siempre es agradable.

Examinaremos críticas y sugerencias con mucha atención.

Lista de las principales etiquetas Html Puesta en forma de los caracteres <B>...</B> <BIG>...</BIG> <BLINK>...</BLINK> <EM>...</EM> <FONT color="#XXXXXX">...</FONT> <FONT size=X>...</FONT> <I>...</I> <NOBR>...</NOBR> <PRE>...</PRE> <SMALL>...</SMALL> <STRONG>...</STRONG> <SUB>...</SUB> <SUP>...</SUP> <U>...</U>

Texto en negrita Ampliación del tamaño de los caracteres Texto parpadeante (Netscape solo) Texto en itálico Texto en color donde XXXXXX es un valor hexadecimal Tamaño de los caracteres donde X es un valor de 1 a 7 Texto en itálico Impide las rupturas automáticas de línea de los browser Texto preformateado, o sea con una visualización de todos los espacios y saltos de línea Reducción del tamaño de los caracteres Puesta en negrita del texto Texto en indicio Texto en exponente Texto subrayado

Puesta en forma del texto <!-- ... --> <BR> <BLOCKQUOTE>...</BLOCKQUOTE> <CENTER>...</CENTER> <DIV align=center> ...</DIV> <DIV align=left> ...</DIV> <DIV align=right> ...</DIV> <Hx>...</Hx> <Hx align=center>...</Hx> <Hx align=left>...</Hx> <Hx align=right>...</Hx> <P>...</P> <P align=center>...</P> <P align=left>...</P> <P align=right>...</P>

Comentarios ignorado por el navegador A la línea Citación (introduce un retracto de texto) Centra cada elemento comprendido en la etiqueta Centra el elemento encuadrado por la etiqueta Alinea el elemento a la izquierda Alinea el elemento a la derecha Título o x tiene un valor de 1 à 7 Título centrado Título alineado a la izquierda Titulo alineado a la derecha Nuevo párrafo Párrafo centrado Párrafo alineado a la izquierda Párrafo alineado a la derecha

Listas y rayas <UL> <LI> </UL> <OL> <LI> </OL>

Lista no numerada Elemento de lista Lista numerada Elemento de lista

26

60

<DL> <DT>...</DT> <DD>...</DD> </DL> <HR> <HR width="x%"> <HR width=x> <HR size=x> <HR align=center> <HR align=left> <HR align=right> <HR noshade>

Lista de glosario Termino de glosario (sin retracto) Explicación del termino (con retracto) Línea de separación Raya horizontal Anchura de la raya en % Anchura de la raya en pixeles Altura de la raya en pixeles Raya centrada Raya alineada a la izquierda Raya alineada a la derecha Raya sin efecto de sombreado

Enlaces <A href="http://...">...</A> <A href="mailto:...">...</A> <A href="fichier.htm">...</A> <A name="xyz">...</A> <A href="xyz">...</A> <A href="fichier#xyz">...</A>

Enlace hacia una página Web Enlace hacia una dirección Email Enlace hacia la página fichero.htm situada en el mismo directorio Definición de una ancla Enlace hacia una ancla

Imagenes <IMG src="xyz.gif"> <IMG src="xyz.pjg> <IMG ... width=x height=y> < IMG ... border=x> <IMG ... alt="votre texte"> <IMG ... align=bottom> <IMG ... align=middle> <IMG ... align=top> <IMG ... align=left> <IMG ... align=right> <IMG ... hspace=x> <IMG ... vspace=y>

Inserción de una imagen al formato Gif o Jpg (ver enlaces para la dirección) Puesta a la escala de la imagen en pixeles Definición del borde de una imagen con un enlace Texto alternativo cuando la imagen no esta mostrada Alinea la imagen abajo Alinea la imagen en el medio Alinea la imagen arriba Alinea la imagen a la izquierda Alinea la imagen a la derecha Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto

Tablas <TABLE>...</TABLE> <TABLE width="x%"> < TABLE width=x> <TABLE border=x> <TABLE cellpadding=x> <TABLE cellspacing=x> <TR>...</TR> <TD>...</TD> <TD bgcolor="#XXXXXX"> <TD width="x%"> <TD width=x> <TD align=center> <TD align=left> <TD align=right> <TD valign=top> <TD valign=middle> <TD valign=bottom> <TD colspan=x> <TD rowspan=x>

Definición de una tabla Anchura de la tabla en % Anchura de la tabla en pixeles Anchura del borde Espacio entre el borde y el texto Espesor de la raya entre las celdas Línea de la tabla Celda de la tabla Color de una celda de la tabla Anchura de columna en % Anchura de columna en pixeles Texto centrado en la celda Texto alineado a la izquierda en la celda Texto alineado a la derecha en la celda Alineación hacia arriba del contenido de la celda Centrado vertical del contenido de una celda Alineación hacia el bajo del contenido de la celda Numero de celdas para fusionar horizontalmente Numero de celdas para fusionar verticalmente

Frames

27

61

<FRAMESET>...</FRAMESET> <FRAMESET rows="x%,y%,..."> <FRAMESET cols="x%,y%,..."> <FRAME src="fichier.htm"> <NOFRAMES>...</NOFRAMES>

Define una estructura de frames (reemplaza la etiqueta BODY) División horizontal de la ventana en % División vertical de la ventana en % Fichero mostrado en una ventana de frames Contenido para los browser no previstos para los frames

Fichero Html <HTML>...</HTML> <HEAD>...</HEAD> <TITLE>...</TITLE> <BODY>...</BODY> <BODY bgcolor="#XXXXXX"> <BODY background="xyz.gif">

Principio y fin del fichero Html Zona de encabezamiento de un fichero Html Titulo visualizado por el browser (elemento de HEAD) Principio y fin del cuerpo del fichero Html Color del fondo (en hexadecimal) Imagen del fondo

Los caracteres especiales Existen muchos caracteres que no pueden ser codificados directamente en el teclado. Aquí los caracteres en la norma ISO5589-1 (llamada también ISO-Latin 1) cataloga todos las caracteres disponibles, así como su abreviatura ENTITY.

Caracteres Codigo ISO ENTITY &#129; ‚ &#130; ƒ &#131; „ &#132; … &#133; † &#134; ‡ &#135; ˆ &#136; ‰ &#137; Š &#138; ‹ &#139; Œ &#140; &#141; &#142; &#143; &#144; ‘ &#145; ’ &#146; “ &#147; ” &#148; • &#149; – &#150; — &#151; ˜ &#152; ™ &#153; š &#154; › &#155; œ &#156; &#157; &#158; Ÿ &#159; espace &#160; &nbsp;

Caracteres Codigo ISO ENTITY « &#171; &laquo; &#172; &not; &#173; &shy; ® &#174; &reg; ¯ &#175; &masr; &#176; &deg; ° &#177; &plusmn; ± ² &#178; &sup2; ³ &#179; &sup3; ´ &#180; &acute; &#181; &micro; µ ¶ &#182; &para; · &#183; &middot; ¸ &#184; &cedil; 1 &#185; &sup1; º &#186; &ordm; » &#187; &raquo; ¼ &#188; &frac14; ½ &#189; &frac12; ¾ &#190; &frac34; ¿ &#191; &iquest; À &#192; &Agrave; Á &#193; &Aacute; Â &#194; &Acirc; Ã &#195; &Atilde; Ä &#196; &Auml; Å &#197; &Aring; Æ &#198 &Aelig Ç &#199; &Ccedil; È &#200; &Egrave; É &#201; &Eacute; Ê &#202; &Ecric;

Caracteres Codigo ISO ENTITY Õ &#213; &Otilde; Ö &#214; &Ouml; &#215; &times; × Ø &#216; &Oslash; Ù &#217; &Ugrave; Ú &#218; &Uacute; Û &#219; &Ucirc; Ü &#220; &Uuml; Ý &#221; &Yacute; Þ &#222; &THORN ß &#223; &szlig; à &#224; &agrace; á &#225; &aacute; â &#226; &acirc; ã &#227; &atilde; ä &#228; &auml; å &#229; &aring; æ &#230; &aelig; ç &#231; &ccedil; è &#232; &egrave; é &#233; &eacute; ê &#234; &ecirc; ë &#235; &euml; ì &#236; &igrave; í &#237; &iacute; î &#238; &icirc; ï &#239; &iuml; ð &#240; &eth; ñ &#241; &ntilde; ò &#242; &ograve; ó &#243; &oacute; ô &#244; &ocirc;

28

62

¡ ¢ £ ¤ ¥ ¦ § ¨ © ª

&#161; &#162; &#163; &#164; &#165; &#166; &#167; &#168; &#169; &#170;

&iexcl; &cent; &pound; &curren; &yen &brvbar; &sect; &uml; &copy; &ordf;

Ë Ì Í Î Ï Ð Ñ Ò Ó Ô

&#203; &#204; &#205; &#206; &#207; &#208; &#209; &#210; &#211; &#212;

&Euml; &Igrave; &Iacute; &Icirc; &Iuml; &ETH; &Ntilde; &Ograve; &Oacute; &Ocirc;

õ ö ÷ ø ù ú û ü ý þ ÿ

&#245; &#246; &#247; &#248; &#249; &#250; &#251; &#252; &#253; &#254; &#255;

&otilde; &ouml; &divide; &oslash; &ugrave; &uacute; &ucirc; &uuml; &yacute; &thorn; &yuml;

29

63

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 6. FUNCIONES EN EXCEL

SESIÓN 6: FUNCIONES EN EXCEL

En esta sesión presentará la interfaz del la hoja de cálculo Excel 2007, se presentarán las diversas opciones que nos presentan trabajar con hojas y libros de cálculo. Se presentarán las principales funciones matemáticas y de comparación que se cuentan en Excel los cuales se enfocaran en la creación de un registro de notas personalizado.

Aprendizaje Esperado El participante será capaz de crear su propio registro de notas y obtendrá los resultados de evolución por alumno. Planteará la creación de gráficos que le ayuden a mostrar la evolución de sus alumnos.

Actividad 01: ¿Qué es Excel?

Excel es un software desarrollado por Microsoft. Se diseño principalmente para tareas financieras y contables, pero es tan flexible que se puede aplicar a cualquier campo donde se evalué de forma cuantitativa.

Excel está basado en el uso de celdas que se encuentran en un Hoja que está diseñada como si fuese una tabla gigante, pero ¿cómo las ordena?

Las columnas se nombran con letras A, B,…, AA, AB, AC….

Las filas se nombras con números 1, 2, 3, 4, 5, 6…

Las celdas son un cuadro que tiene una posición horizontal (columna) y una vertical (fila). Y se nombran como A1, AA6, etc (no es sensible a mayúsculas o minúsculas).

En

el

gráfico

siguiente

¿De

qué

color

es…?¿Cuál

es

su

nombre?

64

  

Columna Fila: Celda:

Ahora revisemos las partes del entorno gráfico:

65

Actividad 02: Formulas en Excel Excel nos permite crear formulas a partir de los operadores clásicos suma(+), resta, (-) , multiplicación (*) y división(/) y de formulas más avanzadas creadas con comandos especiales tales como promedio(PROMEDIO), condicionales(SI), comparaciones entre dos números ( MAYOR.O.IGUAL), entre otras.

Los funciones más usadas en los registros son suma(+), multiplicación(*), división(/) y promedio.

Para indicar que una celda contendrá una fórmula se debe indicar escribiendo el signo igual (=), seguido colocar la fórmula.

Ejemplo: Sumar las celdas de la A1 a la A5

Como podemos observar en la primera imagen Excel nos ayuda asignando un color al marco de la celda con el nombre de la celda, con lo cual podemos evitar errores.

En la segunda imagen podemos observar que en la celda nos da el resultado de la operación (75) y en la barra de funciones (fx) aparece la función que hemos generado (=A1+A2+A3+A4+A5).

Ejercicio 1: En la celda A7 escribir la fórmula =SUMA(A1:A5) e indicar con sus propias palabras lo que ocurre en la celda

Ejercicio 2: Con los mismos valores de las celdas A1 a la A5, crea diversas funciones usando los operadores clásicos(+,-,*./): a) En la celda B1 debe aparecer el promedio de los valores A1 a A5 b) Asumamos que las 5 notas tienen diferentes pesos (10%, 20%, 30%, 35%, 5%) indicar en B2 cuál sería la calificación total.

66

Actividad 03: Creando nuestra tabla de datos A continuación Crea un nuevo archivo y copia los datos que se muestran a continuación: Calificaciones en orden y aseo

Salones

Notas 18 17 14 15 17 16 15 15 15 12 17

1° 2° 3° 4° 5° 6°

I° II° III° IV° V°

Los salones en la columna A y las Notas en la columna B Ahora realizaremos un gráfico de barras de dicha tabla.

Para obtener el gráfico que se muestra a continuación seguiremos los siguientes pasos:

Calificaciones en orden y aseo 20

18

17 14

15 Notas

17 15

16

17 15

15

15 12

10 5 0 1°

2°

3°

4°

5°

6°

I°

II°

III°

IV°

V°

Notas

67

Paso I: Seleccionar las dos columnas con los valores que se representarán en el gráfico. (Hacer click y mantener presionado en 1° arrastrar el mouse hasta el 17 que pertenece a V°) Paso II: Luego ir al menú Insertar (A), luego hacer click en Columna (B) y en la primera opción de Columna en 3-D(C)

Por defecto le saldrá el siguiente gráfico:

PASO III: Para añadir un Título al Gráfico seleccionaremos el gráfico, luego daremos click en el menú Presentación (A), luego daremos click en el botón Título del gráfico (B) y seleccionaremos la opción Encima del gráfico(C).

Luego deberán hacer click en el texto Título del gráfico para cambiar dicha indicación por el título que deseamos darle. En este caso: Calificaciones en orden y aseo.

68

Paso IV: Quitaremos la leyenda. Para ello iremos al menú Presentación, luego daremos click en el botón Leyenda y seleccionaremos la opción Ninguno.

Paso V, ahora añadiremos los rótulos a los ejes, para ello seleccionamos el gráfico, luego vamos al menú Presentación, damos click en el botón Rótulos de Eje horizontal primario(para el EJE X) y Título de eje vertical primario(para el EJE Y), y seleccionaremos Título bajo el eje. Se hará un procedimiento similar para el otro EJE.

69

PASO VI: En algunos casos es mejor cambiar de color las barras, en este caso para diferenciar a los alumnos de primaria y secundaria.

Para asignar otro color a una barra daremos click en la barra que deseemos cambiar de color, como verĂĄn por defecto selecciona todas las barras, pero si solamente se desea cambiar una sola barra (como en este caso) volveremos a dar click en la misma barra. Luego iremos al menĂş Formato, daremos click en el botĂłn Relleno de forma, luego seleccionaremos el color que deseemos. Repetir los pasos para cada barra de secundaria.

70

Actividad Opcional 1: Crear un registro de notas

A continuación te copio una propuesta Indicadores de rendimiento para su registro.

Junto a su comunidad de aprendizaje obtengan los indicadores de rendimiento consensuado que utilizarán en su registro de notas.(tabla adjunta)

Actividad Opcional 2: Creando una plantilla En la segunda hoja 2 de los indicadores de rendimiento creamos una plantilla la cual nos servirá como modelo para los otros cursos. Definiremos que campos tendrá la plantilla en clase.

Se muestra a continuación un ejemplo:

Actividad Opcional 3: Gráficos en Excel

Analicen el registro que obtuvieron por comunidad de aprendizaje y diseña un cuadro indicando cuales serian los datos que más les convendría representar en gráfico para obtener resultados comparativos.

71

Nombre de la Tabla

Dato Independiente (Eje X)

Dato Dependiente (Eje Y)

Motivo por el cual sería importante tener esta información

Se realizarán algunos gráficos en clase.

A continuación revisa el enlace http://www.aulaclic.es/excel2007/t_11_1.htm. Para que veas los diversos tipos de gráficos que se pueden obtener.

72

CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA LA CREACIÓN DE MATERIAL EDUCATIVO SESIÓN 7. SIMULADORES Y LA IMPORTANCIA DE LAS PUBLICACIONES EN LA RED

SESIÓN 7: SIMULADORES Y LA IMPORTANCIA DE LAS PUBLICACIONES EN LA RED

En esta sesión veremos el simulador phet y aprenderemos a insertarlo en una página web.

Revisaremos el código y cambiaremos el tamaño por defecto . Además aprenderemos a usar el servicio de mediafire, subir archivos, eliminar, crear carpetas eliminar carpetas y compartir los archivos y carpetas vía web.

Aprendizaje Esperado El participante conocerá los diversos simuladores con que se cuenta del Instituto Colorado, tendrá los conocimientos para insertarlos en sus blog y cambiar el idioma.

Además el participante compartirá documentos en su blog vía web con la herramienta mediafire.

Actividad 01: Insertar el simulador phet en una web

Como recordarás la página web de la Universidad de Colorado contiene varios simuladores de Química, Física, Biología, etc, (phet) los cuales nos servirán para complementar las sesiones de aprendizaje durante el año escolar.

Ya sabemos como virtualizar nuestras sesiones en una página web vía la plataforma blogger.

Ingresa a la página phet y selecciona una simulación que te servirá para tu sesión de

73

aprendizaje.

Pasos 1) Ingresa a http://phet.colorado.edu/es/simulations/category/new 2) Selecciona una simulación de Física.

3) Dale click al botón Insertar

4) El texto que se muestra en el segundo cuadro es el que copiaremos y pegaremos en nuestra entrada en el blogger. No olvidar que esta acción se realiza con el botón HTML activo.

A continuación se muestra como se vería en HTML

A continuación se muestra como se vería en Redactar

74

Actividad 02: Cloud Storage Cuando diseñamos páginas web a veces necesitamos compartir archivos para que puedan ser descargados y en ocasiones tenernos archivos con un tamaño muy grande los cuales no podemos adjuntarlos a los correos. Para esos casos podemos apoyarnos de diversas plataformas que nos ofrecen el servicio de Cloud Storage (almacenamiento en la nube) para compartir archivos como mediafire, megaupload, depositfiles, , 4shared, dropbox, entre otros.

Te recomiendo que veas la siguiente presentación: http://www.mediafire.com/#slide1 A continuación investiga las diversas plataformas para compartir archivos y completa el cuadro.

Servicio

Espacio gratuito

Limite de tamaño de archivo

Limite de descargas mensuales

Mediafire Megaupload Depositfiles Dropbox Divshare MediaMax Badongo.com FileFactory 4shared Actividad 03: Usando Mediafire

Ingresemos a la página https://www.mediafire.com/ y demos click en el botón Sign Up que se encuentra en la parte superior derecha.

Nos mostrará tres opciones, elegiremos la opción gratuita (Free) , para ello le daremos click en el botón Try it. (Pruebalo) Completa los datos que te piden y luego dale click en el botón Create Count & Continue.

75

Subir Archivos: 1) 2) 3) 4) 5)

Ingresar a la plataforma mediafire Dar click en el botón Upload ubicado en la parte derecha.

En la ventana emergente dar click en el botón + Seleccionar todos los archivos que se deseen subir.

Al terminar de seleccionar los archivos daremos click en el botón Begin Upload (iniciar la subida) 6) Empezará la subida y nos indicará el tiempo estimado de subida.

Compartir enlace: 1) Ingresar a la plataforma mediafire 2) Dar click en el archivo que deseamos compartir 3) En la ventana que nos aparece dar click en el botón que tiene el dibujo de una cadena, la cual indica copy file link to clipboard (copiar el enlace del archivo al portapapales) 4) Este enlace es el que nos servirá para poder pegar en nuestros correos o nuestras paginas web al momento de compartir. (ej: http://www.mediafire.com/?nfswfc1xdapc10m) 5) El Destinatario observará la misma ventana y para descargarlo dará click en el botón Download. Como puede ver nos indica el tamaño del archivo, para el presente ejemplo 107.28MB.

76

6) El tiempo de descarga dependerá de la velocidad de descarga. En la mayoría de los casos contamos con una conexión de speedy de 600kbps.

Ej: Si un archivo tiene un tamaño de 100MB Velocidad de Descarga 600kbps (caso ideal es muy raro que descargue a la máxima velocidad) 1Byte = 8 bits ¿Cuánto tiempo demorará en descargar?

Solución Como podemos observar el tamaño está expresado en MB(Mega Bytes) y la velocidad en Kbps (kilo bits por segundo) Tiempo de descarga = 100MB*(1024)*(8bits/1MB)/600kbps Tiempo de descarga =1365,3s = 22min con 46s Cabe resaltar que es un tiempo estimado y el tiempo podría variar por la velocidad de descarga.

Calcula cuanto tiempo demoraría en descargar el archivo mostrado. 107.28MB, asumiendo una velocidad de 600kbps.

77