Manual Creación de juegos interactivos en ppt PDF

Preview

Summary

manual de ayudas tecnicas para rehabilitacion optima...

Description

1

ÍNDICE TEMA 1: MANEJO DE IMÁGENE S A) Insertar imagen en ppt ____________________________________________________pág 3-4 B) Modificar nuestra imagen (Tamaño, estilo, ajustes y quitar fondo) _________________pág 5-10 C) Uso de formas ___________________________________________________________pág 11-12 TEMA 2: CR EACIÓN D E H IPE RVÍNCUL OS, ANIMACIONES Y J UEGOS INTER ACTIVOS A) B) C) D) E)

Oreganizar nuestro juego___________________________________________________pág 13 Hipervínculo, audio y creación de juego de alternativas___________________________pág 13-19 Creación de Ruleta________________________________________________________pág 20-26 Creación de Memorice_____________________________________________________pág 27-32 Creación de Puzzle o Rompecabeza___________________________________________pág 33-37

RECUR SOS ADICIONAL ES (PÁG 38)

2

TEMA 1: MANEJO DE IMÁGENES INSERTAR IMÁGENES EN PPT OPCION 1: Insertar desde el programa 1) Desde el panel principal de Power Point, nos vamos a INSERTAR > IMÁGENES

2) Buscamos la imagen de nuestro ordenador y presionamos INSERTAR.

3

OPCIÓN 2: Arrastrar desde carpeta Directamente desde la carpeta donde tenemos nuestra imagen, mantenemos el click derecho del mouse y arrastramos la imagen al programa Power Point.

4

MODIFICAR NUESTRA IM AGE N (TAMAÑO, ESTILO, AJUSTES Y QUITAR EL FONDO)

Para editar nuestra imagen, en el panel principal nos vamos a ir a FORMATO 1) Recortar nuestra imagen a. Oprimimos la opción RECORTAR b. Con las esquinas marcadas vamos a poder hacer el recorte de la sección que queremos de nuestra imagen. Ejemplo

5

2) Recortar imagen con forma a. RECORTAR > Recortar a la forma b. c.

Seleccionamos la forma con la que queremos hacer el recorte Ajustamos la forma a nuestra imagen

Ejemplo

6

3) Agregar bordes a la imagen a. Nos vamos a ESTILO DE IMAGEN > Borde de imagen b.

Aquí podemos agregar una línea de borde a nuestra imagen, cambiar su color, aumentar/disminuir su grosor y agregarle rayas, puntos, etc.

Ejemplo

7

4) Efectos 3D para imagen a. b.

ESTILO DE IMAGEN > Efectos de la imagen Podremos agregar sombras, relieves, bordes iluminados y efectos 3D a nuestra imagen.

Ejemplo

5) Diseño de imagen en Smart Art (gráficos, mapas, etc) a. ESTILO > Diseño de imagen b. Ajustaremos nuestra imagen a los gráficos que nos ofrecen los Smart Arts. Ejemplo

8

6) Ajuste de color a. ESTILO > Color b. c. d.

Ajustaremos el estilo de color que tiene nuestra imagen (Blanco y negro, tono definido, cambiar tono frio o cálido, etc.) También en Efectos artísticos tendremos más opciones de edición de color. Además, en la siguiente opción podremos cambiar la transparencia. En Correcciones, podemos modificar la intensidad del color y su brillo.

Ejemplo

9

7) Quitar fondo de la imagen a. Presionamos la opción Quitar fondo b.

Con la opción Marcar áreas para quitar, seleccionamos todo lo que queremos quitar de la imagen. Si queremos corregir la selección presionamos el marcador para conservar. Finalmente apretamos Enter para completar la modificación.

Ejemplo

10

USO DE FORMAS Para esto, primero vamos a INSERTAR > Formas Seleccionamos la forma que nos guste y para editarla, hacemos click en ella y nos vamos al panel de FORMATO, donde tendremos opciones de modificar tamaño, color de relleno y bordes, agregar texto e implementar efectos como aprendimos anteriormente. Ejemplos

