💾 Archived View for gamifi.cat › blog › 2015-11-06_uocscratch_1 › index.html captured on 2024-06-16 at 12:51:01.
⬅️ Previous capture (2024-02-05)
-=-=-=-=-=-=-
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="blog, cultura lliure, internet, programari lliure, snap, gemini, fediverse, llengua catalana, catala">
<title>UOCscratch 1. IntroducciĂł a Scratch - Gamifica't!</title>
<link rel="stylesheet" href="../../static/style.css">
<link rel="shortcurt icon" type="image/svg" href="../../img/favicon.svg">
</head>
<body>
<header class="header">
<a href="#main" class="skip">Salt al contingut</a>
<a href="../../" class="logo" ><img src="../../img/logo.svg" width="300" alt="Logo Gamifica't"></a>
<nav class="header-right">
<a href="../">Blog</a>
<a href="../../projectes/">Projectes</a>
<a href="../../glossari/">Glossari</a>
<a href="../../contacte/">Contacte</a>
<a href="../../blog.xml" class="logo" ><img src="../../img/rss.png" width="32" alt="RSS Gamifica't"></a>
</nav>
</header>
<main id="main">
<div class="page">
<div class="blog-post">
<h1>UOCscratch 1. IntroducciĂł a Scratch</h1>
<p class="meta">2015-11-06</p>
<p>Aquest Ă©s el tercer curs d’Scratch que faig en poc mĂ©s d’un mes i es titula “ProgramaciĂłn para todos con Scratch”. Des de finals de setembre i durant tot el mes d’octubre, he estat fet dos cursos simultĂ niament: #MoocBot de l’INTEF i el curs <em>Pensamiento computacional en la escuela</em> de la Universitat del PaĂs Basc. Scratch estĂ a l’ordre del dia :) I jo que me n’alegro molt!</p>
<p>Aquest nou curs, que va arrencar el dilluns 2 de novembre, ha estat organitzat pel Grup Inventa de la Universitat Oberta de Catalunya (UOC).</p>
<p>Els curs té 5 mòduls:</p>
<p><a href="index.html">1. IntroducciĂł a Scratch</a><br />
<a href="../2015-11-13_uocscratch_2/index.html">2. Blocs bĂ sics</a><br />
<a href="../2015-11-20_uocscratch_3/index.html">3. Blocs avançats</a><br />
<a href="../2015-11-22_uocscratch_videojoc/index.html">Videojoc amb Scratch</a><br />
<a href="../2015-11-27_uocscratch_4/index.html">4. Alternatives a Scratch</a><br />
<a href="../2015-12-09_uocscratch_5/index.html">5. InteracciĂł i mĂłn fĂsic</a></p>
<p>La primera setmana ens aproparem a conceptes com el pensament computacional o el construccionisme i se’ns presentaran eines amigables que faciliten la posada en prà ctica de la programació.</p>
<h2>IntroducciĂł a Scratch</h2>
<p>Scratch és un entorn d’aprenentatge molt amigable que té per objectiu introduir a la programació. Si bé va ser inicialment creat per a infants de 6 a 16 anys, pot ser usat per qualsevol personeta que vulgui aprendre a programar tot creant jocs o animacions.</p>
<p>Per conèixer millor Scratch, proposen un parell de vĂdeos: ÂżQuĂ© es Scratch? i la PresentaciĂł del curs. L’eina, que avui compta amb 11 milions de projectes compartits per uns 6 milions d’usuaris arreu del mĂłn, va ser ideada al 2007 per investigadors encapçalats per Mitchel Resnik al Grup Lifelong Kindergarden del Massachusetts Institut of Technology (MIT).</p>
<p>L’actual versió és la 2.0, disponible des del desembre de 2014. Destaca d’Scratch:</p>
<ul>
<li><p>L’interfĂcie grĂ fica Ă©s molt amigable: senzilla i intuitiva. De seguida sabem on hem de trobar o posar cada cosa i l’editor grĂ fic Ă©s molt Ăştil per crear els teus propis personatges o escenaris.</p>
</li>
<li><p>La programació es pot veure en temps real. A l’esquerra sempre veurem la pantalla i a la dreta, l’editor grà fic o so o els blocs de programació. Si tenen un relleu en groc és que estan actius.</p>
</li>
<li><p>Els projectes es poden compartir fà cilment i el sistema de remix o reinvenció sempre guarda el crèdit del projecte original.</p>
</li>
<li><p>Hi ha opciĂł online o offline, de connectar-se en lĂnia o descarregar el programa a l’ordinador (recomanat en zones on Internet Ă©s feble o inexistent).</p>
</li>
<li><p>La documentació sobre Scratch és molt à mplia i la comunitat molt diversa, cosa que facilita resoldre problemes que puguin sorgir als projectes. Ara bé, sempre és millor buscar en terminologia anglesa…Tot i que hi ha molta cosa traduïda al català i al castellà , sempre és millor buscar paraules clau en anglès. Sobretot als fòrums.</p>
</li>
</ul>
<p>Alguns dels principals objectius d’Scratch (o d’eines similars) són:</p>
<ul>
<li>Treballar amb problemes oberts</li>
<li>Analitzar i modelar situacions diverses</li>
<li>Optimitzar solucions</li>
<li>Treballar en equip i de forma col·laborativa</li>
<li>Afavorir la motivació i l’autosuperació</li>
<li>Connetar amb les à rees STEM (Ciència, Tecnologia, Enginyeria i Mates)</li>
<li>Ajudar a pensar algorĂtmicament</li>
</ul>
<h2>El pensament computacional al currĂculum</h2>
<p>En aquest apartat descobrirem les iniciatives extraescolars que estan ajudant a difondre l’ús del pensament computacional en els infants. Tirant d’hemeroteca, se’ns comparteixen aquests articles:</p>
<ul>
<li>“Aprende a programar como quien aprende a leer”. El PaĂs (2013)</li>
<li>“AsĂ sĂ se promociona la programaciĂłn: Obama escribe su primera lĂnea de cĂłdigo”. Xataka (2014)</li>
<li>“15+ Ways of Teaching Every Student to Code (Even Without a Computer)”. Edutopia (2013)</li>
</ul>
<p>Iniciatives d’aquà i d’allà :</p>
<ul>
<li>Scratch Day: celebraciĂł anual a nivell internacional</li>
<li>Code Week Europa: la setmana europea del codi</li>
<li>Hour of Code: una iniciativa que promou un tastet d’una hora de programació lúdica</li>
<li>CodeClubCat: a nivell de xarxa de biblioteques catalanes, aquesta iniciativa Ă©s un fork o desdoblament o sucursal, diguem, de la iniciativa dels CodeClub nascuda a Anglaterra. Les personetes que han engegat el CodeClubCat han traduĂŻt material, aconseguit un acord amb universitats i format estudiants de carrera per fer voluntariats a les biblios.</li>
</ul>
<p>La intenciĂł d’aquestes iniciatives Ă©s que s’integri el pensament computacional al currĂculum educatiu. Alguns paĂsos, com Estonia o Anglaterra, ja han fet aquest pas. AquĂ una captura del vĂdeo del curs on s’exposa, per paĂsos -i a nivell mundial-, la vinculaciĂł de la programaciĂł al currĂculum escolar.</p>
<p>A nivell europeu, tambĂ© s’hi treballa. Es necessiten programadors i hi ha feines especialitzades, com aquesta, que tenen molta demanda. Hi ha un 8% de llocs de treball que ni tan sols queden coberts, alguns per la manca d’especialització… Com es veu a la segĂĽent imatge, però, hi ha molts paĂsos europeus que ja l’han incorporada i molts que l’incorporaran aviat.</p>
<p>A Espanya, Navarra és la comunitat autònoma més avançada en el tema: s’ensenya programació des d’aquest any escolar 2014/1015 als alumnes de 4rt i 5è de primà ria. A la comunitat de Madrid s’anuncia una assignatura de programació per als estudiants de secundà ria. A Catalunya s’ha creat una assignatura a 4rt de secundà ria en la que els alumnes creen apps amb App Inventor (una mena d’Scratch -funciona amb blocs- però per programar aplicacions mòbils).</p>
<h2>Scratch i el pensament computacional</h2>
<p>Scratch és una molt bona eina per introduir-se al món de la programació. Es basa en blocs grà fics de programació que representen ordres i rutines. Aquests blocs s’enllacen entre ells com peces de trencaclosques. El llenguatge que utilitza és molt gramaticalitzat.</p>
<p>Les ordres són coses com: “Quan es premi la bandera verda” (aquesta sempre és l’ordre que dóna el “Play” al projecte i és de color marró i porta un caputxó perquè indica un esdeveniment) “mou-te 10 passes” (aquesta seria una ordre de color blau fosc, relacionada amb la mobilitat del “Personatge”).</p>
<p>Scratch estĂ en molts idiomes, catalĂ inclòs, ara bĂ©, jo fa dies que vaig amb la versiĂł anglesa perquè no em canvia a català …Aix…no sĂ© si sĂłc jo o Scratch. Concluim, però , que l’eina es presenta com un entorn amigable que aconsegueix introduir a la programaciĂł sense tocar ni una sola lĂnia de codi.</p>
<h2>Antecedents de Scratch</h2>
<p>Al 2007 neixia Scratch al laboratori Media Lab del MIT. Els antecedents mĂ©s immediats els trobem a Logo i a Squeak, eines tecnològiques per aprendre a programar que es basen en els principis construccionistes de Piaget (i al vĂdeo han dit un altre nom que no he entès…) . Aquestes teories van ser acollides per Seymour Papert, que dins el MIT, creava, al 1967, el llenguatge Logo, on els infants podien aprendre a programar amb una tortugueta.</p>
<p>Col·laborador de Papert, Alan Kay (pare del llenguatge orientat a objectes) creava al 1996 Squeak. E-toys és un dels seus entorns més coneguts. Aquà el logo d’Squeak i Scratch també és un gat :)</p>
<h2>Alternatives a Scratch</h2>
<ul>
<li>Snap! Desenvolupat per la Universitat de Berkeley. És com Scratch però no funciona amb flash.</li>
<li>Es parla també de Desing Blocks (més senzill que Scratch es veu) però des d’abril del 2015 que la pà gina no suporta projectes. No acabo d’entendre si han plegat o no.</li>
<li>App Inventor. Ja va per la versió 2. És com un Scratch però per entorn mòbil. Només per a Android. Jo he fet una app sobre Cooperatives de Sants ;)</li>
<li>Stencyl és una eina molt visual destinada a la creació de videojocs (però més aviat és un framework: no es necessita programar).</li>
</ul>
<p>També es destaquen alguns eines destinades al món animat:</p>
<ul>
<li>Synfig, gratuĂŻt i de codi obert, Ă©s una eina per fer animacions amb vectors. La provo segur!</li>
<li>Pencil2d, una altra eina open source per crear animacions :)</li>
<li>Blender, una de les eines més potents en el camp de l’animació digital.</li>
</ul>
<h2>IntroducciĂł a l'entorn de programaciĂł de Scratch</h2>
<p>Les creacions a Scratch es diuen projectes. Els pots compartir o no, com tu vulguis. Ara bé, si no els comparteixes no estan visibles. Els elements de la pà gina d’usuari són:</p>
<ul>
<li>ESCENARI: A l’esquerra superior (és el o els fons del projecte)</li>
<li>OBJECTES: A l’esquerra inferior (són els elements que es mouen per l’escenari)</li>
<li>ESPAI D’EDICIÓ/PROGRAMACIÓ: Dreta superior i mig (pestanyes: programes, vestits i so)</li>
<li>MOTXILA: Dreta inferior (on es poden guardar troços de codi)</li>
</ul>
<p>Els blocs de programació són de colors per facilitar-ne la busca. Alguns són operadors (els verds), alguns enceten esdeveniments (els marrons), alguns són sensors (els blau clar), etc. Les peces encaixen entre elles com un trencaclosques però perquè funcioni un projecte, la seqüència de la sintaxi gramatical dels blocs ha de tenir sentit.</p>
<p>Scratch accepta extensions com Scratch for Arduino o Lego We Do que fan que amb els blocs d’Scratch es puguin programar robots o plaques electròniques. AquĂ deixo el vĂdeo relacionat amb la introducciĂł a l’entorn d’Scratch:</p>
<h2>Activitat no avaluable</h2>
<p>A més del temari, tenim deures :) Una activitat no avaluable que consisteix en trastejar les 12 Scratch Cards i anar-se familiaritzant amb l’entorn i el funcionament d’Scratch. Em feia mandreta fer-les una per una i he creat un projecte on hi són totes. He intentat fer-lo senzill però sà que és un pas més a les simples ordres cada carta. Aviam si m’explico…</p>
<p>El projecte, diguem, està construït des de la variable “Fons”, que porta la batuta. Cada Scratch Card del projecte està representada per un “Sprite” o “Personatge”. Dins la programació de cadascun, a més dels blocs de la carta original, trobarem altres blocs, com el que fa referència a al fons. Si hi ha tal fons X, el personatge farà el que tingui programat i si nó, s’amagarà . Amb això, farem que només es mostri aquell personatge i el seu codi si el fons correspon al de la carta.</p>
<p><a href="https://scratch.mit.edu/projects/86537045/">Scratch Cards (en catalĂ )</a></p>
<h2>Activitat avaluable</h2>
<p>L’activitat avaluable que consisteix en crear un petit programa combinant Scratch Cards. Amb condicions, però…</p>
<ul>
<li>Que tingui un objectiu clar (ok, has d’ajudar a un nino a aconseguir les 5 necessitats bà siques de la pirà mide de Maslow)</li>
<li>Que contingui de 2 a 5 Scratch Cars (ok, jo n’he posat 3, es detalla als comentaris del projecte)</li>
<li>Que no es passi de 16 blocs (uff, impossible :) Sort que aquest punt és només una recomanació…</li>
<li>Ser creatius (ok, ho he intentat: tots els dibuixets menys el llaurer sĂłn meus :)</li>
</ul>
<p><a href="https://scratch.mit.edu/projects/86818463/">Joc PirĂ mide de Maslow</a></p>
</div>
</div>
</main>
<footer>
Internets duals: gemini://gamifi.cat<br>
<a href="../../llicencies/">Diverses llicències</a> / <a href="../../kukis/">PolĂtica de Kukis</a><br>
♥ Fet amb paciència i tecnologies lliures ♥
</footer>
</body>
</html>