scratch cerp del litoral

Scratch

Centro Regional de Profesores del Litoral

Objetivos del Curso

� Potenciar el uso de las XO en el Ciclo Básico.

General

Específicos

Centro Regional de Profesores del Litoral – Cursos de Verano 2011

� Lograr el aprendizaje del lenguaje Scratch.

� Promover la elaboración de actividades didácticas.

Desarrollo del Curso

� Qué es Scratch.

� Origen y Características.

� Algoritmo – Programa.

� Ventana de trabajo.� Ventana de trabajo.

� Bloques.

� Ejemplos y Ejercicios.

� Cómo elaborar una actividad didáctica.

� Evaluación.


Qué es?Es un entorno de programación que permite crear programas que controlan ymezclan imágenes, animaciones, sonido, interactuar con el usuario, etc.

Origen y características

Scratch: Características generales

Origen y características

Desarrollado en el MIT bajo la dirección del Dr. Mitchel Resnick

Construído sobre el lenguaje Squeak

Inspirado en Logo y Etoys


Muestra de una actividad didáctica

� “Scratch y Pitágoras en el mundo de Los Simpson”

AlgoritmoConjunto de pasos o instrucciones que se deben seguir para realizar unadeterminada tarea.

Ejemplos

Algoritmos

Algoritmo para preparar una limonada.

INICIOLlenar una jarra con un litro de aguaEchar el jugo de tres limonesEchar cuatro cucharadas de azúcarRemover el agua hasta disolver completamente el azúcar

FIN


Algoritmos

Ejemplos

Algoritmo para preparar un huevo frito.INICIO

Encender la cocina Colocar el sartén en la cocinaDejar calentar un poco el sarténVerter un poco de aceite en el sartén


Verter un poco de aceite en el sarténDejar calentar un momento el aceiteVerter el huevo en el aceiteDejar freir durante 2 minutosServir el huevo en un platoPoner sal a gusto al huevo

FIN

Algoritmos

Ejemplos

Algoritmo para hallar la suma y el promedio de tres númerosINICIO

LEER numero1, numero2, numero3suma = numero1 + numero2 + numero3promedio = suma / 3


promedio = suma / 3IMPRIMIR suma, promedio

FIN

Programas

Un conjunto de instrucciones destinadas a realizar una tarea.

De forma general este conjunto de instrucciones toma unos datos de

entrada y devuelve unos datos de salida.


Entorno de Trabajo


Basada en un conjunto de “bloques gráficos de programación” que se ensamblan paracrear programas

Gramática


Bloques


Bloques

� Movimiento


Bloques

� Apariencia


� Sonido

Bloques


� Lápiz

Bloques


� Control

Bloques


� Sensores

Bloques


� Operadores

Bloques


� Variables

Bloques


Programa Ejemplo 1

� Ir a Control y seleccionar

� Ir a Apariencia y seleccionar � Ir a Apariencia y seleccionar

� Cambiar el texto ¡Hola! por Hola, me voy a mover 100 pasos

� Ir a Movimiento y seleccionar

� Ir a Apariencia y seleccionar

� Cambiar el texto ¡Hola! por Ahora voy a posicionarme en el centro de la pantalla


Programa Ejemplo 1

� Ir a Movimiento y seleccionar� Ir a Movimiento y seleccionar

� Ir a Apariencia y seleccionar

� Cambiar el texto mmm… por mmm… Me parece que me voy a esconder

� Seleccionar

� Presionar que se encuentra en el borde superior derecho de la pantalla para ejecutar el programa


Editor de Pinturas

� Vamos a cambiarle el color a la mascota� Seleccionamos la solapa Disfraces

� Presionamos el botón Editar, con lo que obtendremos una pantalla como la siguiente


Editor de Pinturas


Editor de Pinturas: Barra de Herramientoas

Barra de Herramientas

Brocha: Permite pintar libremente usando el color del primerplano. Al realizar clic en esta herramienta, el Área de Opcionesmuestra el tamaño de la brocha (pincel). En Tamaño de la brocha sepueden seleccionar los diferentes tamaños de brocha.

Borrador: Borra con movimientos libres de la mano. Las áreasBorrador: Borra con movimientos libres de la mano. Las áreasque se borran se vuelven transparentes. Al realizar clic en estaherramienta, el Área de Opciones muestra los tamaños delborrador. Con un clic en Tamaño del borrador se puedeseleccionar el tamaño del borrador.

Llenar:Herramienta para llenar con color sólido o con gradientes,áreas interconectadas. Al realizar clic sobre la misma, el Área deOpciones muestra las posibilidades de llenado (color sólido,gradiente horizontal, gradiente vertical o gradiente radial). Losgradientes se mezclan partiendo del color del primer plano y vanhacia el color seleccionado para el fondo.




Rectángulo:Dibuja un rectángulo sólido o su contorno usando elcolor actual del primer plano. Para hacer un cuadrado presionarShift+botón izquierdo del mouse. Al hacer clic en esta herramienta,el Área de Opciones muestra el estilo de llenado, sólido o sucontorno.


Elipse: Dibuja una elipse sólida o su contorno (presioneShift+botón izquierdo del mouse para hacer un círculo) usando elcolor actual del primer plano. Al realizar clic en esta herramienta, elÁrea de Opciones muestra el estilo de llenado sólido o sucontorno.

Línea: Dibuja una línea recta (presiona Shift+botón izquierdo delmouse para trazar una línea horizontal o vertical) utilizando elcolor actual del primer plano. Al realizar clic en esta herramienta, elÁrea de Opciones muestra los diferentes tamaños de la brocha.Hacer clic en Tamaño de la brocha para escoger el ancho debrocha que se desee.