11

*También podemos combinar y usar nuestra imagen creada en conjunto con la forma para crear nuevos materiales digitales o imprimibles. Y para asegurar que permanezcan juntos al seleccionarlos, presionamos click derecho > menú > agrupar

12

CREACIÓN DE HIPERVÍNCULOS, ANIMACIONES Y JUEGOS INTERACTIVOS ORGANIZAR NUESTRO JUEGO Antes de poner manos a la obra, debemos tener los siguientes elementos en mente: • •

Edad de nuestro usuario y gustos personales Contenido que vamos a evaluar y puntuación (ej. correcto - incorrecto)

• • •

Estímulos presentados (ej. Sonidos, imágenes, palabras, etc) Niveles de dificultad estimados Instrucciones para el usuario

Tips: Es bueno hacer un borrador de las diapositivas para tener mayor organización. Además, una buena idea para incluir más de un juego en el mismo PPT, es incluir una diapositiva de menú.

HIPERVINCULOS, AUDIO Y CREACIÓN DE JUEGO DE ALTERNATIVAS Partiremos crean un juego simple de alternativas. 1) Vamos a diseñar nuestra primera diapositiva a modo de menú, la cual contenga el título, una imagen del juego y botón de inicio

13

2) Para insertar sonido en nuestra diapositiva nos vamos a TRANSICIONES > Sonido > seleccionamos a. En este mismo menú verificamos que la opción “Al hacer clic en la diapositiva” esté desactivada. Esto hace que para pasar a otra diapositiva solamente se pueda con nuestros botones.

14

3) Seleccionamos el botón de inicio y en el panel principal INSERTAR > Vínculo a > Lugar de la presentación → Diapositiva con las instrucciones

15

4) De la misma manera, ajustamos el botón de “Comencemos” con un hipervínculo al primer nivel de nuestro juego. a.

INSERTAR > Vínculo a > Lugar de la presentación → Diapositiva con las instrucciones

16

5) Ya en el nivel 1 vamos a hacer un hipervínculo a la diapositiva que nos marca la respuesta correcta a. En la diapositiva “correcto” creamos un botón que nos lleve al siguiente nivel y le b.

insertamos un hipervínculo al nivel 2. También podemos agregar un audio de aplausos repitiendo el PASO 2

17

6) Volvemos al nivel 1, seleccionamos la respuesta incorrecta y creamos un hipervínculo hacia la diapositiva de “Vuelve a intentarlo” a. b.

En la diapositiva “vuelve a intentarlo” creamos un botón que nos permita volver al nivel 1y le insertamos un hipervínculo al mismo. También podemos agregar un audio de “Fallo” repitiendo el PASO 2.

7) Realizamos la misma secuencia en los siguientes niveles y verificamos que la opción “Al hacer clic en la diapositiva” en TRANSICIONES esté desactivada en todas las diapositivas.

18

8) OPCIONAL: Si queremos incorporar un botón con sonidos (como en este juego), vamos a seleccionar el botón confeccionado, INSERTAR > Sonido > elegimos > Desencadenante > al hacer clic en > nombre del botón (en este caso “play”)

19

CREACIÓN DE RULETA 1) Para hacer la ruleta nos vamos a INSERTAR > Gráfico circular, y automáticamente nos aparecerá la rueda y un panel Excel. a. Escribir en la primera columna las acciones, palabras o preguntas que se desean mostrar en la ruleta. En la columna siguiente poner “1” para determinar el número de oportunidades que aparecerá.

20

2) Eliminar elementos extra presionando en el menú a. GRÁFICO > Título > Ninguno b. c.

Leyenda > Ninguno Etiqueta de datos > Más opciones > desactivar valor

21

22

3) Activar el nombre de la categoría. Iniciar y aumentar el tamaño del texto para mejor visión

23

4) Agrandar gráfico y acomodar en la diapositiva elegida a. Agregar botones, elementos y fondo b.

