Hot Potatoes (Práctica)

Las pequeñas herramientas de Hot Potatoes te permiten crear multi-elección interactiva , respuesta corta, rellenar en el espacio, crucigramas, y ejercicios de des-ordenación de una frase usando HTML y JavaScript sin necesidad de tener ningún conocimiento ni de HTML ni de JavaScript.

hot

A continuación te mostramos el conjunto de actividades que realizamos en el programa Hot Potatoes:

  • JQUIZ

  • JCLOZE

  • JCROSS

  • JMATCH

  • JMIX

Prezi (Práctica)

Prezzi es una herramienta muy útil, que puedes usar para crear presentaciones mas dinámicas.

dd

 A continuación te dejamos unos links con ejemplos de presentaciones realizadas en prezzi.

Camtasia (Práctica)

Camtasia Studio, Es un software que permite grabar todas las actividades que se realizan en el computador, pudiendo crear así vídeos o tutoriales para compartir y aplicar en las diferentes actividades académicas o laborales, entre otras.

camtasia-goldescargas.com (1)

Grabación de la pantalla

El proceso de grabación se realizará mediante el asistente de grabación Recording Wizard, que siempre se activará cuando se abra la aplicación de Camtasia Recorder, y nos guiará en el proceso de selección de las opciones de grabación y en la grabación de la pantalla. 

descarga

Abrimos Camtasia Studio

  1. A continuación abrimos la aplicación Camtasia Recorder a través del botón rojo Record The Screen que aparece en primer lugar bajo la Lista de Tareas.
  2. Aparece el asistente de grabación New Recording Wizard donde tendremos que elegir la parte de la pantalla que queremos grabar seleccionando cualquier de las tres opciones:

Region of the screen: donde podremos definir una sección rectangular de la pantalla que queremos grabar mediante el botón Select región. Aparecerá un cursor en forma de icono de una cruz y una pequeña mano que nos ayudará a seleccionar la región exacta arrastrando. Cuando se haya hecho la selección la pantalla del asistente vuelve a aparecer. Elegiremos Siguiente.

Specific Window: donde podremos elegir una ventana concreta que queramos grabar en el caso de tener en la misma pantalla varias ventanas abiertas. Tendremos que hacer clic en el botón Select window, cuando la seleccionemos se subrayará en rojo y haremos clic con el botón izquierdo del ratón. Cuando se haya hecho la selección la pantalla del asistente vuelve a aparecer. Elegiremos Siguiente.

Entire Screen : Esta opción graba la pantalla completa. Cuando se haya hecho la selección la pantalla del asistente vuelve a aparecer. Elegiremos Siguiente.

10250-techsmithcamtasiastudio6recordersmall

  1. Una vez elegida la parte o región de la pantalla que queremos grabar aparece la pantalla de Opciones de grabación (Recording Options), donde podremos elegir Record Audio (Grabar nuestra voz, a la vez que grabamos, para lo cual tendremos que tener conectado a nuestro ordenador un micrófono) o Record Camera (Grabar nuestra imagen y el sonido de lo que describimos para lo cual tendremos que tener conectado a nuestro ordenador una webcam). Si no quisiéramos utilizar ninguna de las dos opciones, simplemente haríamos clic en Siguiente. Si en cambio activamos cualquiera de las dos opciones, al hacer clic en siguiente en cualquiera de ellas aparecerá la pantalla de configuración del audio o de la cámara. Aceptaremos las opciones que nos dan y haremos clic en Siguiente.
  1. Aparece la pantalla Begin Recording (Empezar la grabación). En ella se nos muestra cuáles son los botones y las teclas de acceso directo que es importante que aprendamos a utilizar cuanto antes para iniciar y facilitar el trabajo de grabación. Tal como explicamos más arriba la configuración de las teclas de acceso directo permitirán que al pulsar sobre ellas se ejecute un comando y aquí servirán para comenzar o finalizar la grabación.

Cuando el vídeo que tengamos que grabar no vaya a mostrar un gran movimiento (este va a ser el caso casi siempre de las demostraciones en la utilización de Bases de datos), es recomendable, que tengamos activada la opción: Disable display acceleration during capture, puesto que contribuirá a grabar con un movimiento más suave de pantalla, reduciendo el tamaño de la producción del vídeo final. Cuando elijamos esta opción aparecerá una pantalla con un consejo o advertencia sobre la aceleración del hardware. Simplemente haremos clic en OK. 

Cuando ya estamos preparados para la grabación, elegimos Finalizar. El asistente se minimizara.

  1. Podemos comenzar la grabación utilizando la Tecla de acceso directo F9 (mucho más recomendable por la comodidad que supone) o bien haciendo doble clic en la bola roja de debajo de nuestra pantalla (Camtasia Recorder minimizado) y después clic en el botón rojo Record. Si la pantalla seleccionada que vamos a grabar es más grande que 1024×768, el máximo aconsejado para conseguir una mejor grabación, aparecerá un consejo como el que sigue. Si quisiéramos seguir con las mismas dimensiones haríamos clic en Yes.

