Subir actividades lim y ardora en tu blog
Upcoming SlideShare
Loading in...5
×
 

Subir actividades lim y ardora en tu blog

on

  • 5,159 views

 

Statistics

Views

Total Views
5,159
Views on SlideShare
5,131
Embed Views
28

Actions

Likes
1
Downloads
76
Comments
0

6 Embeds 28

http://mantotic.blogspot.com.ar 19
http://www23.jimdo.com 3
http://www.mantotic.blogspot.com.ar 3
http://www.slideshare.net 1
http://mantotic.blogspot.com 1
http://mantotic.blogspot.mx 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Subir actividades lim y ardora en tu blog Subir actividades lim y ardora en tu blog Document Transcript

    • Espacio web gratuito para docentes Los docentes que nos preocupamos por incorporar las Nuevas Tecnologías anuestro trabajo diario contamos con espacios web gratuitos que nos proporcionangeneralmente las Consejerías de Educación. También disponemos de otras websgratuitas que nos dan espacio para guardar y compartir archivos, pero en la mayoría deestas webs, no podemos enlazar nuestros archivos para incorporarlos, por ejemplo, anuestros blogs en forma de actividades interactivas y multimedia, o para ofrecerloscomo descarga, o para mostrarlos en un navegador como página web, pero hay unaexcepción: Dropbox. Para estos casos, tenemos que recurrir a espacios web dondepodamos guardar y enlazar directamente los archivos, y esto es posible en los espaciosweb oficiales del ITE (antiguo CNICE) y en EducaMadrid.1. Actividades interactivas en los blogsConforme los blogs se van consolidando en el ámbito de la enseñanza y sus autores vanadquiriendo destreza en su manejo, va surgiendo la necesidad de incluir actividadesinteractivas y multimedia en esos blogs. Las actividades interactivas se suelen realizarcon aplicaciones de escritorio, tales como HotPotatoes o LIM, que producen archivos deHTML, Flash, JavaScript o Java, y que después hay que incrustar en el blog, aunquetambién se pueden enlazar simplemente. Pero para ello, los archivos creados hay quetransferirlos al espacio web del servidor, a veces con progrmas de FTP, como se verámás adelante. En este blog he publicado varios artículos sobre este tipo de actividades,que se pueden ver en la etiqueta de recursos.Otra forma más sencilla de incrustar actividades en el blog consiste en crearlas enservicios web que permiten el alojamiento de los archivos creados, con lo cual sólotenemos que incluir en nuestro blog el código que nos proporcionan para ello. En miartículo Cómo crear un test en la web ESLvideo.com se muestra esa posibilidad, ytambién existen otros servicios de este tipo tales como My Studiyo, donde se creanactividades tipo test con elementos multimedia, y Voki, donde podemos crear un avatarparlante para nuestro blog.2. Espacio web del ITE (antiguo CNICE) El Isftic es un servicio del Ministerio de Educaciónespañol que recoge todo lo relativo a las Nuevas Tecnologías en la educación. En éldisponemos los docentes de un espacio web suficiente para publicar páginas web, y portanto para guardar archivos que podemos enlazar y mostrar en un navegador. Paraconseguirlo, hay una página de Petición de cuenta gratuita para profesores con unarchivo PDF para solicitar la cuenta.Una vez que dispongamos de una cuenta en un servidor, podemos transferir los archivos
    • al disco duro del servidor. Existen varios programas FTP gratuitos para transferirarchivos a un servidor, y en la Web hay muchos tutoriales para aprender a manejar estetipo de aplicaciones, pero aquí voy a dar unas nociones mínimas que puedan ser deutilidad. Dos son los programas que vamos a ver: gFTP para Linux y Filezilla paraWindows (también existe para Linux). En ambos programas el procedimiento que hayque seguir es el mismo. Veámoslo primero en la aplicación gFTP, cuya interfaz semuestra en la siguiente imagen, que se puede ver ampliada con un doble clic: Cuando abrimos gFTP,en la parte superior tenemos tres campos de texto que hay que rellenar: 1. Servidor: es el nombre del servidor web donde tenemos nuestro espacio web. En mi caso, mi cuenta es fresno.pntic.mec.es. Hay que decir que desde hace un tiempo, ya no se puede usar "cnice" en la URL de la cuenta; ahora hay que sustituirlo por "pntic". 2. Usuario: es nuestro nombre de usuario para acceder a ese servidor. En mi caso, avaler3. 3. Contraseña: es la contraseña asociada al nombre de usuario. En mi caso, no lo digo.Después, se pulsa la tecla Intro y aparece, a la izquierda de la ventana, las carpetas ylos archivos de nuestro disco duro, y a la derecha, las carpetas del servidor. Ennuestro disco duro vamos a buscar la carpeta donde está nuestra página. La ruta apareceen el cuadro de texto de la lista desplegable que hay en la parte superior. Cuandotengamos a la vista nuestros archivos, los marcamos con un clic del ratón mientrasmantenemos apretada la tecla de mayúsculas. A continuación los transferimos alservidor apretando el botón que tiene la flecha dirigida hacia la derecha y que estásituado en el panel central, entre las dos ventanas. Si queremos realizar alguna acciónsobre un archivo o carpeta, pulsamos el botón derecho del ratón encima y aparece unmenú de opciones.La sección derecha de la ventana presenta la ubicación de los archivos transferidos en elservidor remoto, el ordenador donde se va a alojar nuestra página. Antes de transferirlos archivos quizá haya que crear una nueva carpeta, según las condiciones que impongacada servidor. Desde esta sección también se pueden copiar los archivos a nuestro discoduro, borrarlos y cambiar sus nombres, entre otras opciones.Lo mismo se puede decir para el programa Filezilla, con la peculiaridad de que losarchivos se pueden arrastrar con el ratón desde una ventana a la otra. Aquí tenemos suinterfaz, muy similar a la de gFTP:
    • 3. Espacio web de EducaMadrid El portal EducaMadrid pertenece a la Consejería de Educación de laComunidad de Madrid, y en él los docentes madrileños tenemos un espacio web de 5GB. Para conseguir nuestra cuenta en este portal, tenemos que acudir al coordinadorTIC de nuestro centro, que deberá seguir el Procedimiento para dar de alta a usuarios enEducaMadrid. Cuando tengamos nuestra cuenta, ya podremos utilizar el portal, quedispone de un wiki de ayuda, donde nos explican cómo usar el directorio de ficheros. Eneste directorio guardaremos todos nuestros archivos que no excedan los 10 Mb. Laventaja que tiene este procedimiento es que no hace falta utilizar un programa de FTPpara transferir los archivos.Para llegar al directorio de ficheros de la versión 5 de EducaMadrid sólo hay queentrar en nuestra cuenta de EducaMadrid, y hacemos clic en el menú de la parte superiorderecha que lleva por título nuestro nombre de usuario:Entonces, elegimos la opción del directorio de ficheros. Si no apareciera esa opción alprincipio, hay que elegir alguna de las opciones de Mis espacios web para tener el
    • menú de la imagen superior. Y después tendremos que hacer clic en el menúdesplegable Mostrar/Ocultar carpetas, que aparece a la izquierda, y debajo del cualveremos nuestras carpetas ya creadas, como se ve en la imagen superior, ampliable conun clic.Para saber la dirección URL de los archivos o ficheros guardados en las carpetas, deforma que podamos enlazarlos o insertarlos en el blog, tenemos que hacer clic con elbotón derecho del ratón encima del nombre de ese archivo, y escogemos la opciónCopiar acceso directo (en el navegador el Internet explorer) o en Copiar la ruta delenlace (en Firefox). Y así podremos pegar después la ruta o URL en un enlace quehagamos para que lo vean los demás. También podemos hacer clic en el enlace delnombre del fichero para que se abra en una ventana del navegador, y allí veremos suURL en la barra de direcciones.José Mª Campo ha creado un videotutorial en su blog Roa Multimedia explicando elfuncionamiento del Directorio de ficheros.4. Incrustar el archivo en el blogEn cuanto haya guardado mis archivos en mi espacio web, los puedo incrustar mi blogde forma que aparezcan en un marco o iframe. Para ello tengo que realizar dos pasos: 1. Apunto o copio la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos el archivo como página web normal. 2. Lo incorporo a mi blog mediante la etiqueta iframe. El texto siguiente, con los cambios necesarios, hay que insertarlo en el código fuente del texto: hacemos clic en la pestana Edición de HTML del editor de Blogger, y ahí lo pegamos donde deseemos que aparezca:<div align="center"><iframe src="http://ruta_mi_servidor/jquiz.htm" frameborder="0"height="500" width="500" scrolling="auto"></iframe></div>En este texto vemos los atributos de la etiqueta iframe, es decir los parámetros de dichaetiqueta, que están colocados dentro de la etiqueta de apertura: 1. src: es la ruta o URL de donde se encuentra guardado el archivo jquiz.htm del test en otro servidor. 2. frameborder: es la anchura del borde del marco expresado en píxeles. 3. height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca que el test está incrustado en el blog. 4. width: es la anchura del marco. Hay que tener cuidado de no poner una anchura que sobrepase los 500 píxeles, pues el marco podría invadir el lateral del blog. 5. scrolling: es la barra de desplazamiento. Escribimos auto para que la barra aparezca automáticamente cuando sea necesario. Si escribimos yes, la barra aparecerá siempre, y si ponemos no, no aparecerá nunca. En este último caso, hay que impedir que el test se esconda por debajo del marco y el usuario no pueda verlo entero. 6. No hay que olvidarse de las comillas y de cerrar el iframe con su etiqueta de cierre, que incluye una barra.
    • 7. En texto azul he incluido la etiqueta div y el atributo align para centrar el marco en la página, aunque no es necesario. No hay que olvidar el div de cierre. Con este código podemos centrar cualquier elemento de la página.Ejercicios con LIM en Blogger En el artículo anterior de este blog hice una rápida introducción a HotPotatoes y expliqué cómo incorporar en nuestro blog de Blogger un ejercicio creado condicha aplicación. Parte de esa explicación también vale para la inclusión de ejercicioselaborados con la aplicación Libros Interactivo Multimedia (LIM), creada por FranMacías, con la que resulta muy sencillo elaborar muchos tipos de tests o ejerciciosinteractivos, que luego podemos insertar en nuestro blog con la etiqueta iframe, comoya vimos en el caso de los ejercicios de Hot Potatoes. Igual que en el artículo anterior,voy a escribir una rápida introducción sobre cómo hacer un sencillo ejercicio con LIM ycómo incluirlo en nuestro blog.1. Cómo empezar con LIMLIM se descarga de la página web del programa, donde hay versiones para idiomasdistintos. Sólo funciona bajo Windows, pero Fran Macías se está esforzando por hacertambién una versión para Linux que espero consiga pronto. Hot Potatoes se basa enJavaScript para conseguir la interactividad, pero LIM utiliza la tecnología Flash y ellenguaje XML para ello, lo que resulta muy práctico y eficaz, y con ello se logra unabuena organización de los distintos elementos que componen los ejercicios. LIM no necesita instalación, puesincluye todos los archivos necesarios en la carpeta descargada, edilim, que aparece en laimagen superior una vez descomprimida. Sólo hay que hacer doble clic en el iconoedilim v2.40 y salta el programa. El archivo edilim.htm es una guía muy útil paraconocer esta aplicación y las variadas actividades que se pueden crear con ella.2. Un ejercicio sencillo con EdilimEn el blog El camarote de Idiomas he publicado un sencillo ejercicio elaborado conedilim. Valga como primer ejemplo. Pero ahora vamos a crear otro ejercicio in situ.Aquí tenemos una imagen de la interfaz de edilim, que se verá más amplia si se haceclic en ella y se abre en otra pestaña o ventana para seguir mejor la explicación:
    • Para crear un ejercicio tenemos que seguir los siguientes pasos: 1. Primero hacemos clic en el icono del libro, arriba a la izquierda, para crear un ejercicio nuevo. 2. En la nueva interfaz, la de la imagen superior, hay que especificar el Directorio de recursos escribiendo la ruta o buscándolo en el disco duro después de hacer clic en el icono que está a la derecha del campo de texto. Previamente hay que crear una carpeta para la actividad, donde se alojarán los archivos utilizados en esa actividad, tales como imágenes, y los archivos creados por el programa. Esos recursos se verán en el panel izquierdo. 3. Debajo de ese campo de texto, escribimos el nombre del libro, que será el principal archivo del libro, es decir, del contenedor que incluya todos los ejercicios de una misma actividad. En nuestro caso sólo vamos a crear uno. 4. En la parte derecha hay otros campos que podemos rellenar con datos sobre el libro, con los colores del diseño, y con el texto que aparecerá si las respuestas son correctas o no. 5. Ahora ya podemos elegir el tipo de ejercicio que vamos a elaborar, y para ello hacemos clic en la opción Páginas del menú superior. Aquí hay un montón de ejercicios:
    • En la página web de LIM podemos aprender a utilizar todas estas opciones, además deen el Tutorial 1 sobre Libros Edilim, de Jesús Serrano, que también está en SlideShare.Y Javier Escajedo ha realizado un videotutorial: Taller LIM. Yo ahora voy a crear unasopa de letras para ver si conocéis algunos anglicismos que se utilizan mucho eninternet. Así que hago clic en el icono correspondiente: el tercero de la primeracolumna, y relleno los campos de texto que me permitirán crear la sopa, a los que añadola opción (abajo a la derecha) para que se vean los enunciados. (Las palabras hay queescribirlas con minúsculas, pues las de relleno también lo son.) Así queda la cosa, perono veáis las soluciones, que eso es trampa :-)
    • Ya tenemos hecha la sopade letras. Ahora a comer. Para ello seguimos los siguientes pasos que podemos ver enesta imagen: 1. Hacemos clic en la opción Guardar del menú superior y guardamos el archivo del ejercicio (en mi caso sopa.lim) en la carpeta elegida. 2. A continuación hacemos clic en la opción Exportar del menú superior, y aparece una nueva interfaz. Allí especificamos el Directorio de destino, que recomendamos sea la misma carpeta que hemos especificado para los recursos. Cuidado con las carpetas, que suele dar problemas debido a despistes; lo sé por experiencia propia. 3. Después escribimos el directorio de recursos, que no es obligatorio. 4. Lo importante es activar la casilla HTML, hecho lo cual aparece el nombre del archivo HTML que incluye el ejercicio y que enlazaremos luego en el blog. En mi caso, el archivo se llama sopa.html. 5. Ahora sólo tenemos que hacer clic en el icono Publicar de la parte inferior, y ya está exportado el ejercicio a HTML. Si queremos ver cómo queda, hacemos clic
    • en el icono Vista previa, y se abrirá el navegador de internet con el ejercicio acabado y listo para ejecutarse. Bonito, ¿verdad?3. Incluir el ejercicio en el blogPara la inclusión de la sopa de letras en el blog, tenemos que guardar en un servidorexterno a Blogger los tres archivos creados por el programa, y también todos losarchivos multimedia que hayamos utilizado. Sobre este asunto, conviene leer elartículo de mi blog Espacio web gratuito para docentes, donde explico las posibilidadesque hay. En mi caso tengo que transferir vía FTP los archivos sopa.swf, sopa.html ylim.lim. El primero es el archivo de configuración del ejercicio, el segundo es el archivoHTML al que hemos exportado el ejercicio, y el tercero es el que permite que elejercicio funcione con tecnología Flash. En Windows, estos archivos aparecen sin laextensión de tres letras que va después del punto, pero se los reconoce por el icono: Una vez hecho esto, tenemos que incluir en el artículo denuestro blog el siguiente código, cuyos atributos explico en la sección 5 de mi artículoantes citado, donde también aviso, en la sección 6, de una pega sobre el editor deBlogger respecto a la etiqueta iframe, que es la que nos sirve para incorporar elejercicio. Lo más importante es escribir en el atributo src la ruta de donde hemosguardado el archivo de HTML, en el que exportamos el ejercicio LIM.<div align="center"><iframe src="http://ruta_mi_servidor/sopa.html" frameborder="0"height="500" width="500" scrolling="auto"></iframe></div>Por fin aquí tenemos ya la sopa. El procedimiento parece largo, pero en realidad todoesto se puede hacer en diez minutos. Ahora toca hacer la sopa de letras. Suerte.