{"id":9987,"date":"2013-08-03T14:22:01","date_gmt":"2013-08-03T13:22:01","guid":{"rendered":"http:\/\/changlonet.com\/blog\/?p=9987"},"modified":"2013-08-03T14:22:01","modified_gmt":"2013-08-03T13:22:01","slug":"introduccin-a-la-programacin-para-nios-con-scratch","status":"publish","type":"post","link":"https:\/\/changlonet.com\/blog\/introduccin-a-la-programacin-para-nios-con-scratch\/","title":{"rendered":"Introducci\u00f3n a la programaci\u00f3n para ni\u00f1os con Scratch"},"content":{"rendered":"<p>\t\t\t\tEste verano me he puesto a ense\u00f1ar a programar a la familia. As\u00ed que me he liado la manta a la cabeza y me estoy dedicando a tratar de ense\u00f1ar a programar a mis hijos y a mi mujer. Con la ni\u00f1a peque\u00f1a (nueve a\u00f1os), he escogido como lenguaje de programaci\u00f3n para su primeros pasos <a href=\"http:\/\/scratch.mit.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">a Scratch<\/a><\/p>\n<p><a href=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/Scratch-gato-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; margin-right: auto; border: 0px;\" title=\"Scratch gato 1\" alt=\"Scratch gato 1\" src=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/Scratch-gato-1_thumb.jpg\" width=\"419\" height=\"235\" border=\"0\" \/><\/a><\/p>\n<h2>\u00bfQu\u00e9 es Scratch?<\/h2>\n<p>Es un herramienta para que los ni\u00f1os (y los no tan ni\u00f1os) puedan empezar a dar sus primero pasos en el mundo de la programaci\u00f3n. Fue creado en el MIT, por un equipo dirigido por\u00a0 <a href=\"http:\/\/www.media.mit.edu\/people\/mres\" target=\"_blank\" rel=\"noopener noreferrer\">Mitchel Resnick<\/a>.<\/p>\n<p>En su actual versi\u00f3n, el entorno de programaci\u00f3n se ejecuta desde un navegador, por lo que no hay que instalar nada, basta <a href=\"http:\/\/scratch.mit.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">ir a la direcci\u00f3n de Scratch<\/a>\u00a0 y empezar a probarlo. Lo m\u00e1s sencillo es crearnos una cuenta, para poder guardar nuestros proyectos.<\/p>\n<p>Parece que sea una versi\u00f3n potenciaciada y mucho m\u00e1s visual de <a href=\"http:\/\/es.wikipedia.org\/wiki\/Logo_%28lenguaje_de_programaci%C3%B3n%29\" target=\"_blank\" rel=\"noopener noreferrer\">Logo<\/a>, solo que aqu\u00ed cambiamos a la tortuga por un gato.<\/p>\n<h2>\u00bfComo se programa en Scratch?<\/h2>\n<p>En Scratch no se escribe c\u00f3digo al uso, es decir no hay un editor de texto donde escribir las \u00f3rdenes, sino que hay un mont\u00f3n de piezas, cada una de ellas representa una instrucci\u00f3n. Se arrastra la pieza o bloque\u00a0 a la parte del editor de c\u00f3digo (que sigue existiendo, pero como lugar donde encajar las piezas que representan las instrucciones) y se coloca en su lugar. La idea es sencillamente brillante. El ni\u00f1o no tiene que andar aprendiendo a escribir las instrucciones, \u00e9sta ya est\u00e1n escritas. Y la sintaxis se resuelve tambi\u00e9n de forma magistral. Las piezas tienen formas diferentes y si dos instrucciones no se pueden ejecutar una despu\u00e9s de la otra, no se podr\u00e1n poner juntas, no encajar\u00e1n.<\/p>\n<p>En Scratch, el resultado de nuestra programaci\u00f3n es muy visual. Todas las \u00f3rdenes que escribimos, se ejecutan en una pantalla virtual llamada escenario, que tiene un tama\u00f1o de 480 pixeles de ancho, y de 360 pixeles de alto. En ese escenario, se ver\u00e1n los resultados de nuestra programaci\u00f3n.<\/p>\n<h2>\u00bfComo es el entorno de Scratch?<\/h2>\n<p>Entorno de Scratch, se ejecuta dentro del navegador. Tiene este aspecto:<\/p>\n<p><a href=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image.png\"><img decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"image\" alt=\"image\" src=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image_thumb.png\" width=\"783\" height=\"584\" border=\"0\" \/><\/a><\/p>\n<p>Sus partes principales son:<\/p>\n<ul>\n<li><strong>Escritorio<\/strong>: como hemos dicho antes, es el lugar donde se ve el resultado de nuestras acciones. Por defecto tenemos un fondo blanco y un gato, pero el aspecto gr\u00e1fico se puede modificar a gusto del ni\u00f1o o del usuario de forma muy f\u00e1cil.<\/li>\n<li><strong>Gr\u00e1ficos a usar: <\/strong>aqu\u00ed es donde podemos ir a\u00f1adiendo otros personajes u objetos para mostrar en el escritorio, modificar los que tenemos, cambiar el fondo. Hay opciones para importar desde ficheros, para hacer fotos con la c\u00e1mara o para editar directamente una imagen.<\/li>\n<li><strong>Selector de tipo de bloque<\/strong>: indicamos el tipo de bloque que queremos a\u00f1adir a nuestro programa. Los tipos de bloques es la forma en que e dividen las clases de instrucciones. Cada tipo de bloque tiene un color, para que sea m\u00e1s f\u00e1cil recordarlos. Tenemos los siguientes tipos de bloque<\/li>\n<\/ul>\n<ul>\n<li>Movimiento: nos permiten mover objeto por el escritorio<\/li>\n<li>Apariencia: para cambiar el aspecto gr\u00e1fico de los objetos<\/li>\n<li>Sonido: para a\u00f1adir sonido a nuestros programas<\/li>\n<li>L\u00e1piz: para dibujar directamente sobre el escritorio<\/li>\n<li>Datos: para crear variables que usar en los programas<\/li>\n<li>Eventos: para definir acciones antes cosas que pasan en el escritorio<\/li>\n<li>Control: para gestionar el control del flujo del programa. Aqu\u00ed estar\u00edan los bucles y los ifs<\/li>\n<li>Sensores: realmente podr\u00edan estar en eventos, porque se parecen. Los sensores nos permiten detectar cosas que pasan en el escritorio y reaccionar.<\/li>\n<li>Operadores: donde podemos hacer operaciones con las variables y objetos del programa<\/li>\n<li>M\u00e1s bloques: aqu\u00ed pueden ir bloques especiales que definamos nosotros.<\/li>\n<li><strong>Bloques y acciones a ejecutar<\/strong>: aqu\u00ed es donde ir\u00edamos dejando los bloques de c\u00f3digo que queremos que se ejecuten. Ser\u00eda lo m\u00e1s parecido al editor de texto.<\/li>\n<\/ul>\n<h2>Como escribir el Hola Mundo en Scratch<\/h2>\n<p>La costumbre de empezar con el Hola Mundo, en Scratch no podr\u00eda ser m\u00e1s sencillo. Vamos al entorno en el navegador, seleccionamos el tipo de bloque \u201cApariencia&#8221; y luego cogemos el bloque que pone: Decir, ser\u00eda \u00e9ste:<\/p>\n<p><a href=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image1.png\"><img decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; margin-right: auto; border: 0px;\" title=\"image\" alt=\"image\" src=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image_thumb1.png\" width=\"370\" height=\"81\" border=\"0\" \/><\/a><\/p>\n<p>lo arrastramos a la zona de ejecuci\u00f3n de bloques y cambiamos el Hello de dentro, por Hola Mundo, quedar\u00e1 algo as\u00ed:<\/p>\n<p><a href=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image2.png\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; margin-right: auto; border: 0px;\" title=\"image\" alt=\"image\" src=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/image_thumb2.png\" width=\"555\" height=\"302\" border=\"0\" \/><\/a><\/p>\n<p>Ahora si queremos lo guardamos y podemos compartirlo con otros usuarios.<\/p>\n<h2>\u00bfQu\u00e9 tal es Scratch para la docencia?<\/h2>\n<p>Llevo un mes con Scratch y todav\u00eda me est\u00e1 sorprendiendo por lo bien pensado qu\u00e9 est\u00e1 Scratch para ense\u00f1ar a programar. Yo lo veo ideal para iniciar a ni\u00f1os de hasta 16 a\u00f1os. E incluso para usarlo en la introducci\u00f3n a la programaci\u00f3n de gente mayor. De hecho yo lo he usado para mostrar los ejemplos en la parte de introducci\u00f3n, de las decisiones, los bucles, las asignaciones. Es muy c\u00f3modo abrir el navegador y pintar con cuatro bloques el ejemplo y luego ejecutarlo.<\/p>\n<p>Es muy simple ir explicando los principios b\u00e1sicos de la programaci\u00f3n con Scratch. Tiene las ventajas de la sencillez de uso por parte de los alumnos y de la claridad de conceptos que presenta. Adem\u00e1s todo lo que hacemos enseguida lo vemos reflejado en el escritorio, as\u00ed que eso es algo que se agradece mucho por los ni\u00f1os.<\/p>\n<p>Lo veo una herramienta muy potente y que puede ayudar a aprender a programar o por lo menos a que se empiece a entender algo d\u00e9 la l\u00f3gica que se esconde detr\u00e1s de todos los dispositivos digitales que nos rodean a todos.<\/p>\n<p>Por cierto yo estoy usando como gu\u00eda para empezar con Scratch <a href=\"http:\/\/www.eduteka.org\/pdfdir\/ScratchGuiaReferencia.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">un excelente documento que saqu\u00e9 de Eduteka.org<\/a>. Un manual muy sencillo e ideal para los primeros pasos con este lenguaje.<\/p>\n<p>As\u00ed que nada, ya no hay excusas para no ense\u00f1ar a los m\u00e1s peque\u00f1os a programar.\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este verano me he puesto a ense\u00f1ar a programar a la familia. As\u00ed que me he liado la manta a la cabeza y me estoy dedicando a tratar de ense\u00f1ar a programar a mis hijos y a mi mujer. Con la ni\u00f1a peque\u00f1a (nueve a\u00f1os), he escogido como lenguaje de programaci\u00f3n para su primeros pasos <a href=\"http:\/\/scratch.mit.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">a Scratch<\/a><\/p>\n<p><a href=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2013\/08\/Scratch-gato-1.jpg\"><\/a><br \/>\n\u00bfQu\u00e9 es Scratch?<br \/>\nEs un herramienta para que los ni\u00f1os (y los no tan ni\u00f1os) puedan empezar a dar sus primero pasos en el mundo de la programaci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":9980,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[13],"tags":[1912,2251,2489],"series":[],"class_list":["post-9987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-ninos","tag-programacion","tag-scratch"],"_links":{"self":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts\/9987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/comments?post=9987"}],"version-history":[{"count":0,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts\/9987\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/media\/9980"}],"wp:attachment":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/media?parent=9987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/categories?post=9987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/tags?post=9987"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/series?post=9987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}