💾 Archived View for gamifi.cat › blog › 2015-11-06_uocscratch_1 › index.html captured on 2024-08-18 at 19:56:56.
⬅️ Previous capture (2024-06-16)
-=-=-=-=-=-=-
<!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>