Tras presionar F9 o el botón Record, nuestra pantalla se volverá momentáneamente en Negro. Esto debemos considerarlo como algo normal.

  1. Cuando queramos finalizar nuestra grabación, presionamos la tecla de acceso rápido F10 (recomendado), o seleccionamos el botón Stop de la barra de herramientas de Camtasia Recorder.
  2. Tras finalizar la grabación aparecerá la ventana de Camtasia Recorder Preview, reproductor de Camtasia Recorder donde se previsualiza y reproduce de forma inmediata lo que acabamos de grabar. Podemos decidir si queremos guardarlo o borrarlo mediante la elección de alguna de las opciones que aparecen en la parte inferior derecha del Monitor: Save o Delete. Si elegimos borrarlo hacemos clic en Delete y el programa nos llevará de nuevo a Camtasia Recorder, no sin antes preguntarnos si estamos seguros de que queremos borrarlo (Are yo usure you want to discard the current video capture?). Podremos entonces iniciara una nueva grabación.
  3. Si elegimos guardarlo hacemos clic en Save, y aparece una ventana con un cuadro de diálogo que nos pide dar un nombre a nuestra grabación y buscar una localización en alguna carpeta de nuestro ordenador para guardarlo. Notar que la extensión con la que se grabará nuestra grabación es .camrec, formato exclusivo de Camtasia para sus grabaciones o clips de vídeo.
  1. Al guardar  la grabación aparecerá el cuadro de diálogo de las diferentes opciones que tenemos tras guardar el vídeo .camrec. Elegiremos la opción Edit my Recording.

28

Edición del vídeotutorial

Una vez que ya hemos realizado la grabación del vídeo, comenzamos el proceso de su edición. La construcción de un vídeotutorial no termina con la grabación del movimiento de nuestra pantalla. El videoclip que acabamos de grabar con extensión .camrec, precisa que le incorporemos un título (Titleclip), que añadamos ciertas imágenes, sin las cuales no se comprendería el tutorial, que expliquemos partes de su contenido con llamadas o carteles (callouts), que incidamos en ciertos aspectos de su discurso ampliando su imagen (zooms), que subtitulemos los fotogramas para hacerlo accesible, que añadamos entre imagen e imagen cambios graduales con transiciones, o que incluso incorporemos más vídeoclips para que su comprensión sea lo más completa posible. Este es el proceso de construcción de un Proyecto de vídeo cuya edición se completará con retoques de sonido (aumentando y disminuyendo su volumen o incorporando un nuevo audio) y con oportunos cortes de la cinta que suprimirán vacíos de imagen de inevitables tiempos de espera en el proceso de grabación.

29

 Iniciando un Proyecto de Vídeotutorial

El proyecto de edición de un vídeotutorial lo podemos iniciar siempre que queramos con videoclips grabados con antelación ya guardados con la extensión .camrec en una carpeta de nuestro ordenador. Para ello abrimos Camtasia Studio y mediante la opción Import media podremos importarlos para comenzar a trabajar con ellos colocándolos en el Clip Bin.

Otra forma es comenzar a editar el videoclip de forma inmediata tras su grabación desde la pantalla de Post-Save editions, seleccionando la opción Edit my Recordings y presionando OK. El vídeo se incorpora automáticamente al Clip Bin de Camtasia.

Incorporar archivos multimedia al Clip Bin

A la hora de realizar nuestro proyecto vídeotutorial podremos montarlo no sólo con los vídeos grabados con Camtasia Recorder (.camrec) sino también con varios tipos de archivos multimedia (imágenes, audio y vídeo). El primer paso para poder trabajar con ellos es importarlos, para lo cual debemos tener previamente guardados en una carpeta de nuestro ordenador todos aquellos archivos multimedia que queramos utilizar en nuestro futuro proyecto.

9

Mediante la opción Import media de la Lista de tareas podremos importar desde nuestro ordenador los archivos multimedia añadiéndolos al Clip Bin de Camtasia. El proceso es como sigue:

  • Hacemos clic en Import Media en la Lista de tareas
  • Aparece una cuadro de diálogo donde tendremos que buscar y seleccionar los archivos multimedia guardados en nuestro ordenador que queramos utilizar en nuestro proyecto. Mediante el menú desplegable Tipo, podremos acotar nuestra búsqueda especificando el tipo de archivo.
  • Una vez elegido, hacemos clic en Abrir. Los archivos multimedia se irán incorporando de esta forma al Clip Bin de Camtasia.
  • Cada archivo multimedia o clip incorporado en el clip bin puede ser visualizado (archivos de imágenes y vídeos) y escuchado (archivos de audio) en el Monitor-Reproductor de previsualización mediante doble clic con el botón izquierdo del ratón.
  • Para reproducir o detener la visualización podemos utilizar los controles de reproducción situados bajo el monitor.

Añadir archivos a la línea del tiempo

El paso siguiente para crear nuestro proyecto vídeotutorial es arrastrar mediante el botón izquierdo del ratón desde el Clip bin cada uno de los archivos multimedia hasta la Línea de tiempo. Los iremos colocando en la línea tal como hayamos diseñado nuestro guión instructivo o como lo consideremos más oportuno. Podremos mover los clips a lo largo de la línea de tiempo para ajustar su posición siempre que queramos.

Cortar o Dividir el vídeo

