martes, 5 de noviembre de 2013

Aprende el manejo de Weebly y Hot potatoes

Herramientas tecnológicas

A continuación encontraras una descripción de dos herramientas tecnológicas  y sus pasos para elaborar diferentes materiales educativos, estos cuentan cada uno con su vídeo tutorial, el cual te servirá para aclara tus dudas. 



Es una herramienta que permite la creación de páginas web en línea de manera gratuita.
Para su elaboración se deben  llevar a cabo los siguientes pasos:
·         
  •      Primero debes crear tu cuenta y registrarte en weebly, para ello debes  ingresar los siguientes datos.

Nombre completo, correo electrónico y contraseña.

  •       Segundo, debes continuar ingresando el titulo que deseas que tenga tu pagina web y determinar el tipo de sitio y le damos continuar.



  •     Tercero, le das elegir al tema o la plantilla que deseas que tu blog o pagina web tengan.


    
  •     Cuarto, debes determinar la dirección que le desees poner a tu sitio web y le das continuar.





  •     Quinto, ya puedes empezar a utilizar tu sitio web, editándolo con tu estilo.






  •      Sexto, puedes utilizar los siguientes componentes los cuales encontraras en la parte superior izquierda de tu pantalla.




  •    Componentes básicos: Agregar texto, imágenes, videos y otros contenidos.
  •   Componentes multimedia: Audio, documentos, youtube, flash, archivo.
  •   Componentes de comercio: productos, google adsense.
  •   Entre otros componentes.                                                                                      

  • Para agregar cada una de los anteriores componentes debe arrastrar este  al interior de la página donde lo desee visualizar.

  •  Séptimo, en la parte superior encontraras las siguientes pestañas, construir, diseño, paginas, configuración.





  •       Construir: esta pestaña nos permite agregar diferentes componentes que se mencionaron en el punto anterior.
  •       Diseño: esta pestaña te brinda la opción de cambiar el color de tu plantilla y agregar algunas características.
  •      Editar imágenes: todos los temas que incluyen imagen de cabecera en la parte superior de la página, esta la puedes editar y escoger la que quieras, para ello va a la imagen  y haz clic en el botón editar.
  •     Paginas: permite añadir diferentes páginas, dándote la opción de escoger el diseño que necesites y el nombre que desees.
  •      Configuración: esta te permite tener la configuración de tu página web teniendo la opción de modificar algunos aspectos. 

             Vídeo tutorial








Hot potatoes 6


Es un software libre que permite instalar en un solo programa una variedad de herramientas que sirven para la creación de ejercicios interactivos de tipo página weby de diferentes 
modalidades. los ejercicios generados son páginas web estándar que utilizan código XHML


1.1 para la visualización y Java Script para la interactividad, pero esto no quiere decir que necesitamos ser expertos programadores para poder utilizar este programa, lo que debemos hacer es introducir datos, textos, preguntas, respuestas, etc., y ya los programas crearan automáticamente las páginas web.


Estos programas vienen pre instalados en los navegadores modernos, pero en caso de no lograr visualizarla, los pueden descargar con facilidad, ya que son libres igualmente.
Para empezar a usar hot potatoes lo primero que debes hacer es descargar este programa en tu ordenador, este programa es de uso libre mientras que la plataforma hotpotatoes.net no lo es, pero sí tiene la posibilidad de crear una cuenta demo gratuita para estudiar su funcionamiento y utilidad. Esta cuenta demo es plenamente operativa pero tiene un límite funcional de tiempo.
Después de descargar el programa e instalarlo en tu pregrado nuestra página de inicio es:



Es esta interfaz podemos observar cinco papas, cada una es una herramienta diferente que permite crear determinada actividad, lo primero que vamos a conocer es que función cumple cada una de estas papas:

JQuiz: ejercicios basados en preguntas
Esta herramienta cuenta con diferentes opciones de preguntas: preguntas de respuestas múltiples, preguntas de respuestas cortas, preguntas híbridas que son la combinación de estas dos primeras  y  multi-selección. El número de preguntas es ilimitado.

Jcloze: ejercicios de rellenar huecos: esta herramienta se puede utilizar para el trabajo con texto o frases, donde se selecciones varias palabras faltantes que deben ser ingresadas por el usuario.

Jmatch: ejercicios de emparejamientos, como su nombre lo dice esta herramienta consiste en realizar apareamientos, uniones de una columna a otra, es posible usar imágenes.

Jmix: ejercicios para desordenar palabras o frases.

Jcross: crucigramas.

The Masher: para crear unidades enlazadas a partir de diferentes ejercicios.

Todas estas herramientas tienen una interfaz principal como esta (imagen abajo), en ella podemos ver tres barras de herramientas, donde encontramos funciones generales sobre el ejercicio que estamos haciendo muy comunes y fáciles de trabajar.




En la pestaña opciones encontraras las instrucciones de tu ejercicio en la página web, en esta pestaña se te abrirá una ventana emergente donde deberás cambiar las instrucciones, la apariencia y los mensajes de salida, todos estos están en ingles y son estándar por eso es aconsejable realizar este proceso.


Después de ingresar los contenidos del ejercicio, y realizar su configuración principal, debemos guardarla como una página HTML, para  en archivo vamos la opción crear pagina web, pagina web para navegador V6.


Finalmente aparecerá un pantallazo con tres opciones, ver el ejercicio en tu navegador te permitirá observar el producto final como lo verán los usuarios, y quedara guardado en tu ordenador como un archivo HTML.




Vídeo tutorial




Elaborado por: Angélica María Vargas Gutiérrez
                        Geraldin Fernanda López Sanchez
                        Alejandra Cardona Malaver