Tutorial de Scratch
Creacin de animaciones, historias
interactivas, juegos y msica
Coleccin de aplicaciones gratuitas para contextos educativos
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Ministerio de Educacin
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 2
Prlogo
Este tutorial se enmarca dentro de los lineamientos del Plan Integral
de Educacin Digital (PIED) del Ministerio de Educacin del
Gobierno de la Ciudad Autnoma de Buenos Aires que busca integrar
los procesos de enseanza y de aprendizaje de las instituciones
educativas a la cultura digital.
Uno de los objetivos del PIED es fomentar el conocimiento y la
apropiacin crtica de las Tecnologas de la Informacin y de la
Comunicacin (TIC)
en la comunidad educativa y en la sociedad en general.
Cada una de las aplicaciones que forman parte de este banco
de recursos son herramientas que, utilizndolas de forma creativa,
permiten aprender y jugar en entornos digitales. El juego es una
poderosa fuente de motivacin para los alumnos y favorece la
construccin del saber. Todas las aplicaciones son de uso libre
y pueden descargarse gratuitamente de Internet e instalarse en
cualquier computadora. De esta manera, se promueve la igualdad
de oportunidades y posibilidades para que todos puedan acceder
a herramientas que desarrollen la creatividad.
En cada uno de los tutoriales se presentan consideraciones
pedaggicas que funcionan como disparadores pero que no deben
limitar a los usuarios
a explorar y desarrollar sus propios usos educativos.
La aplicacin de este tutorial no constituye por s misma una
propuesta pedaggica. Su funcionalidad cobra sentido cuando se
integra a una actividad. Cada docente o persona que quiera utilizar
estos recursos podr construir su propio recorrido.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 3
ndice
Qu es?................................................................................................
p.5
Requerimientos tcnicos......................................................................
p.6
Consideraciones pedaggicas.............................................................
p.6
Actividad propuesta..............................................................................
p.7
Nociones bsicas..................................................................................
p.8
rea de trabajo.......................................................................
p.8
Barra de acceso rpido..........................................................
p.9
Los objetos.............................................................................
p.10
Agregar un objeto...................................................................
p.10
Agregar un escenario.............................................................
p.12
Paso a paso............................................................................................
p.13
Iniciar el movimiento...............................................................
p.13
Aplicar efectos........................................................................
p.14
Crear dilogos y pensamientos..............................................
p.15
Aadir sonido.........................................................................
p.16
Control de los elementos con el teclado.................................
p.18
Generar un movimiento con las flechas del teclado...............
p.19
Trabajar con disfraces............................................................
p.21
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 4
Repetir la accin continuamente............................................
p.23
Trabajar con gifs animados....................................................
p.25
Importar gifs animados...........................................................
p.26
Quitar el fondo al gif animado................................................
p.27
Ejecutar un script...................................................................
p.29
Guardar un proyecto...............................................................
p.30
Enlaces de inters.................................................................................
p.31
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 5
Qu es?
Scratch es un entorno de programacin gratuito destinado a nios en
edad escolar que permite crear historias interactivas, animaciones,
juegos y msica. Tiene una interfaz sencilla e intuitiva, orientada a la
programacin de objetos.
Nivel educativo:
Primario - Secundario
URL para descargar el programa: [Link]
reas: todas
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 6
Requerimientos
tcnicos
Para instalar el programa se necesitan al menos 120MB de espacio en
el disco rgido de la computadora. La mayora cuentan con capacidad
de memoria y de procesador para instalar Scratch. En computadoras
muy viejas puede funcionar lento.
Se necesitan parlantes o auriculares para reproducir las actividades y,
en caso que se hagan grabaciones, se requiere un micrfono.
Sistemas operativos que admite: Windows 95, 98(SE), NT, 2000, ME,
XP, 2003, Vista y 7. Tambin est disponible para Mac y Linux.
No requiere registro.
Consideraciones
pedaggicas
Scratch se puede utilizar para crear historias interactivas,
animaciones, juegos y msica. Permite a los nios explorar y
experimentar con los conceptos de programacin de ordenadores en
una interfaz grfica sencilla.
Como medio de comunicacin visual interactivo se puede usar para:
Crear historietas animadas y campaas de prevencin.
Recrear escenas histricas y hbitat naturales.
Fomentar la creatividad de los alumnos, ya que pueden crear por
s mismos sus propios juegos.
Elaborar animaciones, ya sea con objetos que incluye el sistema o
con nuevos, elaborados por los alumnos.
Compartir sus creaciones con otros a travs de Internet.
Resolver situaciones problemticas con animaciones.
Elaborar infografias mviles.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 7
Recursos digitales.
Actividades Propuestas
Idea
chicos.
Disear publicidades animadas
1) En grupos inventar un producto
para publicitarlo.
Secuencia
didctica
Recursos
2) Tomar fotografas, editar im-
1) Publicidades en distinto formato
genes
para analizar sus caractersticas.
3) Grabar y editar la msica inci-
2) Sitios web para descargar im-
dental, efectos de sonido y textos.
genes y sonidos
4) Crear una animacin para pro-
3) Editor de imgenes. (grafica-
mocionar el producto creado.
dor)
4) Cmaras de fotos
Propuestas
5) Grabadora de sonidos
Se pueden crear historietas a
6) Editor de sonidos
partir de distintos temas:
7) Scartch
1) Crear juegos interactivos.
2) Crear simulaciones sobre te-
Actividad
mas de ciencias naturales.
Despus de trabajar con
3) Crear con animaciones la
publicidades en distinto formato,
sntesis de una novela, cuento o
crear publicidades animadas
pelcula.
sobre objetos inventados por los
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 8
Nociones bsicas
rea de trabajo
1
2
10
6
Zona de programacin
11
12
13
1. Men principal
2. Men de bloques
3. Informacin del objeto seleccionado
4. Pestaas para edicin
5. Paleta de bloques
6. Area de scripts
7.
Barra de herramientas
8. Vistas
9. Inicio y fin
10. Escenario
11. Botones de nuevos objetos
12. Objetos o sprites
13. Objetos o sprites
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 9
Nociones bsicas
Barra de
acceso rpido
Men rpido
3
Men principal
4
6
5
1. Idioma
5. Pestaas para edicin del
2. Guardar
objeto: Programas, Disfraces
3. Abrir / Compartir
y Sonidos.
4. Informacin del objeto actual
6. Estilo de rotacin del objeto
7. Bloques de men
8. Paleta para programar los
objetos
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 10
Nociones bsicas
Los objetos
Para comenzar a trabajar con Scratch es necesario crear un nuevo
escenario y a su vez un sprite (objeto). Los proyectos de Scratch
estn construidos con objetos. Un objeto mvil programable es la
traduccin al espaol de sprite.
Un objeto se puede modificar dndole un disfraz diferente. El objeto
puede ser una persona, un tren o una mariposa, entre otros.
Se puede usar cualquier imagen como disfraz, inclusive dibujar una
imagen en el editor de pinturas, importar una imagen del disco de la
computadora o arrastrar una imagen de un sitio Web.
A los objetos se les pueden dar instrucciones de movimiento. Ej.: que
toquen msica, que reaccionen a otros objetos, etc. Para darle una
instruccin a un objeto hay que encajar los bloques grficos unos con
otros formando pilas, llamadas Programas (Scripts).
Nociones bsicas
Agregar un objeto
Cada objeto de Scratch se llama sprite.
Para agregar un nuevo objeto ir a la ventana Nuevo objeto. Elegir:
1
1. Para dibujar un objeto propio o un disfraz
2. Para seleccionar un disfraz para un nuevo objeto o importar un
objeto completo.
3. Para obtener un objeto sorpresa.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 11
Para trabajar ordenadamente se recomienda renombrar los objetos.
Seleccionar en la casilla del objeto el nombre y cambiar el texto.
Perro
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 12
Nociones bsicas
Agregar un escenario
Para agregar un escenario para los objetos, ir a la ventana Nuevo
objeto. Seleccionar Escenario.
En el escritorio, seleccionar la solapa Fondos.
Se puede: Pintar, Importar, o capturar desde la Cmara. La opcin
Importar permite elegir entre varios escenarios incluidos en el
programa.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 13
Paso a paso
Iniciar el movimiento
Una vez que se tiene el objeto y el escenario elegidos se pueden
realizar diferentes acciones, desde movimiento, sonido o cambiar la
apariencia.
Para generar el movimiento en un objeto, seleccionar en el Men de
bloques, la opcin Movimiento (en azul).
Se desplegarn varias opciones en el Bloque de movimiento.
Ej: si se quiere mover el objeto 10 pasos, seleccionar mover 10 pasos.
Tomar la seleccin con el botn izquierdo del mouse y arrastrarla a la
Zona de programacin.
Para modificar la cantidad de pasos o los grados de giro, hay que
escribir el nmero que se quiere en el cuadrado blanco.
Bloque para movimiento
Arrastrar el bloque mover al rea de scripts
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 14
Paso a paso
Aplicar efectos
1. Para aplicar un efecto, seleccionar del Men de bloques, la
opcin Apariencia (en violeta).
2. Se desplegarn varias opciones.
3. Arrastrar el bloque Cambiar efecto con el botn izquierdo del
mouse y arrastrarla a la Zona de programacin.
4. Este bloque permite lograr varios tipos de efectos. Seleccionar el
que se desea de la lista desplegable.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 15
Paso a paso
Crear dilogos y
pensamientos
Una de las posibilidades que brinda el programa es crear dilogos
y pensamientos en un objeto. Seleccionar del Men de bloques, la
opcin Apariencia (en violeta).
Las opciones Decir y pensar se utilizan para crear dilogos entre
personajes.
Seleccionar decir y dentro del cuadro blanco, colocar el texto que se
quiere que digan los personajes de la animacin. Especificar el tiempo
que se desea que dure la frase o palabra.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 16
Seleccionar pensar y dentro del cuadro blanco colocar el texto que
se quiere que piensen los personajes de la animacin. Especificar el
tiempo que se desea que dure la frase o palabras.
Paso a paso
Aadir sonido
Para aadir sonido, seleccionar en el Men de bloques, la opcin
Sonido (en lila).
Se desplegarn varias opciones. Tomar la seleccin que se desea con
el botn izquierdo del mouse y arrastrarla a la Zona de programacin.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 17
Se pueden agregar varios bloques de sonido. Slo basta con arrastrar
el bloque que se desea a la Zona de programacin y elegir el sonido.
Por ejemplo, para seleccionar entre los diferentes sonidos de tambores
del men, tocar el botn izquierdo del mouse y se desplegar un men
con varias opciones.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 18
Paso a paso
Control de los
elementos con el
teclado
El bloque
permite controlar
elementos a travs del teclado.
Arrastrar el bloque a la Zona de programacin.
Seleccionar la accin que se desea modificar y la tecla. Ej: si se elige
la barra de espacio, al presionarla se activar la orden Cambiar
efecto color.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 19
Opciones de teclas para control
Paso a paso
Generar un movimiento
con las flechas del
teclado
Una opcin para mover los objetos es mediante las teclas del cursor,
sistema muy implementado en el mundo de desarrollo de juegos. En
este caso, las acciones se ejecutan al presionar la tecla especificada y
no la bandera verde.
Seleccionar en el Men de bloques, la opcin Control (en amarillo).
Combinar el bloque de control, al presionar tecla y del bloque
de movimiento (en azul), apuntar en direccin (tener en
consideracin el plano Cartesiano) y mover X pasos.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 20
1
2
3
4
5
6
7
8
1. Al presionar con la flecha
arriba
5. Al presionar con la flecha
abajo
2. Apuntar en direccin 0
6. Apuntar en direccin 180
3. Al presionar con la flecha a la
7. Al presionar con la flecha a la
derecha
izquierda
4. Apuntar en direccin 90
ndice
8. Apuntar en direccin 90
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 21
Paso a paso
Trabajar con disfraces
Los disfraces logran un efecto de animacin y cambian la apariencia
del objeto.
El disfraz equivale a las posiciones del personaje. Se deben
agregar disfraces por cada posicin que se desee y con todas estas
posiciones se genera el movimiento completo.
Para agregar un disfraz, seleccionar el objeto e ir a la pestaa
Disfraces.
Si se quiere elegir un segundo disfraz, seleccionar Importar y
agregar un nuevo objeto.
Agregar una secuencia de bloques en la Zona de programacin para
generar el movimiento. Seleccionar del Men de bloques, la opcin
Apariencia (en violeta). Arrastar la opcin siguiente disfraz, dentro
del comando por siempre.
En este ejemplo, se iniciar una secuencia de cambios de disfraces
entre los seleccionados que generar la accin caminar.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 22
4
5
1.
Objeto / personaje
2.
Disfraz 1
3.
Disfraz 2
4.
Disfraz
5.
Movimiento
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 23
Paso a paso
Repetir la accin
continuamente
Para repetir las acciones de un objeto, seleccionar en el Men de
bloques, la opcin Control (en amarillo).
Se desplegarn varias opciones. Seleccionar la opcin por siempre
que permitir repetir diferentes movimientos u otras opciones.
Tomar el bloque que se desea con el botn izquierdo del mouse y
arrastrarlo a la Zona de programacin.
Una vez all, agregar los bloques necesarios para generar la accin.
Para ello, poner los siguientes bloques:
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 24
1. Mover X cantidad de pasos
inicia el programa
2. Tocar tambor
6.
3. Bloque por siempre
espera para definir un patrn de
4. Bloque por siempre
tiempo en la que se llevar acabo
5. Al presionar bandera verde
la accin
ndice
Utilizar esta opcin de
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 25
Paso a paso
Trabajar con
gifs animados
El programa Scratch permite trabajar con .gif animados, dndoles
propiedades para que interacten con otros elementos que se
incorporen.
Al importar archivos .gif la imagen se desglosa en cuadros que sern
los diferentes disfraces del objeto. Los .gif pueden importarse de
Internet desde diferentes sitios, como [Link] que ofrece
un banco gratuito de archivos .gif para descargar a la computadora.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 26
Paso a paso
Importar
gifs animados
Para importar un gif animado a Scratch:
1. Ir a la ventana Nuevo objeto y seleccionar
Navegar por los directorios hasta encontrar el objeto que se quiere
insertar.
2. En la solapa disfraces, seleccionar Importar. Buscar el archivo
con extensin gif. Aceptar.
Los cuadros del archivo gif quedan incluidos como diferentes
disfraces que podrn editarse, por ejemplo, quitar el fondo.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 27
Paso a paso
Quitar el fondo al
gif animado
Para quitar el fondo a un gif animado:
1. Desde la solapa disfraces, seleccionar Editar.
2. Se abrir la ventana Editor de Pintura.
3. Seleccionar en la paleta de colores el cuadro transparente. Con la
Herramienta para llenar de color (el balde) seleccionar el fondo
de la imagen.
4. Aceptar.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 28
1. Bloques del sector sonido.
2. Bloques del sector movimiento.
3. Programacin utilizada para el ejemplo.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 29
Nociones bsicas
Ejecutar un script
La opcin
ejecuta el script.
Arrastrar el bloque y unir en la parte superior para que se ejecuten
todas las acciones deseadas.
Nociones bsicas
Funcin al presionar
un objeto
La opcin
ejecuta el conjunto de bloques
asociados a ese objeto.
Arrastrar el bloque a la Zona de programacin.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 30
Paso a paso
Guardar un proyecto
En el Men principal, seleccionar Archivo - Guardar como.
El archivo se guardar bajo la extensin Scratch Project (.sb)
Tambin se puede guardar el archivo desde el cono ubicado en el
Men principal.
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
Coleccin de aplicaciones gratuitas
para contextos educativos
Scratch | pg. 31
Qu es?
Enlaces
de inters
Scratch: Gua de referencia de Eduteka.
[Link]
Sitio oficial de Scratch, soporte
[Link]
Sitio de consulta sobre Scratch de Mundoeduca.
[Link]
Multimedia: Scratch bsico de un vistazo
[Link]
ndice
Plan Integral de Educacin Digital
Direccin Operativa de Incorporacin de Tecnologas (InTec)
[Link]
Contacto:
[Link]@[Link]
Esta obra se encuentra bajo una Licencia Attribution-NonCommercial-ShareAlike 2.5 Argentina de
Creative Commons. Para ms informacin visite [Link]
Ministerio de Educacin