Si necesitamos suprimir alguna sección del vídeo utilizaremos el botón Cut Selection representado mediante el icono de unas tijeras situado en la barra de herramientas sobre la línea de tiempo. Antes tendremos que seleccionar el espacio que queremos suprimir arrastrando la barra de búsqueda representada con un pequeño triángulo verde. El espacio queda subrayado en color azul y pulsaremos el icono de las tijeras para cortarlo.

30

Siempre podremos deshacer o rehacer cualquiera de las acciones que efectuemos mediante los botones Redo y Undo de la barra del menú principal.

Para dividir un vídeo en dos piezas utilizaremos la herramienta Split situada en la barra de herramientas de la línea de tiempo, colocando antes la barra de búsqueda (triángulo verde) en la posición deseada.

31

Transiciones

Las Transiciones son efectos de entrada a las imágenes que añaden fluidez en el paso de un clip a otro en el vídeo producido. Al utilizar las transiciones tenemos que tener en cuenta lo siguiente:

Las transiciones únicamente pueden ser utilizadas en la edición del vídeo a través de la visualización Storyboard.

La duración por defecto de las transiciones es de tres segundos. Podremos cambiar esta duración a través de Tools>Options>Transitions

Las transiciones sólo pueden situarse entre clips, nunca al principio o al final de un vídeo.

32

Para utilizar transiciones procederemos de la siguiente forma:

  • En Task List (Lista de tareas) hacemos clic en Transitions. Las Transiciones aparecerán en el Área de Tareas. Observa que cuando elegimos Transitions la vista de Storyboard se abre automáticamente.
  • Los efectos de transiciones se sitúan en la parte izquierda de la pantalla. Podremos reproducir cada efecto en el Monitor haciendo doble clic en su icono para comprobar su visualización.
  • Elegir una transición con el ratón y arrastrarla sobre el espacio intermedio de dos clips del Storyboard. Repetiremos esta operación eligiendo el efecto de transición que deseemos.
  • Terminaremos la tarea mediante el botón Finished. Automáticamente se vuelve a la vista de Línea de tiempo y comprobaremos que las transiciones han sido añadidas entre los clips del vídeo.

Callouts

Un callout es una imagen o gráfico de color destacado con formas variables que introducen un texto aclaratorio o explicativo que complementa la imagen que estamos viendo. Se usa para llamar la atención de una parte del vídeo o del proceso que se muestra en la pantalla y tienen un alto valor instructivo. Los Callouts se añaden a la Línea de tiempo y cuando se produce el vídeo aparecen incorporados a las imágenes.

camtasia-studio-10

Tenemos que tener en cuenta al utilizar los Callouts que únicamente se visualizan en la Línea de tiempo. Los Callouts pueden tener diferentes formas o estilos e incluso podríamos

personalizarlos cambiando el color, la letra, la opacidad, el tamaño, el texto, etc. Podríamos además crear nuevos Callouts, importando nuestros propios gráficos. Un callout se puede editar siempre que se quiera; podemos situarlo en el punto que queramos de un clip de vídeo en la línea de tiempo mediante el botón izquierdo del ratón; y podemos también alargar o acortar su duración en la línea de tiempo arrastrándolo desde el final de su propia forma con el ratón.

Para utilizar callouts procederemos de la siguiente forma:

  1. Bajo la Lista de Tareas (Task List) hacer clic en Callouts.
  2. Hacer clic en Add Callout en la siguiente pantalla
  3. Se abre la pantalla de tareas de Propiedad de Callout. En la línea de tiempo se sitúa la imagen del callout que podemos colocar en el lugar que deseemos mediante la barra de búsqueda (Triangulo verde).
  1. Desde el menú desplegable de Callout type elegimos la figura que queremos y la seleccionamos con el ratón. La figura se ve ahora en el monitor de vista previa.

Aquí mediante el ratón podremos aumentar o disminuir el tamaño de la forma o colocar el callout sobre la imagen en el lugar que deseemos. Si se quisiera utilizar una nueva figura de nuestro archivo, utilizar el botón Custom Callouts.

  1. Podemos elegir su color en Fill color y su borde en Border color
  2. Si quisiéramos añadir interactividad en el callout utilizaríamos la opción Make Flash Hot Spot. (Esta opción se explicará más adelante)
  3. En el campo Text podemos elegir el tipo de letra, el tamaño, color, posición, etc del texto del callout. Siempre que escribamos el texto podremos visualizarlo a la vez en el Monitor de la derecha.
  4. Más abajo en Properties (Propiedades) podremos utilizar otras características como las de que aparezcan o desaparezcan en el vídeo de forma suave o repentina (Fade in o Fade Out), etc.
  5. Cuando tengamos ya la forma que queremos definitiva, pulsaremos OK, situado en la parte superior derecha de la pantalla de propiedad.
  6. Cada vez que queramos añadir un nuevo callout procederemos de la misma forma. Podemos añadir todos los que queramos. Cada callout añadido aparecerá en el recuadro de datos de los Callouts. Si quisiéramos volver a editar alguno de ellos los seleccionaríamos en el listado con el ratón y se activan opciones como Modify, Copy, Delete, etc.

Zooms

