2. Diseñado por: Ing. MS.c. Wilma Gavilanes
Swish es un programa muy simple, y sencillo de usar,
trabaja por escenas cada una de ellas puede contener
distintos elementos (texto, audio, gráficos). Con este
software podemos crear banners, simples
presentaciones con imágenes y sonidos, menues, textos
animados y muchas cosas mas. Su gran ventaja es que
podemos exportar los archivos con extensión quot;.swfquot;
que es la extensión de los archivos de Macromedia
Flash, o como un archivo de tipo “avi” que es un archivo
de reproducción multimedia directa.
Para empezar a trabajar con Swish, debemos hacer doble clic sobre el icono de acceso
directo a dicha aplicación, nuestro primer trabajo consiste en diseñar una animación que
incluya textos, sonidos e imágenes, esta aplicación nos servirá como un video introductorio a
nuestra aplicación o lo podemos utilizar para diseñar títulos animados de manera fácil y
divertida para ellos seguiremos los siguientes pasos.
1.- Abrimos Swish haciendo doble clic en este icono de acceso directo
PANTALLA PRINCIPAL DE SWISH
APLICACIONES EN SWISH
1.- Insertamos escenas y objetos que forman parte de la película
3. Diseñado por: Ing. MS.c. Wilma Gavilanes
Objetos de
Escena de la
película
Conjunto de
Escenas de la
película
2.- Para agregar un texto hay que hacer clic en el botón , luego cliquear en la pestaña
quot;Textoquot; en la cual podrás cambiar el tipo de letra, tamaño, estilo, color, alineación, espacio
entre caracteres, entre otras cosas.
3.- Para insertar imágenes utilizamos la opción
Importar desde la barra de menú Archivo,
utilizando los puntos de inserción podemos
redimensionar la imagen y darle el tamaño que
necesitamos.
4. Diseñado por: Ing. MS.c. Wilma Gavilanes
Agregando Efectos
Los efectos se pueden agregarse a cualquier elemento que se haya insertado en la escena,
para ello primero seleccionamos el elemento sobre el cual deseamos incluir un efecto de
animación, y posteriormente seleccionamos en la pestaña quot;Barra de Tiempoquot; haciendo un clic
izquierdo sobre el icono de efectos se despliega una lista de posibles efectos que
podemos utilizar
Al seleccionar un efecto, cada uno de ellos tienen sus propias propiedades, de las cuales
podemos cambiar su duración o hacer una vista preliminar del efecto seleccionado.
Vista preliminar
Tiempo de Aceptar el efecto
duración
5. Diseñado por: Ing. MS.c. Wilma Gavilanes
Haciendo clic en el botón se puede obtener una vista previa de la animación.
animaciones
Exportando nuestro trabajo
Previo a la exportación el archivo debe guardado, , utilizando esta opción ,
posteriormente hay que hacer clic en la barra de menú quot;Archivoquot; y luego en quot;Exportar”,
seleccionar uno de los tipos de exportación propuestos, en este caso puede utilizar la opción
SWF, o AVI, y escribir el nombre que se desea.
Clic aquí
para guardar
6. Diseñado por: Ing. MS.c. Wilma Gavilanes
Organizador de ideas.- Un organizador de ideas permite sintetizar la información
relacionada a un tema en particular, para lo cual se debe tener mucha capacidad de análisis y
síntesis.
Existen diversos tipos de software organizadores de ideas en este caso vamos a estudiar
MindManager6, el mismo que trabaja en función de ideas principales e ideas secundarias
permite incorporar, imágenes, hipervínculos y demás.
La aplicación final MindManager la convierte en un formato de página WEB.
Para ingresar a MindManager Presione clic
izquierdo en el icono de acceso directo
Esta es la priemra pantalla que presenta este organizador de ideas que trabaja apartir de
una Idea Principal y se generan tópicos y sutópicos a partir de ella.
Clic aquí para
iniciar la
aplicación
Pantalla Principal de MindManager
notas
Boundary
(agrupamiento)
Insertar
tópicos
Insertar
Subtópico
Opciones de
diseño
Idea principal
Categorías de
diseño
7. Diseñado por: Ing. MS.c. Wilma Gavilanes
Una vez terminado de diseñar nuestro organigrama, grabamos el archivo y posteriormente
lo exportamos como una Página Web a través de la Barra de Menú File
Elegimos Save as Web Pages, seleccionamos un Template haciendo clic en el botón
(estilo de presentación)
Seleccionamos
un posible
template de la
lista
Clic en el botón
Aceptar
Para finalizar presionamos clic izquierdo en el botón Save, de esta
forma nuestra aplicación esta lista.
8. Diseñado por: Ing. MS.c. Wilma Gavilanes
Que es Neobook ?
Neobook es un Software de autor de gran difusión en el ámbito educativo, que goza de
mucha popularidad debido a su facilidad de uso y bajo costo.
En el campo informático se entiende como herramienta de autor, a todo software
que permite crear aplicaciones independientes del software que lo generó. Estas
aplicaciones son programas o archivos ejecutables (del tipo *.EXE).
Hoy día la definición es más restrictiva, puesto que se sobreentiende que una herramienta
de autor puede manejar elementos multimedia (texto, imagen estática, imagen dinámica,
sonidos y vídeos) y enlaces hipertextuales (hipertextos e hipervínculos).
En resumen, el elemento común a las herramientas de autor es el hecho de crear
ejecutables que corren independientes del software que los generó, habiendo un proceso de
compilado de por medio.
Inicio del Programa.
Para arrancar Neobook debes ejecutar:
Inicio-Programas-Neobook para Windows-Neobook
9. Diseñado por: Ing. MS.c. Wilma Gavilanes
La pantalla principal de Neobook.
Al iniciar Neobook, la primera pantalla que aparece es un documento en blanco. Esta
pantalla está dividida en las siguientes partes:
Esta pantalla es similar a la de cualquier otra aplicación que funcione bajo Windows.
Sus elementos son:
Barra de título. Es la barra situada en la parte superior de la ventana, aparece
sombreada y muestra el nombre del programa (Neobook para Windows). A la
izquierda de esta barra aparece el menú de control y a la derecha encontramos los
botones
10. Diseñado por: Ing. MS.c. Wilma Gavilanes
Menú principal o barra de menú. Esta situada debajo de la barra de título. Presenta
unas opciones que nos dan acceso a todas las funciones del programa.
Barra de acceso directo o barra de herramientas. Está situada debajo de la barra
de menú y contiene unos botones que nos dan acceso a las opciones más frecuentes de
Neobook.
Para ver la función de un botón, coloca el puntero del ratón sobre él y aparecerá una
etiqueta con la misma.
Área de trabajo. Ocupa casi toda la pantalla y es la zona donde el usuario irá creando
las diferentes páginas que contenga su publicación. En la parte superior del área de
trabajo aparece una barra que nos muestra el título de la publicación que tenemos
abierta. La publicación de la pantalla se llama Sin título, hasta que la guardemos y le
asignemos un nombre. Podemos ampliar el área de trabajo haciendo clic sobre el botón
maximizar de esta barra.
Paleta flotante de herramientas. Esta paleta está compuesta por una serie de
herramientas necesarias para crear nuestras publicaciones. Arrastrando su barra de
título puedes llevar la paleta a otra posición de la pantalla. Además, contiene botones
que permiten reducir su tamaño.
Crear botón
Insertar
Imagen
Selector Botones
que al
pulsar
Lista despliegan
cuadros
para elegir
Texto varias
opciones
Gif Animado
Reproductor
Multimedia
Navegador
WEB
11. Diseñado por: Ing. MS.c. Wilma Gavilanes
• Al iniciar NeoBOOk La primera página que se presenta, es la página
maestra, sobre esta página colocaremos todos los elementos generales
de nuestra aplicación es decir aquellas propiedades que van a afectar a
todo nuestro libro, entre ellas tenemos, botones de navegación,
background, colores de fondo.
Para insertar una
imagen como
background esta
imagen debe estar
Background de la previamente
aplicación diseñada o
capturada como
archivo grafico,
utilizamos el botón
Cuadro/Archivo
Gráfico
Para insertar
botones de
navegación,
utilizamos la opción
Botón de comando de
la barra de
herramientas
Ventana de
propiedades del botón
de comando
Las acciones los scrips
de programación estas
listos para ser usados
no hace falta que el
usuario sepa programar
12. Diseñado por: Ing. MS.c. Wilma Gavilanes
Botón de
Las acciones del
comando que
botón están
ejecuta la
predefinidas por el
acción ir la
sistema , el
siguiente
diseñador solo debe
página
escoger la opción
que necesita que el
botón ejecute
Cuadro de acciones
predefinidas por el
sistema
• La siguiente página debe presentar el menú de contenidos de nuestra
aplicación, desde donde podremos iniciar la navegación de nuestra
aplicación.
• Para agregar páginas presionamos un clic derecho sobre la pestaña
nueva página que se encuentra en la parte inferior de NeoBOOK, y
seleccionamos del cuadro de dialogo la opción que necesitamos.
• Sobre cada una de las páginas de nuestro libro, podemos ir colocando los
distintos objetos multimedia que formen parte de nuestra aplicación:
o Podemos insertar una imagen,
13. Diseñado por: Ing. MS.c. Wilma Gavilanes
Utilizamos la
opción
Cuadro/Archivo
gráfico
Se visualiza la
ventana de
dialogó de
propiedades de la
imagen
Para insertar un texto
Utilizamos opción
texto de la caja de
herramientas
Se visualiza la ventana de
propiedades del texto para
realizar todos los cambios
que necesitemos.
14. Diseñado por: Ing. MS.c. Wilma Gavilanes
Programación de los botones de navegación.
Dibujar Botón de
comando de la barra
de herramientas
Navegación
Clic izquierdo aquí
Acción : GotoNextPage
Acción:
GotoPrevPage
Acción:
GotoFistPage
Acción:
GotoLastPage
Comando para salir de la aplicación: Dibujamos un botón de comando y seleccionamos la
Acción Mensajes/Interacción, y dentro de él la opción Salir (Exit)
Se debe especificar un título a la
ventana y un mensaje de salida.
Exit
quot;Salirquot;
15. Diseñado por: Ing. MS.c. Wilma Gavilanes
Comando para ejecutar un video.- Un archivo de video es un archivo ejecutable que se
deje ejecutar automáticamente al hacer clic sobre un botón, este botón lo que hace es llamar
al archivo diseñado anteriormente.
Seleccionamos
Acciones
Programas
Ejecutar Run .
Se presenta esta ventana para
seleccionar el archivo de video que
deseamos Abrir.
Clic aquí
para abrir
Comando para vincular una página Web a nuestra aplicación: Dibujamos un botón,
seleccionamos Acciones, Internet, Vínculo de Internet
Escribimos la
ubicación y el nombre
del archivo que desea
D:
D:turismoM1index.html
16. Diseñado por: Ing. MS.c. Wilma Gavilanes
Compilar Aplicación: Una vez terminada nuestra aplicación debemos compilarla para obtener
un archivo ejecutable o de instalación.
Seleccionamos en la barra
de Menú la opción Libro y
dentro de ella
Compilar/Publicar
Se visualiza la ventana
de propiedades de
Compilar/Publicar
Se añade archivos
externos
Y de esta manera logranos obtener un archivo instalador y un archivo ejecutable de nuestra
aplicación, la misma que es portable, fácil de instalar y sencillo de utilizar.
17. Diseñado por: Ing. MS.c. Wilma Gavilanes
Software Evaluadores
Clic. 3.0.- Este programa permite diseñar evaluaciones sencillas y divertidas, las mismas
que pueden ser generadas en un paquete de actividades o individualmente.
Para ingresar a clic lo hacemos desde el icono de acceso directo
Se presenta su pantalla
Inicial.
Conjunto de
actividades a
desarrollar
Desde la barra de Menú Archivo, podemos acceder a todas las actividades que se pueden
desarrollar en Clic.
Rompecabezas.- Este tipo de actividad tiene como objetivo recomponer una imagen o un
texto.
El botón permite seleccionar el tipo de rompecabezas y el número de casillas.
El botón muestra la imagen completa que hay que recomponer.
18. Diseñado por: Ing. MS.c. Wilma Gavilanes
Sopas de letras.- En esta actividad permite encontrar las palabras escondidas al azar en la
ventana izquierda. Cuando se localiza una palabra hay que hacer clic sobre la primera letra,
arrastrar el hilo hasta el final de la palabra y repetir el clic sobre la última letra.
Les palabras pueden estar escondidas en dirección horizontal, vertical y diagonal. También
pueden estar escritas del revés.
Haciendo clic sobre el botón se puede consultar la lista de palabras escondidas y,
si la actividad tiene dos ventanas, ver la casilla que les corresponde.
Palabras al
azar
Palabras
correctas
19. Diseñado por: Ing. MS.c. Wilma Gavilanes
Clic permite realizar seis tipos distintos de actividades de texto:
Llenar huecos.- El objetivo de este tipo de actividad es escribir el texto correcto en los
huecos que aparecen en el texto. Puede presentar distintas variantes: llenar huecos vacíos,
seleccionar una expresión en una lista de opciones, corregir un texto que presenta errores,
realizar un dictado a partir de archivos de sonido.
Completar texto.- En este tipo de actividad se puede desplazar el cursor a cualquier
parte del texto para escribir lo que le falta. La evaluación de la actividad se realizará al
hacer clic en el botón que aparece en la parte inferior de la ventana de texto: el programa
indica entonces cuantos elementos faltan y marcará visualmente las respuestas incorrectas.
Ordenar palabras.- Esta actividad puede realizarse con el ratón o mediante las teclas
[Retorno] y flechas de desplazamiento. Se trata de poner en orden las palabras que se han
mezclado en un texto, siempre conmutando la posición de dos elementos.
Las palabras se acostumbran a mezclar entre otras de su mismo párrafo, pero es posible
también plantear actividades más complicadas en las que se mezclen entre párrafos
distintos.
¿Qué es Hot Potatoes?
Hot Potatoes es un conjunto de seis herramientas para elaborar contenidos digitales. Estas
utilidades le permitirán elaborar ejercicios interactivos de tipo página Web y de diferentes
modalidades. Los ejercicios generados son páginas Web estándar que utilizan código XHTML
1.1 para la visualización, y JavaScript (ECMAScript) para la interactividad. Estos estándares
W3C son soportados por todos los navegadores modernos, incluyendo Mozilla 1.2+, Internet
Explorer 6+, Phoenix, Safari, y muchos otros.
Para ingresar a Hot –Potatoes hacemos clic en el icono de acceso
directo.
Su pantalla principal
• JClose.- Actividades de
texto (llenar huevos)
• JQuiz.- Ejercicios
Aplicaciones basados en preguntas
evaluativas a • JMatch.- Ejercicios de
desarrollar presione emparejamiento
CLIC en una de ellas • JCross.- Crucigramas
• JMix.- Ordenación de
párrafos
20. Diseñado por: Ing. MS.c. Wilma Gavilanes
Tres pasos para la elaboración de un ejercicio
• Introducción de los datos (preguntas, respuestas y todo lo demás)
• Configuración del formato de salida (preparación de las leyendas de los botones,
instrucciones, y otras características de su página Web)
• Creación de las páginas Web (compilar sus ejercicios en páginas HTML).
Introducción a JQuiz (ejercicios basados en preguntas)
JQuiz es una herramienta que permite elaborar ejercicios basados en preguntas. Cada test
puede estar formado por un número ilimitado de preguntas. Se pueden formular varios tipos
de preguntas:
En las preguntas de respuestas múltiples, los estudiantes han de elegir una respuesta de
las múltiples que se presenta de acuerdo al enunciado de una pregunta pulsando en un botón.
si la respuesta es correcta, se visualizará el porcentaje de acierto.
Ejercicio Práctico
1. Escriba el título en la
casilla de título.
2. Escriba la pregunta en
la casilla de preguntas.
3. Compruebe que está
seleccionado
quot;Respuestas múltiplesquot;
en el menú desplegable
a la derecha de la
pregunta. Esto define el
tipo de pregunta que
desee realizar.
4. Escriba las posibles
respuestas en las
casillas de la izquierda,
y las indicaciones en las
de la derecha. Tenga en
cuenta que cada una de
las respuestas, correcta
o incorrecta, tiene sus
propias indicaciones.
5. Marque la casilla quot;Correctoquot; que está junto a la respuesta B.
Una vez terminado el proceso de creación de preguntas, el archivo debe ser Configurado
21. Diseñado por: Ing. MS.c. Wilma Gavilanes
pulse en Opciones / Configurar el formato
del archivo originado para acceder a la
ventana de configuración. La primera de las
fichas, etiquetada como Títulos /
Instrucciones, contiene el subtítulo del
ejercicio y las instrucciones. Escriba algún
texto, como en el ejemplo de la figura,
después pulse sobre el botón OK
En esta ventana lo más importante es utilizar
la opción Contador que permite determinar el
tiempo que va a tomar la evaluación.
El último paso consiste en crear las páginas Web a partir de sus datos. Todo lo que necesita
hacer es pulsar en Crear página web / Página web para navegadores v6 en el menú
Archivo, y ponerle un nombre a la página. Ponga como nombre de archivo quot;test.htmquot;:
22. Diseñado por: Ing. MS.c. Wilma Gavilanes
Introducción a JCross (crucigramas)
JCross se utiliza para realizar crucigramas. Hay dos fases en la elaboración de un ejercicio
de crucigrama;
Primero deberá
introducir las letras en la
cuadrícula
Para introducir las letras
en la cuadrícula, pulse en
una de las casillas y
escriba la letra., utilice
las flechas cursores para
cambiarse entre casillas.
Segundo: Añadir pistas.
Después, para añadir
cada una de las
definiciones de las
palabras de la
cuadrícula, pulse en la
palabra, escriba la
definición o pista y
pulse el botón OK:
Configuramos,
cambiamos textos,
colores, incluimos
marcadores y grabamos
Finalmente exportamos
como página Web