{"id":5219,"date":"2023-06-20T18:10:23","date_gmt":"2023-06-20T17:10:23","guid":{"rendered":"https:\/\/canaltic.com\/blog\/?p=5219"},"modified":"2023-06-20T18:13:04","modified_gmt":"2023-06-20T17:13:04","slug":"pensamiento-computacional-y-narrativa-multimedia-con-scratchjr","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=5219","title":{"rendered":"Pensamiento Computacional y Narrativa Multimedia con ScratchJr"},"content":{"rendered":"

El arte de contar historias<\/h2>\n

En la actualidad las pantallas ocupan una parte fundamental de nuestra vida. La habilidad de contar historias en formato multimedia se ha puesto de moda despertando suma curiosidad e inter\u00e9s como t\u00e9cnica para comunicar mensajes de forma efectiva en las redes sociales.<\/p>\n

En este art\u00edculo se exponen ejemplos de c\u00f3mo el alumnado puede crear narraciones implementadas mediante animaciones multimedia usando la aplicaci\u00f3n ScratchJr<\/strong><\/a> que permite programar mediante codificaci\u00f3n el movimiento de personajes, di\u00e1logos en forma de texto y de audio, secuencia de escenas \u2026 Esta t\u00e9cnica representa una aplicaci\u00f3n creativa y muy atractiva del pensamiento computacional.<\/p>\n

El \u00e9xito del relato se basa en un buen guion literario de la historia y en una buen realizaci\u00f3n t\u00e9cnica. Esto no solamente supone el dominio del lenguaje verbal y de las prestaciones de la herramienta creativa, sino tambi\u00e9n de ciertos conocimientos de lenguaje audiovisual: planos, escenas, movimientos de c\u00e1mara, banda sonora, efectos sonoros y visuales \u2026<\/p>\n

ScratchJr para alumnado de 5 a 9 a\u00f1os<\/h2>\n

ScratchJr<\/strong> es una app para dispositivos m\u00f3viles (Android e iOS) pensada para la iniciaci\u00f3n a la programaci\u00f3n con ni\u00f1os\/as de edades entre 5 y 9 a\u00f1os. Gracias a ella pueden crear sus propias historias. El alumnado va encajando los bloques de programaci\u00f3n visual para hacer que los personajes se muevan, salten, bailen \u2026 Mediante el uso de los bloques de programaci\u00f3n se consigue que los personajes adquieran vida. Con el editor de gr\u00e1ficos es posible modificar los personajes e insertar fotos de s\u00ed mismos para protagonizar un sinf\u00edn de aventuras. Tambi\u00e9n es posible a\u00f1adir sus propias voces y efectos sonoros.<\/p>\n

A continuaci\u00f3n se exponen trucos y recetas con ScratchJr para conseguir distintos efectos de animaci\u00f3n en la tarea de narrar historias.<\/p>\n

Animaci\u00f3n de personajes<\/h2>\n

La animaci\u00f3n de personajes sobre el escenario es la esencia de la narraci\u00f3n con Scratch Jr. Esto se consigue aplicando los bloques de Movimiento<\/strong> a cada personaje.<\/p>\n

\"\"
Imagen 01. Bloques de movimiento<\/figcaption><\/figure>\n

El movimiento lineal<\/strong> de los objetos en el escenario 2D est\u00e1 supeditado a los 4 sentidos del plano<\/strong>: izquierda, derecha, arriba y abajo. El n\u00famero de pasos que se indica en cada bloque de desplazamiento se corresponde con las unidades de la parrilla de 20×15 cuadr\u00edculas que forman el escenario<\/strong>.<\/p>\n

\"\"
Imagen 02. Escenario de 20×15 cuadr\u00edculas<\/figcaption><\/figure>\n

Para conseguir un movimiento ininterrumpido<\/strong> se puede utilizar un bucle<\/strong>. Cuando un personaje sale del escenario por un lateral, entrar\u00e1 a continuaci\u00f3n por el lateral opuesto.<\/p>\n

\"\"
Imagen 03. Bucle de movimiento continuado<\/figcaption><\/figure>\n

Otro concepto interesante es el paralelismo<\/strong>, es decir, que dos o m\u00e1s personajes pueden animarse de forma independiente donde cada uno tiene su propia secuencia de control.<\/p>\n

\"\"
Imagen 04. Animaci\u00f3n simult\u00e1nea de dos objetos con distintas velocidades<\/figcaption><\/figure>\n

Textos<\/h2>\n

En una escena se puede a\u00f1adir uno o varios t\u00edtulos. Para ello se pulsa el bot\u00f3n T\u00edtulos<\/strong> donde se teclea y se define tama\u00f1o y color. Se puede pulsar sobre el t\u00edtulo para arrastrarlo y colocarlo en cualquier sitio del escenario. Si se mantiene pulsado sobre el texto se mostrar\u00e1 un bot\u00f3n \u201cX\u201d que permite eliminarlo si procede.<\/p>\n

\"\"
Imagen 05. Inserci\u00f3n de un t\u00edtulo en la escena<\/figcaption><\/figure>\n

El di\u00e1logo entre personajes se puede implementar mediante bocadillos<\/strong>. Se trata de globos de texto que se muestran en pantalla durante unos segundos.<\/p>\n

\"\"
Imagen 06. Bloque Decir para mostrar un bocadillo de texto durante unos segundos<\/figcaption><\/figure>\n

 <\/p>\n

Dise\u00f1o de personajes<\/h2>\n

Scratch Jr dispone de una amplia galer\u00eda de personajes<\/strong> que se pueden incorporar a la historia pulsando en el bot\u00f3n +<\/strong> situado en el panel de personajes. No se pueden importar im\u00e1genes externas. Sin embargo se puede editar el dibujo de ese personaje pulsando en el bot\u00f3n Editar<\/strong> que contiene el icono de un pincel. Desde el panel de edici\u00f3n gr\u00e1fica se pueden a\u00f1adir trazos, trasladar, girar, duplicar o cambiar los colores usando el bote de pintura.<\/p>\n

\"\"
Imagen 07. Editor gr\u00e1fico de un personaje<\/figcaption><\/figure>\n

En el editor gr\u00e1fico si se utiliza la herramienta Fotograf\u00eda<\/strong> se puede a\u00f1adir la foto del rostro de una persona tomada con la c\u00e1mara de la tablet y situarla en una zona en blanco del dibujo donde se pulsa.<\/p>\n

\"\"
Imagen 08. Herramienta fotograf\u00eda para a\u00f1adir foto del rostro al dibujo<\/figcaption><\/figure>\n

La posibilidad de personalizar los rostros explica el motivo por el cual en la galer\u00eda de im\u00e1genes se ofrecen m\u00faltiples personajes con la cara en blanco<\/strong>. De esta forma es posible incorporar en la historia al propio alumnado y ello resulta muy atractivo e interesante a estas edades.<\/p>\n

Efectos especiales<\/h2>\n

En ocasiones es necesario ajustar el tama\u00f1o de los personajes y objetos en el escenario. Para ello es necesario situar el bloque Crecer<\/strong>, o bien el bloque Disminuir<\/strong> o bien Restablecer tama\u00f1o<\/strong> en el panel de programaci\u00f3n y pulsar reiteradamente sobre este bot\u00f3n para aplicar un efecto de aumentar, disminuir o restaurar el tama\u00f1o original del objeto. Una vez terminado se arrastra fuera del panel para eliminarlo. La modificaci\u00f3n de tama\u00f1o aplicado se conservar\u00e1 durante la narraci\u00f3n mientras no se cambie.<\/p>\n

\"\"
Imagen 09. Bloques Crecer, Disminuir y Restablecer Tama\u00f1o<\/figcaption><\/figure>\n

Si deseamos que un personaje aparezca o desaparezca en un momento de la secuencia de programaci\u00f3n o bien ante un evento del usuario (por ejemplo pulsar sobre \u00e9l) entonces utilizaremos los bloques Mostrar<\/strong> u Ocultar<\/strong>.<\/p>\n

\"\"
Imagen 10. Bloques Mostrar y Ocultar<\/figcaption><\/figure>\n

Planos<\/h2>\n

En la narraci\u00f3n el uso de los bloques de Crecer y Disminuir nos permitir\u00e1 componer el plano<\/strong> correspondiente antes de iniciar la animaci\u00f3n. Scratch Jr utiliza gr\u00e1ficos vectoriales<\/strong> que facilitan que la imagen no se \u201cpixele\u201d ni pierda calidad cuando se magnifica de forma considerable.<\/p>\n

\"\"
Imagen 11. Tipos de planos de personajes<\/figcaption><\/figure>\n

Grabaci\u00f3n de audios<\/h2>\n

Scratch Jr ofrece la posibilidad de que el alumno\/a grabe sus propias locuciones<\/strong> y efectos sonoros<\/strong> e incorporarlas a la narraci\u00f3n. En la categor\u00eda Sonido<\/strong> se puede pulsar en el icono del micr\u00f3fono para grabar directamente un audio que se guardar\u00e1 en un bloque con el identificador \u201c1\u201d, \u201c2\u201d \u2026 Al a\u00f1adir este bloque a la secuencia de programaci\u00f3n se reproducir\u00e1 ese audio.<\/p>\n

\"\"
Imagen 12. Grabadora de audios<\/figcaption><\/figure>\n

Gracias a esta prestaci\u00f3n es posible incorporar textos le\u00eddos que acompa\u00f1an a los bocadillos de texto, onomatopeyas, sonidos de animales, explosiones, ruidos \u2026<\/p>\n

Escenas<\/h2>\n

Se pueden a\u00f1adir distintas escenas<\/strong> a la narraci\u00f3n y controlar mediante programaci\u00f3n el salto de una escena a otra sin tener que seguir un orden secuencial de las mismas. Cada escena es una animaci\u00f3n independiente en s\u00ed misma y no se pasar\u00e1 a otra hasta que no se ejecute el bloque de salto a la escena correspondiente.<\/p>\n

En el panel derecho de Escenas<\/strong> pulsa en el bot\u00f3n + para a\u00f1adir una nueva escena. Se distingue de la actual porque muestra la propuesta inicial del gato Scratch sobre fondo blanco. En la categor\u00eda \u201croja\u201d se puede encontrar el bloque o bloques que al ejecutarlos generan un salto a la escena 1, 2, 3 \u2026<\/p>\n

\"\"
Imagen 13. Gesti\u00f3n de escenas<\/figcaption><\/figure>\n

Resulta conveniente dise\u00f1ar un buen gui\u00f3n de la narraci\u00f3n para gestionar adecuadamente la secuencia de escenas y las transiciones de una a otra.<\/p>\n

Sincronizaci\u00f3n de personajes<\/h2>\n

Cuando en una narraci\u00f3n se utilizan dos o m\u00e1s personajes se hace necesario programar los turnos de sus intervenciones para evitar que se solapen sus acciones: desplazamientos, bocadillos de texto, audios \u2026 El paralelismo y la sincronizaci\u00f3n son conceptos computacionales para alumnado con experiencia en programaci\u00f3n.<\/p>\n

\"\"
Imagen 14. Di\u00e1logo sincronizado entre dos personajes<\/figcaption><\/figure>\n

En Scratch Jr es posible codificar esa sincronizaci\u00f3n usando dos m\u00e9todos distintos:<\/p>\n

Bloque Esperar<\/strong><\/p>\n

Consiste en utilizar el bloque Esperar X<\/strong> indicando con un n\u00famero el intervalo de tiempo de espera mientras el otro personaje muestra el bocadillo de texto. Las secuencias de ambos personajes se inician a la vez cuando se pulsa la bandera verde.<\/p>\n

\"\"
Imagen 15. Secuencias sincronizadas de ambos personajes<\/figcaption><\/figure>\n

Env\u00edo\/Recepci\u00f3n de Mensajes<\/strong><\/p>\n

El sistema de env\u00edo y recepci\u00f3n de mensajes permite sincronizar de una forma m\u00e1s precisa las acciones entre personajes. Cuando en la secuencia de programaci\u00f3n de un sprite se ejecuta el bloque Enviar mensaje <color><\/strong>, el resto de sprites, si tienen programada una secuencia de bloques asociada al evento Recibir mensaje <color><\/strong>, entonces se ejecutar\u00e1.<\/p>\n

\"\"
Imagen 16. Sincronizaci\u00f3n de acciones usando el env\u00edo\/recepci\u00f3n de mensajes<\/figcaption><\/figure>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

El arte de contar historias En la actualidad las pantallas ocupan una parte fundamental de nuestra vida. La habilidad de contar historias en formato multimedia se ha puesto de moda despertando suma curiosidad e inter\u00e9s como t\u00e9cnica para comunicar mensajes de forma efectiva en las redes sociales. En este art\u00edculo se exponen ejemplos de c\u00f3mo […]<\/p>\n","protected":false},"author":1,"featured_media":5236,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[74,112,91],"tags":[75,37,142],"class_list":["post-5219","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computing","category-diseno","category-multimedia","tag-computing","tag-multimedia","tag-narrativa"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5219"}],"version-history":[{"count":2,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5219\/revisions"}],"predecessor-version":[{"id":5238,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5219\/revisions\/5238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/5236"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}