El efecto de zoom nos permite aumentar o disminuir ciertas áreas del vídeo para llamar la atención y permitir al usuario ver acciones y movimientos de la pantalla que son importantes y que de otro modo podrían pasar desapercibidas. La opción de zoom se realiza insertando una clave para hacer la entrada del zoom y otra para la salida del zoom. Estas claves se reflejan en la línea de tiempo como unas marcas que se pueden situar en el punto del vídeo que se desee. Lo normal es que siempre se empleen dos marcas o fotogramas clave, uno para la entrada del zoom o ampliación de la imagen y otro para la salida o vuelta al punto de vista general.

Tendremos que tener en cuenta que la opción de zoom solamente está disponible en la vista de Línea de tiempo. Cuando utilicemos una clave de aumento, podremos elegir su posición, la cantidad de aumento de imagen así como su velocidad. Se pueden añadir tantas claves de zoom como se deseen, modificarlas tantas veces como se quiera, editarlas o borrarlas.

34

Para añadir un zoom a nuestro proyecto procederemos de la siguiente forma:

  1. Hacemos clic en Zoom-n-Pan de la Lista de Tareas y en la siguiente pantalla de trabajo de Zoom-n-Pan se hace clic en Add Zoo-n-Pan Key frame.
  1. Cuando se abre la pantalla de propiedades de Zoom-n-Pan podemos observar que al principio de la Línea de Tiempo se inserta la clave del zoom. Mediante la barra de búsqueda (triángulo verde) colocaremos el punto exacto del vídeo donde situaremos el zoom de entrada.
  1. Observemos que sobre la Línea de tiempo aparece una pequeña pantalla de previsualización de la imagen del vídeo con un rectángulo verde. Este recuadro nos servirá para ajustar el tamaño del zoom de entrada mediante el ratón, arrastrado la línea, y definir en el vídeo cuanto queremos ampliar la imagen. Por otro lado, y gracias al Monitor o reproductor de la derecha podremos comprobar cómo se visualizará realmente. Podremos ajustar la velocidad del zoom en el recuadro Zoom Speed.
  2. Cuando hayamos terminado de definir el zoom, pulsamos OK, en la parte superior de la pantalla y nos aparecerá el cuadro de datos del zoom. Observemos también que en la línea de tiempo nos aparece un pequeño rombo azul que identifica el punto exacto del zoom insertado.
  3. Para insertar el zoom de salida o retorno de la imagen a su tamaño normal procederemos del mismo modo: primero señalaremos mediante la barra de búsqueda (triángulo verde) el punto exacto del vídeo donde queremos que la imagen vuelva a su tamaño original y elegiremos la opción Show entire video en el recuadro de Size.
  4. Para finalizar haremos clic en OK y en la siguiente pantalla en Finished.
  5. Podremos ver el resultado del zoom en el Monitor de previsualización.

Títulos

Mediante la opción Title Clip situado en la Lista de Tareas podremos añadir un texto o un gráfico a nuestro proyecto de vídeo un Título a modo de presentación de presentación. También podremos situar un título para encabezar un capítulo, o incluso al final del vídeo para mostrar los créditos u otra información de relevancia.

La opción de Title clip únicamente se puede utilizar en la vista de Línea de Tiempo. Podemos añadir cuantos títulos queramos y una vez que estos se crean pueden ser editados o incluso borrados.

Tendremos que tener en cuenta que los Títulos pueden ser guardados y exportados como un archivo de imagen (Save frame as) con lo que podrán ser importados en otros proyectos en los que se esté trabajando.

35

Para añadir un Título a la Línea de tiempo hacemos en Title clips en la Lista de Tareas y seguiremos los siguientes pasos:

  1. En la pantalla de tareas de Title clips podemos añadir un título en Title name o dejar el que está por defecto. Este nombre sirve para identificar al archivo de imagen que se genera y no se visualizará en la imagen final.
  2. Podemos utilizar una imagen existente (Background) como fondo, importando el archivo desde nuestro ordenador haciendo clic en el icono de la carpeta. Podemos elegir entre los formatos BMP. GIF, JPG, o PNG.
  3. Podemos usar un fondo de color eligiendo el que más nos guste desde el botón Color
  4. En el cuadro de texto introduciremos el texto que queramos editar mediante las opciones de texto de la parte superior (negrita, color, tamaño, tipo de letra, etc…)
  5. Cuando lo tengamos acabado lo guardamos mediante el botón OK de la parte superior. La imagen del Título quedará almacenada en el Clip Bin bajo el apartado Title Clip.
  6. Para incorporarlo al Proyecto lo arrastramos con el ratón desde el Clip Bin hasta la línea de tiempo donde podemos extender la imagen tanto como segundos queramos que dure.

Grabar la narración de voz y añadirlo al proyecto de vídeo.

Aunque es cierto que a primera vista puede ser más sencillo o rápido grabar un vídeotutorial a la vez que vamos narrando lo que sucede en la pantalla (Opción 1 de arriba), sin embargo para realizar tutoriales más elaborados que implica utilizar más de un vídeoclip, o imágenes, etc, o al menos con un aspecto más profesional o acabado, es recomendable que utilicemos esta segunda opción, es decir grabar la voz una vez que ya tenemos montado y editado todo nuestro proyecto de video

