Modulo
Upcoming SlideShare
Loading in...5
×
 

Modulo

on

  • 1,659 views

 

Statistics

Views

Total Views
1,659
Views on SlideShare
1,659
Embed Views
0

Actions

Likes
0
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

Modulo Modulo Presentation Transcript

  • Diseñado por: Ing. MS.c. Wilma Gavilanes
  • 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
  • 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.
  • 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
  • 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
  • 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
  • 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.
  • 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
  • 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
  • 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
  • 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
  • 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,
  • 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.
  • 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;
  • 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
  • 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.
  • 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.
  • 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
  • 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
  • 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
  • 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;:
  • 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