Texto: Añade texto al dibujo. Cuando se realiza clic en estaherramienta, el Área de Opciones permite cambiar tanto el tipo defuente como el tamaño de esta. Cada disfraz solo puede tener unbloque de texto.

Selección: Selecciona una región rectangular y permite moverla aSelección: Selecciona una región rectangular y permite moverla auna nueva ubicación (presionar la tecla Suprimir/Delete pararemover el área seleccionada; presionar Shift+Delete o Shift+BarraEspaciadora para borrar todo lo demás y dejar solo el áreaseleccionada).

Sello: (estampar) Selecciona una región rectangular y permitecopiarla en una nueva ubicación. Presionar Shift+clic+clic izquierdodel mouse (arrastrar) para repetir la copia (el sello) a medida quedesliza el mouse.




Gotero:Usar el extremo o punta del gotero para escoger el colordel primer plano (realizar clic en el Lienzo y arrastrar el goteropara escoger un color que esté por fuera del Lienzo).

Hacer clic en los botones de Zoom (acercar o alejar) paraaumentar o disminuir el tamaño del Lienzo. El zoom no cambia elaumentar o disminuir el tamaño del Lienzo. El zoom no cambia eltamaño de la imagen.

Para rotar el contenido del Lienzo o simplemente la selecciónactual, hacer clic en los botones de Rotación (en sentido contrarioa las agujas del reloj o en el sentido de estas). Puede presionarShift+clic para ingresar un valor preciso.

Para girar el contenido del Lienzo o simplemente la selecciónactual, hacer clic en los botones de Giro (horizontal o vertical).




Hacer clic en el botón Limpiar para remover todo el contenido delLienzo.

Deshacer permite devolver las últimas acciones realizadas. El botónRehacer permite restablecer las acciones que deshechas.


Ejercicio

� Realizar un programa en el que se cree una imagen comola siguiente y se le de movimiento desde el extremoizquierdo de la pantalla hasta el derecho

Tener en cuenta eje de coordenadas


Ejercicio

� Modificar el programa anterior de manera que el trenvuelva a la izquierda cuando llegue al extremo derecho dela pantalla


Ejercicio

� Realizar un programa en el que el tren se mueva de desdeel extremo izquierdo de la pantalla hasta el derechoemitiendo humo desde su chimenea al trasladarse (utilizardiferentes disfraces para simularlo)


� Vamos a cambiar el fondo al escenario� Seleccionamos la solapa Fondos

Importar imágenes de fondo

� Presionamos el botón Importar, con lo queobtendremos una pantalla como la siguiente

� A continuación elegimos la imagen


Importar imágenes de fondo


Ejercicio

� Colocarle un fondo al programa que realizamosanteriormente


Sonido


Ejercicio

� Incorporarle un sonido al programa anterior que simuleel sonido de un tren en desplazamiento. Dicho sonidodebe producirse mientras el tren se encuentra andando.


Ejercicio

� Incorporar un caballo en el programa anterior (con disfraz), que trote al costado del tren.


Diálogos animados

Utilizaremos para realizar Diálogos animados los bloques Apariencia y

Control


Diálogos animados


Manejo de Condiciones y Variables

� Crear un programa que permita conocer el mayor número de dos ingresados

� Algoritmo


INICIOLEER numero1, numero2SI el numero1 es mayor que el numero2 entonces

IMPRIMIR El número XX es mayor que el número ZZSI NO

IMPRIMIR El número XX es menor o igual al número ZZFIN

Manejo de Condiciones y Variables

� Crear un programa que permita conocer el mayor número de dos ingresados

� AlgoritmoINICIO

LEER numero1, numero2SI el numero1 es mayor que el numero2 entonces

IMPRIMIR El número XX es mayor que el número ZZ


IMPRIMIR El número XX es mayor que el número ZZSI NO

IMPRIMIR El número XX es menor o igual al número ZZFIN

Ejercicio

� Incorporar un nuevo objeto al programa, que diga cuál ha sido el ganador de la carrera.� Tren


Ejercicio

� Caballo


Ejercicio

� Niño


Lápiz

� Cuadrado

Lápiz

� Triángulo

Lápiz

� Rectángulo

Lápiz

� Romboide

Lápiz

� Circunferencia

¿Cómo elaborar una actividad didáctica?

� Finalidad.

� Discusión de la idea y Análisis.

� Diseño.

� Implementación.


Finalidad


Discusión de la idea y Análisis

� Cuál es la idea.

� Debate y enriquecimiento.

� Posibilidades de producción (recursos de desarrollo e implementación).implementación).

� Tiempo de diseño.


Diseño

� Elección de personajes.

� Diálogos.

� Escenarios.

� Duración de la actividad.� Duración de la actividad.

� Utilización de otras actividades.

� Interacción con el alumno.

� Evaluación.


Implementación

� Aplicación de la actividad.

� Evaluación.


Evaluación Final

� Tres objetos (cambio de disfraz a uno de ellos).� Dos fondos (cambio de fondo en algún momento de la ejecución del programa).

� Un sonido.� Dos variables.

Contenidos mínimos requeridos

� Dos variables.� Interacción entre dos objetos (a través de mensajes)� Interacción con el usuario

� Pregunta (unión de texto con respuesta).� Utilización de un condicional para comparar que la respuesta del usuario sea correcta.

� Mostrar al usuario el resultado (correcto o incorrecto de su respuesta).

� Plazo de Entrega: 17/02/2011 (enviar el proyecto por mail)Centro Regional de Profesores del Litoral – Cursos de Verano 2011

Muchas Gracias!Andrea Barisano: [email protected]

Elizabeth Silva Layes: [email protected]


scratch cerp del litoral

Documents