Por tanto, la opción Voice narration situada en la Lista de tareas (Task list) es utilizada para insertar una narración de voz en nuestro vídeotutorial utilizando la reproducción de los clips en la Línea de tiempo como guía y por tanto visualizando las imágenes en el Monitor de vista previa mientras se graba la voz. Esto asegura una perfecta sincronización entre la voz y el vídeo. Una vez que hemos terminado, se creará el clip o archivo de audio de la narración de voz y automáticamente se insertará en la Línea de tiempo en la posición correcta y lugar exacto que habíamos narrado.

Tenemos que tener en cuenta que esta opción está disponible únicamente en la vista de Línea de tiempo. Una vez que la narración se ha creado el archivo de audio se creará en la Línea de tiempo como una pista independiente del vídeo donde podremos ajustar su sonido o editarlo con posterioridad usando la aplicación de Camtasia de Audio Editor.

Guardar el proyecto del vídeotutorial

  • Al finalizar la edición de nuestro vídeotutorial es muy importante guardarlo en una carpeta de nuestro ordenador. El vídeo que acabamos de finalizar y que podemos ver en el Monitor de previsualización NO es el vídeo final que podremos distribuir en un formato compartido para la web. Antes debemos producirlo. Para ello es necesario que previamente el Proyecto que acabamos de finalizar quede guardado mediante la opción Save Project as que podemos elegir en la barra del Menú principal de Camtasia, bajo la opción de En la pantalla siguiente elegiremos la carpeta de nuestro ordenador donde lo vamos a guardar y le daremos un nombre. La extensión del archivo en que queda guardado un proyecto siempre es .camproj.
  • Siempre que tengamos iniciado un proyecto y por cualquier motivo tengamos que dejarlo inacabado, será necesario guardarlo como antes hemos explicado. Cuando queramos reemprender el trabajo abriremos Camtasia Studio y desde File> Open Project, buscaremos mediante el explorador de Windows nuestro archivo o proyecto para poder continuar editándolo.

exportar-project

Producción del vídeotutorial

Cuando definitivamente hemos finalizado de establecer el tiempo y las secuencias de los diferentes vídeos, imágenes, títulos, callouts, transiciones y narración de voz en la línea de tiempo, nuestro proyecto vídeotutorial está preparado para ser distribuido y compartido. Este proceso en la jerga informática se denomina “renderización” que significa la generación de un vídeo reuniendo el audio, el vídeo y las imágenes en un archivo de vídeo basado en la secuencia que hemos establecido en la Línea de tiempo.

camtasia-studio-4

Un aspecto importante en la fase final de realización del vídeo es el formato en el que vamos a producirlo. Existen varios formatos que pueden ser utilizados en Camtasia, pero dado que la finalidad de nuestros videotutoriales es conseguir su mayor difusión en Internet a través de la página web de la Biblioteca, o su publicación dentro de la plataforma de enseñanza en línea, Blackboard, se ha considerado utilizar el formato SWF/FLV de Adobe Flash Player para su publicación en web, o el formato WMV (Windows Media Video) para publicarlo en Blackboard. El primero tiene como ventajas que además de ser el más compatible para verse en diferentes sistemas operativos y navegadores, ocupa poco espacio y su visualización es adecuada para los materiales de formación. El formato WMV es el desarrollado por Microsoft para archivos de vídeo en streaming que permite la visualización del vídeo y escuchar el audio de forma inmediata sin necesidad de tener que descargar los archivos previamente. Los archivos de vídeo WMV son de poco tamaño y pueden ser reproducidos por varios reproductores, aunque el que más se usa es Windows Media Player.

A continuación te dejamos un vídeo realizado en Camtasia:

Wikis (Práctica)

Wikipedia es una enciclopedia escrita de forma colaborativa por sus lectores. Hay mucha gente mejorando Wikipedia constantemente, con cientos de ediciones por hora, que son registradas específicamente en el historial y generalmente en los cambios recientes. Las ediciones que consisten en vandalismo o disparates son revertidas rápidamente.

En nuestra clase de “informática aplicada a la educación”, como actividad y evidencia, se llevó a cabo la siguiente:

Primero, ingresa a la página principal de Wikipedia y seleccionas el idioma con el que deseas leer el texto (da clic en las imágenes para verlas más grande).

capture-20141116-022126

Una vez que ingresas a wikipedia, deberás registrarte para poder publicar tu artículo.capture-20141116-023451

Deberás llenar estos requisitos para obtener tu cuenta en wikipedia.capture-20141116-023929

Una vez que hayas ingresado a tu nueva cuenta de wikipedia, deberás dar clic donde aparece el nombre de tu usuario, como se muestra en la imagen.capture-20141116-025035

Ya estando adentro, para poder hacer tu primera publicación, da clic donde dice “crear”.

capture-20141116-025610

Te abrirá una página donde aparecerá un recuadro, ahí colocaras tu información, en la parte superior viene una barra de opciones para editar el artículo, como letras en negrita, cursiva, agregar firma y fecha, enlaces, archivo incrustado, referencias, opciones avanzadas, caracteres especiales y citas.

capture-20141116-030736

 Una vez que ya leíste los lineamientos para publicar, agrega tu texto haciendo las adecuaciones necesarias, como poner el título en negritas, algunas palabras en cursiva, agregar las citas y referencias, etc.