Abrir panel de selección y cambiar nombre de “Botón “para identificar fácilmente

24

5) Seleccionar Gráfico y abrir Animaciones. a. Insertar animación de inicio “Girar” y de entrada “Aparecer” b. c. d.

En panel de animación Opciones avanzadas > Intervalos > Repetir hasta siguiente clic > Duración de 0,50 seg. Desencadenadores > Iniciar al hacer clic > “Botón” Animación de inicio > Iniciar con anterior

25

6) Verificar en Transición que esté desactivada la opción “al hacer clic con el mouse”

26

CREACIÓN DE MEMORICE 1) Creamos un rectángulo y duplicamos. Uno será la “tapa” y el otro la “cara” o donde va la imagen. a. Vamos al panel de selección y ponemos sus respectivos nombres. “Cara” → Formato > Fondo blanco “Tapa” → Rellenar o dibujar

27

2) Animaciones a. Animar desaparición “Tapa” > Animación de salida → Desencadenador > Al hacer clic en b.

“Tapa” Agregar reaparición “Tapa” > Animación de aparecer → Desencadenador > Al hacer clic en “Cara”

28

3) Duplicamos nuestros dos elementos (Seleccionar > copiar > pegar o Ctrl + mantener clic)

29

4) Ya listo el numero de cartas, vamos al panel de selección y desactivamos todas las “tapas” a. Vamos a agregar las imágenes a las “caras” haciendo clic derecho > formato > relleno con imagen > insertar desde el ordenador > seleccionamos la imagen.

30

31

5) Activamos las tapas

6) Verificar en Transición que esté desactivada la opción “al hacer clic con el mouse”

32

CREACIÓN DE PUZ Z LE O ROMPECABEZAS

1) En nuestra diapositiva en blanco vamos a insertar 1 cuadrado de 5,5 x 5,5 y 1 circulo de 2,5 x 2,5 a. Copiamos el circulo para tener 4 círculos del mismo tamaño 2) Centramos los círculos en el cuadrado para hacer nuestra forma base para las piezas. a. Para un rompecabezas de 9 piezas vamos a copiar 3 veces la base

X3 3) Editamos la pieza de esquina sacando dos círculos . Seleccionamos la forma que queda y nos vamos a FORMATO > Combinar formas > Restar a. Copiamos 4 veces la forma, rotamos y volteamos para crear las 4 esquinas

33

4) Creamos la pieza lateral, sacando el circulo superior. a. Seleccionamos círculos laterales y rectángulo → FORMATO > Combinar formas > Unión b. c.

Seleccionamos el círculo central y el cuadrado → FORMATO > Combinar formas > Restar Hacemos 4 piezas iguales y las acomodamos en sus lugares

34

5) Creamos la pieza central con todos los elementos. Seleccionamos todo, hacemos Unión y acomodamos con las demás piezas.

6) Descargamos la imagen que queremos, y verificamos que esté del mismo tamaño del rompecabezas. a. Copiamos 10 veces la imagen para confeccionar las piezas y las dejamos a un lado

7) Seleccionamos todo el rompecabezas y apretamos clic derecho → Traer al frente a. Acomodamos la primera pieza en la imagen y seleccionamos HERRAMIENTAS DE DIBUJO > Formato > Intersecar b. Dejamos a un lado y realizamos el mismo proceso con todas las piezas c. Armamos, seleccionamos y dejamos a un lado de la diapositiva.

35

36

8) Con la última imagen que nos queda, la colocamos al otro lado de la diapositiva y nos vamos a FORMATO > Color y la dejamos más clara (a modo de ejemplo) y Listo.

37

RECURSOS ADICIONALES • •

•

Imágenes descargables: https://www.freepik.es/ Plantillas descargables de ppt que salvan el día: o https://www.free-powerpoint-templates-design.com/free-powerpoint-templates-design/ o https://slidesgo.com/es/ Descarga fuentes de texto para tus presentaciones: o https://www.dafont.com/es/ o https://www.1001freefonts.com/es/

38...