{"id":372,"date":"2019-02-05T12:19:43","date_gmt":"2019-02-05T12:19:43","guid":{"rendered":"https:\/\/blogsaverroes.juntadeandalucia.es\/atencioneducativadomiciliariayaulashospitalariasdehuelva\/?p=372"},"modified":"2019-02-05T12:25:00","modified_gmt":"2019-02-05T12:25:00","slug":"probando-entrada","status":"publish","type":"post","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/atencioneducativadomiciliariayaulashospitalariasdehuelva\/2019\/02\/05\/probando-entrada\/","title":{"rendered":"Presentando Scratch…"},"content":{"rendered":"
\n
Escribo este art\u00edculo como colaboraci\u00f3n con el compa\u00f1ero Jos\u00e9 Juan y con el prop\u00f3sito de cumplir con uno de los requisitos del curso online: \u00abBlog Averroes en el aula<\/span>\u00bb.<\/div>\n
Dada mi especialidad y observando el nivel educativo y materiales proporcionados por el compa\u00f1ero, he decidido dedicar esta entrada a la programaci\u00f3n usando Scratch.<\/div>\n
\u00bfQu\u00e9 es Scratch?<\/div>\n
\n
Scratch<\/span> es un lenguaje de programaci\u00f3n visual desarrollado por el Grupo Lifelong Kindergarden del MIT Media Lab. Su principal caracter\u00edstica consiste en que permite el desarrollo de habilidades mentales mediante el aprendizaje de la programaci\u00f3n, sin tener conocimientos profundos sobre el c\u00f3digo. Sus caracter\u00edsticas ligadas al f\u00e1cil entendimiento del pensamiento computacional han hecho que sea muy difundido en la educaci\u00f3n de ni\u00f1os, adolescentes y adultos.<\/div>\n
Este lenguaje de programaci\u00f3n se utiliza con fines did\u00e1cticos para crear animaciones de forma sencilla y servir como introducci\u00f3n al contenido de programaci\u00f3n m\u00e1s avanzado.<\/div>\n
Extra\u00eddo de la Wikipedia donde fue publicado bajo licencia Creative Commons (Compartir igual)<\/div>\n<\/div>\n
La primera pregunta que nos hacemos es: \u00bfc\u00f3mo accedo a Scratch? Muy sencillo, aunque podemos descargarlo en nuestro ordenador, tambi\u00e9n podemos utilizarlo desde un navegador sin necesidad de instalar nada.<\/div>\n
La versi\u00f3n online de Scratch est\u00e1 disponible en la siguiente direcci\u00f3n: https:\/\/scratch.mit.edu\/projects\/editor\/<\/a><\/div>\n
\u00bfQu\u00e9 elementos aparecen en la pantalla?<\/div>\n
Vamos a distinguir las siguientes zonas de trabajo dentro del \u00e1rea de visualizaci\u00f3n de nuestro navegador:<\/div>\n
\n
\"Scratch<\/div>\n
Imagen bajo licencia de dominio p\u00fablico
\nAutor: Desconocido<\/div>\n<\/div>\n
    \n
  1. Men\u00fa principal<\/span>: Entre otras funciones, permite definir el idioma del programa e iniciar un nuevo proyecto. Tambi\u00e9n existen opciones para guardar el trabajo que hemos realizado en nuestro ordenador, con el fin de que podamos retomarlo otro d\u00eda \u2014ten en cuenta que si cierras el navegador, pierdes todo lo realizado\u2014.<\/li>\n
  2. \n
    Categor\u00edas de herramientas<\/span>: Igual que en una cocina los ingredientes del mismo tipo se colocan juntos \u2014especias, verduras, etc.\u2014 las herramientas con las que se puede controlar a nuestro personaje se ordenan atendiendo a su funci\u00f3n: movimiento, apariencia, sonido, etc.<\/div>\n
    Al seleccionar una categor\u00eda, aparecer\u00e1n a su derecha las herramientas disponibles, representadas como piezas de un puzzle.<\/div>\n<\/li>\n
  3. Zona de programa<\/span>: Al igual que en un puzzle se parte de una pieza y se va enlazando con otras para componer una imagen, en un programa Scratch vamos a ir combinando unas herramientas con otras para resolver un problema.<\/li>\n
  4. \n
    Escenario<\/span>: Lugar donde transcurre la acci\u00f3n. En la parte superior puedes observar una bandera verde \u2014que permite ejecutar el programa\u2014 y un bot\u00f3n rojo \u2014que lo detiene en cualquier momento\u2014.<\/div>\n
    Todo objeto que se coloque en el escenario est\u00e1 sujeto a un sistema de coordenadas, siendo el centro la posici\u00f3n (0,0).<\/div>\n<\/li>\n
  5. Propiedades<\/span>: Permite ajustar las propiedades del objeto seleccionado en el escenario. As\u00ed por ejemplo, cuando seleccionamos el gato, podemos asignarle un nombre, definir su posici\u00f3n en el escenario, su visibilidad, etc.<\/li>\n<\/ol>\n
    Mi primer programa…<\/div>\n
    Lo primero que tenemos que decidir es el problema que vamos a resolver, y explicarlo en una serie de p\u00e1rrafos:<\/div>\n
    Nuestro personaje \u2014el gato Felix\u2014 debe partir del lado izquierdo del escenario y moverse hasta el derecho. A continuaci\u00f3n nos mandar\u00e1 un saludo y volver\u00e1 al punto de partida.<\/div>\n
    Pues manos a la obra…<\/div>\n
    Ya que el gato va a iniciar su recorrido en la parte izquierda del escenario debemos seleccionarlo y cambiar sus propiedades, estableciendo las coordenadas (-180,0) \u2014zona 5\u2014.<\/div>\n
    Como toda gran pel\u00edcula, un programa tiene un punto de inicio y uno de finalizaci\u00f3n, as\u00ed que seleccionaremos en la zona 2 la categor\u00eda \u00abEventos<\/span>\u00bb y arrastraremos hacia la zona 3 la pieza: \u00abAl hacer clic en (bandera)<\/span>\u00bb. Y de la categor\u00eda \u00abControl<\/span>\u00bb, arrastraremos la pieza \u00abDetener todos<\/span>\u00bb. No las enlazaremos, como las piezas de un puzzle, ya que entre ellas tiene que transcurrir la acci\u00f3n…<\/div>\n
    \n

    \"Scratch<\/p>\n

    Imagen bajo licencia de dominio p\u00fablico
    \nAutor: Desconocido<\/div>\n<\/div>\n
    Lo primero que debe hacer nuestro personaje es desplazarse poco a poco \u2014no de golpe\u2014 hacia la derecha, en incrementos de \u2014por ejemplo\u2014 10 pasitos. Esta acci\u00f3n debe repetirse hasta que el gato alcance el borde derecho, esto es, su posici\u00f3n horizontal (x) sea igual o sobrepase la coordenada 180. Para conseguirlo accederemos a la categor\u00eda \u00abControl<\/span>\u00bb y arrastrarmos la pieza \u00abRepetir hasta que…<\/span>\u00bb, que acoplaremos a la pieza que da inicio a nuestro programa. En el hueco hexagonal colocaremos un \u00abOperador<\/span>\u00bb: valor1 > valor2<\/span>. Al colocar la pieza hexagonal aparecen dos huecos el\u00edpticos que debemos rellenar con:<\/div>\n