capture-20141116-033606

Cuando ya esté listo tu artículo, en la parte de abajo aparecen más opciones, da clic en “mostrar pre-visualización” para checar cómo se verá tu página antes de publicar, y si no te agrada, poder hacer cambios antes de publicarlo.

capture-20141116-033925

Una vez que hayas verificado la pre-visualización y te haya gustado, da clic en “guardar página” para publicarla.

esfgsdfgdfg

Y listo, tienes tu artículo publicado en wikipedia.

ultimo

En Wikipedia también puedes agregar archivos multimedia, en clase nosotros agregamos una imagen a wikipedia.

A continuación te mencionamos como se realiza:

En Wikipedia, no es posible mostrar imágenes de Internet enlazándolas directamente desde el sitio donde se encuentran. Esta funcionalidad, frecuentemente utilizada en algunas páginas web, está deshabilitada por varias razones:

  • Es una práctica considerada como «leeching», ya que a los administradores del sitio que alberga la imagen podría disgustarles esa nueva ubicación.
  • Facilitaría a los vándalos exponer imágenes inapropiadas o provenientes de sitios chocantes.
  • Permitiría introducir imágenes u otros formatos multimedia con derechos de autor, sin haber obtenido una licencia libre aceptable.
  • Se aumentaría el uso del ancho de banda del sitio que la alberga, aunque sus administradores no lo hayan previsto.
  • Las imágenes podrían desaparecer o ser reemplazadas por otras de forma imprevista.

Si deseas incluir imágenes u otros recursos multimedia en Wikipedia, necesitarás primero subirlo a Commons para después enlazarlos en los artículos.

Todos los proyectos de la Fundación Wikimedia (como la Wikipedia en español) cuentan con un repositorio común de archivos multimedia (ya sea imágenes, audio y vídeo, documentos, entre otros) llamado Wikimedia Commons, abreviado simplemente Commons.

Wikimedia_Commons (1)

De acuerdo con la política vigente referente al uso de imágenes y archivos multimedia, en la Wikipedia en español sólo pueden utilizarse archivos almacenados en Wikimedia Commons.

Recuerda que en Wikimedia Commons solo se permiten archivos con licencias libres (como Creative Commons en sus variantes CC-BY y CC-BY-SA, Licencia Arte Libre o dominio público). La mayoría de las imágenes y recursos de otros sitios web de Internet no son libres (si no indican nada, se consideran «Todos los derechos reservados»), por lo que no sirven para Wikipedia (y si los subes, serán borrados). Las fotografías que tomes con tu cámara, o los recursos de audio y vídeo que grabes por ti mismo, sí sirven, siempre que decidas publicarlos con una de las licencias mencionadas anteriormente.

Subir archivos multimedia a Commons

Antes de subir archivos allí, necesitas registrarte o crear una cuenta en Commons. Si la interfaz está en inglés, puedes cambiarla al español accediendo a tus preferencias (preferences), donde verás una casilla llamada «Interface language:» donde puedes elegir, entre otros, es – Español.

800px-UploadWizard_wlm-es_-_1

  • Una vez registrado, usa el enlace «Subir archivo» que está en el cuadro de herramientas de la izquierda.
  • Sigue las instrucciones detalladamente. Luego, con el botón «Examinar» (Browse) encuentra el archivo que quieres cargar en el servidor desde el disco duro de tu ordenador. Esto abrirá un cuadro de diálogo para «Seleccionar archivo» (Choose File).
  • Cuando hayas encontrado el archivo, selecciona «Abrir» (Open), con lo que se seleccionará el archivo y se cerrará el cuadro de diálogo «Seleccionar archivo».
  • Llena los datos del formulario adecuadamente y luego pulsa el botón «Subir archivo». El archivo comenzará a transferirse. Esto puede llevar algún tiempo, dependiendo del tamaño del archivo y de la velocidad de la conexión.
  • Cuando la transferencia se complete con éxito, aparecerá un mensaje notificándolo.

450px-Licensing_tutorial_es.svg

Incluir una imagen en un artículo
Edita el artículo correspondiente y crea el siguiente enlace:

[[Archivo:Nombre_del_archivo|Descripción.]]

Puedes hacerlo con el botón Archivo empotrado que aparece en la barra de botones que está encima de la caja de edición (aunque es posible que no aparezca en tu navegador). Selecciona el nombre del archivo y la descripción —separados por una barra vertical | — y pulsa el botón. Escribirá [[Archivo: adelante y ]] detrás.

«Nombre_del_archivo» es el nombre que tiene la imagen incluyendo su extensión, la cual se usa para indicar el formato de la imagen agregada (.jpg, .png, etc.).

La «Descripción» debería contener una breve descripción de la imagen, o un epígrafe.

Sólo falta refrescar la página correspondiente para comprobar el enlace. Recuerda respetar las mayúsculas y minúsculas en el enlace de la imagen.

Nota: Por el simple hecho de usar una imagen de Commons, se creará una página de descripción virtual de la imagen.

Opciones de presentación

La anterior sintaxis es la básica para mostrar una imagen tal cual en un artículo. La siguiente sintaxis da más posibilidades y es compatible con la anterior:

[[Archivo:Nombre_del_archivo|<opciones>]]
Donde «<opciones>» puede ser ninguno, o varios parámetros de los indicados a continuación, siempre separados por barras verticales «|»:

Ejemplos de conceptos para darle formato a nuestra imagen:

Formato thumbthumbnail Genera una imagen en miniatura enmarcada–thumbnail–, alineada a la derecha a menos que se especifique una «alineación».Tiene el tamaño prefijado en las preferencias del usuario (predeterminado en 220px) si no se específica dicho «tamaño».Tiene la «descripción» al pie y muestra además un icono de aumento.
marcoframe , framed Ubica la imagen en un marco o frame con su «descripción» al pie.Se usará el tamaño original de la imagen y sin poder alterarlo.
borderborde Añade un borde de color gris claro, sin «descripción» al pie.Se usará el tamaño original si no se especifica dicho «tamaño».
frameless Genera una miniatura con el tamaño prefijado en las preferencias del usuario (predeterminado en 220px) si no se especifica dicho «tamaño».No añade borde ni «descripción» al pie. Flotará a la izquierda si no se especifica una «alineación».
  Si se deja en blanco, la imagen no tendrá ningún formato en particular, y fluirá en torno al texto –a menos que se especifique alguna «alineación»–.Si tampoco se le indica ningún «tamaño», la imagen tomará su tamaño real.
alineación derecha , dcharight Modifica la posición de la imagen para que flote a la derecha –el texto queda a su izquierda–.
izquierda , izdaleft Modifica la posición de la imagen para que flote a la izquierda –el texto queda a su derecha–.
none Modifica la posición de la imagen para que esta no flote –el texto quedará arriba y abajo de ella, pero no a sus lados–.
centro , centrar,centradocenter , centre Igual que none, pero deja la imagen alineada en el centro.
  Si se deja en blanco, la imagen tomará la posición por defecto que le indique el parámetro de «formato» marcado.Si tampoco se seleccionó ningún «formato», la imagen fluirá en torno al texto.
tamaño <número>px Se debe especificar un número de píxeles para que la imagen tome un tamaño de ancho determinado, por ejemplo así: 75px
x<número>px Añadiendo una letra x antes del tamaño, se fuerza a que la página reconozca dicho valor como tamaño de alto y no de ancho de la imagen. Téngase en cuenta que no es posible especificar ambos (ancho y alto); en esos casos, el software da prioridad al ancho para mantener la proporción.
  Si no se especifica nada, el tamaño dependerá del «formato» elegido.
Si tampoco se selecciona ningún «formato», entonces la imagen tomará su tamaño original.

Skype (Práctica)

Skype, permite una comunicación gratuita por texto, voz o vídeo entre dos usuarios de Skype con computadores personales conectados a Internet.  Requiere registro y aceptación de las condiciones del servicio, sin costo.

En la clase practica se aprendió como utilizar este programa para usos educativos, ya que a través de el se pueden dar tutorias sobre algún tema en el cual se tenga dudas.

A continuación se mencionaran los pasos para crear una cuenta en Skype:

  • Se ingresa a la página de Skype.

1

  • Se da clic en Crear una cuenta, también  se puede acceder a través de tu cuenta de  Facebook, pero nosotros iniciaremos el registro.

2

  • Se llenan los datos.

3

  • Se ingresa la clave que envían ya sea por SMS o correo.
  • Se da aceptar y se crea tu cuenta.

4

  • Después de hacer todo lo anterior, se baja la aplicación y se ejecuta dentro de tu computadora o dispositivo móvil.

A continuación te mostramos unas capturas de pantalla de una videollamada realizada con Skype.

skype llamada 1

skype llamada

Taller/Prácticas

Este apartado tiene la finalidad de que tú conozcas los usos prácticos que se les pueden dar a las herramientas informáticas  que te presentamos en este blog en la educación.

metodologia_tics11

Conoce algunas actividades realizadas durante el curso de “Informática aplicada a la Educación” con las herramientas informáticas que te presentamos en el blog:

  • Camtasia 

  • Hot Potatoes

  • Prezi

  • Skype

  • Wikis

Herramientas Informáticas

Imagen1

Las herramientas informáticas (tools, en inglés), son programas, aplicaciones o simplemente instrucciones usadas para efectuar otras tareas de modo más sencillo.

En un sentido amplio del término, podemos decir que una herramienta es cualquier programa o instrucción que facilita una tarea, pero también podríamos hablar del hardware o accesorios como herramientas.

Es muy importante usar las herramientas adecuadas para cada tarea. En ese aspecto cada herramienta se crea y diseña para una o varias funciones determinadas, y por tanto podemos hablar de muy diversos tipos de herramientas informáticas según el campo al que se dediquen. Tenemos así herramientas de sistema, de limpieza, generales, ortográficas, de gestión, de mantenimiento, herramientas web, de programación, de desarrollo, de seguridad, ofimáticas, de edición, etcétera.

Por ultimo en este blog se abordaran los programas de Camtasia, Skype, Prezi, Hot Potatoes y Wikis,  que son implementados dentro del ámbito educativo.

 

Tutorial de Camtasia Studios 8 (Básico)

 

  • Abrimos el Camtasia Studio. Nos aparecerá una ventanita automáticamente que tiene 4 botones grandes.
  • Elegimos «Record this screen».
  • Nos aparece una ventanita.
  • Si queremos que nos tome pantalla completa tocamos donde dice «Full Screen», Si no tocamos el botón que dice «Custom», nos aparece un cuadrado con lineas verdes cortadas con 8 puntas.
  • Elegimos el lugar donde queremos grabar y tocamos REC.
  • Nos aparece un cartel que cuenta 3 segundos(te avisa que en 3 segundos empieza a grabar).
  • Cuando ya terminamos de grabar apretamos F10. Nos salta un cartel grande con el video echo.
  • Tocamos EDIT.
  • Otra ventana tipo «Windows Movie Maker» que le podes dar efectos y todo. En «Preset» buscamos «Youtube» y clikeamos en OK. Editamos el video(esta parte queda en ustedes porque yo se poco y nada de edit).
  • Vamos a «File > Produce video as…» y nos aparecerán opciones para donde lo colocara.
  • Ponemos Youtube y damos siguiente.
  • Siguiente ventana, dejamos todo como dice la screen pero le cambiamos el nombre donde dice «Production name».
  • Le damos a siguiente, dice una par de detalles del vídeo. Tocamos Finalizar.
  • Cerramos todo, nos va a decir si queremos guardar el proyecto (a gusto, yo siempre le pongo que no). Vamos a «Mis documentos > Camtasia Studio» depende con el nombre que la hayas guardado va a estar ahí.

 

https://www.youtube.com/watch?v=uk6M8HbUsKk

Prezi

1024px-Prezi_logo_transparent_2012.svg

Prezi se utiliza como plataforma puente entre la información lineal y la no lineal, y como una herramienta de presentación de intercambio de ideas, ya sea de manera libre o bien estructurada. El texto, las imágenes, los vídeos y otros medios de presentación se ponen encima del lienzo y se pueden agrupar en marcos. Después, el usuario designará la medida y la posición entre todos los objetos de la presentación y como se hace el desplazamiento entre estos objetos, así como la ampliación/alejamiento. Para las presentaciones lineales, el usuario puede construir una ruta de navegación prescrita.

Funciones

  • Asegura el impacto verbal del contenido. Con la facilidad de importar imágenes, mapas, documentos PDF y la experiencia cinematográfica de la función de “zoom”, las personas sentirán como si se transportarán al “mundo” que hayas diseñado.
  • Es una pizarra interactiva amigable. Es interesante ofrecer estas presentaciones a los jóvenes a través del iPad, pues pueden prestar especial atención con la navegación táctil.
  • Puede mantener el dominio público en la Internet para que las personas revisen todo el material desde donde quieran.
  • Es una gran herramienta para las sesiones interactivas en clase o proyectos de grupo. Los estudiantes pueden colaborar en tiempo real (hasta un máximo de 10) en el aula o en casa.

Características

Una principal característica de Prezi es la posibilidad de organizar la información en forma de un esquema y exponerlo con libertad sin la secuencia de diapositivas. De manera que el conferenciante o quien consulta una presentación en Prezi puede acceder a cualquier contenido con solo hacer clic. Se puede navegar por la presentación que es en realidad un solo frame de 3 dimensiones desde la vista general, ampliando o reduciendo la vista, o desplazando el lienzo. Los efectos visuales deben estar supeditados a una correcta narrativa.

Prezi permite trabajar on-line con todas sus herramientas de forma gratuita, pero hay varias modalidades de pago que permiten ocultar los trabajos on-line y protegerlos, y ofrecen más capacidad de almacenamiento que la versión gratuita.

Ventajas

  • Es una forma más dinámica y más didáctica de crear presentaciones  ya sea en linea o cuando no se cuenta con una conexión a internet.
  • A los espectadores se les hace más interesante esta herramienta  ya que cuenta con movimientos gratos a la vista.
  • Dentro de las presentaciones podemos reproducir vídeos dentro de las mismas presentaciones en donde estos se reproducirán automáticamente.
  • No es necesario tener instalado el programa en la computadora ya que se pueden crear presentaciones en la red.
  • Gratuito.

Desventajas

  • Es un programa un poco complicado de entender al principio por las múltiples funciones que este nos brinda.
  • Para la reproducción de la presentación es necesario contar con Adobe Reader, y algunas computadoras no cuentan con este programa y eso puede ser un poco complicado con el trato del programa.
  • Es un programa que para crear las presentaciones.
  • SI  es necesario el uso de internet.

Utilidad en el área educativa

  • El utilizar el Prezi en el aula de clase ayuda mucho a los alumnos a hacer presentaciones de mejor calidad que el Power point, en dicha herramienta puedes agregar documentales, vídeos, imágenes, textos y archivos.
  • El uso del prezi es un avance muy importante para las presentaciones, dicha herramienta provoca una mayor participación de los alumnos con un mayor y mejor interés por los temas de las asignaturas trabajadas.
  • La clase es más dinámica y motivadora para los estudiantes.

Prezi-640x300

Pero incluso las Prezi pueden parecerse unas a otras, por lo que es necesario dar un paso más y ofrecer un enfoque creativo y profesional que pueda transmitirse.

Tutorial