• Inici
  • Què és Scratch?
  • Tutorial Scratch
  • Aprèn a programar
  • Projectes
  • Vídeos
  • Escoles
  • Recursos
  • Descàrrega

Programar? La solució…

Escrit per Eugeni Catalán el 14 febrer 2010, 13:01  

Així doncs anem a començar amb la resolució del problema, primer de forma verbalitzada i després fent servir un diagrama de flux per mostrar el nostre algorisme de resolució que serà fàcilment traduïble a blocs d’instruccions d’Scratch.

  1. Cal saber si va a peu, cotxe privat o vol fer servir els transports públics.
  2. Si va caminant:
    1. li indicarem que camini direcció muntanya (dalt) i giri a mà esquerra al carrer Ronda de Sant Pere.
    2. que continuï caminant durant 6 travessies per trobar el Passeig de Gràcia on veurà a mà esquerra l’edifici de El Corte Ingles (donar punts de referència sempre ajuda).
    3. llavors que giri a mà dreta pel Passeig de Gràcia i camini durant 8 travessies.
  3. Si va en cotxe:
    1. li indicarem que avanci pel Passeig de Sant Joan en direcció muntanya (dalt) durant 3 travessies.
    2. un cop arribi a la Plaça de Tetuan giri a mà esquerra per la Gran Via de les Corts Catalanes i avanci durant 6 travessies.
    3. en arribar al carrer Passeig de Gràcia que giri a mà dreta i agafi el lateral avançant durant 6 travessies fins trobar a mà dreta la Casa Milà.
  4. Si va en transport públic:
    1. Si vol anar en transport de superfície:
      1. li indicarem que camini direcció muntanya (dalt) i giri a mà esquerra al carrer Ronda de Sant Pere fins la parada de l’autobús 39.
      2. que agafi l’autobús nro. 39 fins a la parada 841-Roger de Llúria – Mallorca on ha de baixar i caminar en direcció muntanya (dalt) durant 2 travessies.
      3. girar a mà esquerra i continuar caminant pel carrer Provença durant 2 travessies per arribar a destí.
    2. Si vol anar en transport subterrani:
      1. li indicarem que agafi la línia C3 de Renfe a Arc de Triomf fins a Plaça de Catalunya.
      2. llavors que agafi la línia L3 (Verda) direcció a Zona Universitària fins arribar a la parada de Diagonal.
      3. surti al carrer i baixi pel Passeig de Gràcia durant 2 travessies fins trobar el carrer Provença i la Casa Milà.
En la següent imatge podem observar la solució realitzada amb un Diagrama de Flux.

Diagrama de Flux

I finalment la solució realitzada en Scratch.

Solució en Scratch

Seguidament es pot veure el resultat del projecte en Scratch.

Visita aquest projecte a la pàgina d’ScratchCatalà al MIT

Evidentment aquesta solució es pot depurar i millorar per tal de que l’experiéncia de l’usuari sigui més satisfactoria i intervingui en el desenvolupament del joc. Us ho deixo a vosaltres si us sembla. ;-)

Sense comentaris
Arxivat a Programar
Etiquetes: Algorisme, Diagrama de Flux, Ordinograma, Organigrama, Programació, Scratch
Afegeix a Digg it Del.icio.us Stumble it Technorati

Programar?

Escrit per Eugeni Catalán el 8 febrer 2010, 20:40  
M’he adonat que tinc tant interioritzat el concepte de programació, que pot ser caldria fer una reflexió per totes aquelles persones que voleu iniciar-vos en fer petits projectes amb Scratch, i qui sap, continuar després desenvolupant els vostres propis programes en altres llenguatges.
Tothom sap programar, sap entendre un programa i realitzar les accions indicades per un programa.
Així és, què és sinó una recepta de cuina o un manual de muntatge o les indicacions per arribar a un lloc determinat? Doncs programes que algú a creat per a que d’altres els segueixin i puguin dur-los a terme. Per tant, qui no ha programat mai?

El problema esdevé quan quelcom tan interioritzat en el nostre dia a dia ho volem transformar en el món dels ordinadors, aquí de sobte ens envaeix una paràlisi que arriba a anular la racionalitat amb la que realitzem les accions quotidianes i que es mostra com un mur infranquejable alhora d’escriure un programa.

Programar no és res més que explicar el què cal fer, metòdicament i preveient totes les situacions possibles, a un ordinador.

I segurament aquí esta la dificultat, doncs la previsió dels problemes no sempre es quelcom que fem en la nostra experiència diària, degut a la nostra capacitat per “reprogramar-nos”, afrontem els problemes quan es van produint sense haver-los previst.

No hi ha una única solució a un problema, però si que algunes seran millors que d’altres i algunes poden arribar a la paràlisi si no hem previst una resposta a una situació imprevista.
Anem a veure tot això amb un exemple simple.
Anem passejant per l’Arc del Triomf a Barcelona i ens trobem a un turista que ens demana per anar a la Casa Milà o La Pedrera que es troba al Passeig de Gràcia cantonada Provença.

Mapa per guiar al turista

De rutes per arribar-hi podem escollir moltes, segurament tothom intentarà indicar-li la més curta, d’altres li aconsellaran la més paisatgística, d’altres la més ràpida i d’altres la més còmoda fent servir algun transport públic. Si el turista arriba a destí qualsevol d’elles serà correcte, tot i que el turista les pot arribar a valorar com a millor o pitjor segons la necessitat d’arribar al destí.

En una situació real, el turista en qüestió tot i no conèixer la ciutat, pot arribar a prendre algunes decisions al llarg del camí segons es vagi trobant amb obstacles o problemes, com un carrer tallat o algun impediment en el seu recorregut. El turista es reprogramable!!

Peró hem de recordar que per programar un ordinador cal preveure el màxim de situacions i saber donar-li resposta per tal de que no s’aturi i/o faci quelcom no desitjat.

Hi ha moltes formes de representar una solució a un problema, segurament li podríem començar a dir algorisme.
Una de les que em semblen prou gràfiques són el ordinogrames / organigrames / diagrames de flux, doncs són fàcils de fer i prou explicatius, tot i que hi ha d’altres tècniques.

En el següent apunt podrem trobar la resolució del problema…

Sense comentaris
Arxivat a Programar
Etiquetes: Algorisme, Diagrama de Flux, Ordinograma, Organigrama, Programació, Scratch
Afegeix a Digg it Del.icio.us Stumble it Technorati

Funcions ocultes a Scratch 1.4

Escrit per Eugeni Catalán el 14 desembre 2009, 12:13  

Llegint el fòrum d’Scratch al MIT, he trobat una cosa ben curiosa, es tracta d’unes funcions amagades i no documentades dins l’Scratch. Es habitual que els programadors amaguem funcions per ús personal i per fer proves sobre el codi que generem, així com “ous de pasqua” o petites bromes pels usuaris.
En un principi és el que m’ha semblat el menú al qual es pot accedir fent clic amb el ratolí a sobre de la lletra “R” del logo SCRATCH mentre pressionem la tecla SHIFT o Canvi Majúscules del teclat.

Com podeu observar podem fer que la finestra no ocupi tot l’espai de programa, també podem desactivar la captura d’errors i desar una imatge per l’usuari final. Però que són totes aquestes opcions? Desprès d’investigar una mica més, i recordant que Scratch esta desenvolupat amb Squeak, he pensat si no era una forma d’accedir al codi, i efectivament, com podeu veure en les imatges tenim la possibilitat d’accedir al codi d’Scratch.
Fent clic a sobre de la nova àrea en blanc ens surt el següent menú, i des d’aquest podem escollir “Open” i seguidament “browse” per arribar a visualitzar el codi d’Scratch.

menu-squeak2

Jo no conec suficientment Squeak i per tant no puc donar més dades, però hi ha un grup a Catalunya centrat en Smalltalk, Squeak i Scratch on potser podrem trobar més dades, són el grup SmallTalk.Cat

Sense comentaris
Arxivat a Notícies
Etiquetes: Codi, Funcions, Ocultes, Scratch 1.4, SmallTalk.Cat, Squeak
Afegeix a Digg it Del.icio.us Stumble it Technorati

Scratchcatala vist des de Chrome OS

Escrit per Eugeni Catalán el 20 novembre 2009, 23:08  

Ahir dia 19 de Novembre de 2009 Google va fer la presentació del seu proper Sistema Operatiu Chrome OS i avui la gent de GDGT ja l’han publicat per poder-lo fer servir en una màquina virtual VMWare o VirtualBox, en aquest link podeu ho descarregar.
Us deixo un petit vídeo on es pot veure el Chrome OS en funcionament, la veritat, no hi ha gaire a veure de moment, és com si féssim servir el navegador Chrome però amb identificació prèvia.
Recordem que aquest sistema operatiu esta enfocat a fer-se servir totalment per Internet i no tenen previst utilitzar cap programa instal·lat en els ordinadors que pretenen que siguin els més petits de la casa, es a dir, els Notebooks.


ScratchCatalà des de Chrome OS d’Scratch Català a Vimeo.

Sense comentaris
Arxivat a Notícies
Etiquetes: Chrome OS, Google, Scratchcatalà, virtualbox, vmware
Afegeix a Digg it Del.icio.us Stumble it Technorati

Scratch 1.4 per Linux

Escrit per Eugeni Catalán el 3 novembre 2009, 13:22  

Els usuaris de Linux, més concretament Debian/Ubuntu, estan d’enhorabona. Ja es pot instal·lar la darrera versió 1.4 d’Scratch, aquí us deixo el link on trobareu l’arxiu PPA (Personal Package Archive) per poder-lo instal·lar amb el LaunchPad i així mantenir l’aplicació actualitzada, també trobareu l’explicació realitzada per la gent del MIT de com fer-ho.

Un comentari
Arxivat a Divulgació, Notícies
Etiquetes: Linux, MIT, Scratch 1.4, Ubuntu
Afegeix a Digg it Del.icio.us Stumble it Technorati

Scratch a l’Índia

Escrit per Eugeni Catalán el 2 novembre 2009, 18:59  

La passada setmana em va contactar l’Eduard Muntaner des de l’Índia ¿? si senyor heu llegit bé, l’Índia, jo vaig ser el primer sorprès. M’ha encantat “ciber”conèixer a aquest company de professió que un bon dia va agafar la motxilla i es va anar a col·laborar amb l’escola Shanti Bhavan al sud de l’Índia on desenvolupa un projecte de cooperació finançat per la Universitat de Girona ensenyant a les nenes i nens Robòtica Educativa i Intel·ligència Artificial per així estimular la creativitat i l’esperit crític dels nens.
I tot just han engegat unes classes d’Scratch per complementar aquests coneixements.
Enhorabona per la feina Eduard!!
Actualització, (les imatges no havien sortit correctament) aquí podeu veure als nens de 10é amb el seu robot i treballant a la classe.

Un comentari
Arxivat a Educació Digital
Etiquetes: Eduard Muntaner, Educació Digital, Índia, LEGO Mindstorms, Robòtica, Scratch, Shanti Bhavan
Afegeix a Digg it Del.icio.us Stumble it Technorati

1. Conceptes de programació – 1.3 Estructura

Escrit per Eugeni Catalán el 16 octubre 2009, 20:26  

1. Conceptes de programació

1.3. Estructura

Els programes segueixen una estructura determinada segons el llenguatge en que treballem, en el cas d’Scratch, podem dir que tots els programes tindran un bloc arrodonit de la secció Control com a primera instrucció, són els únics que no poden tenir un altre bloc per sobre d’ells, (caurien!!, doncs no tenen cap encaix).

A partir d’aquests, podem afegir qualsevol bloc dels disponibles, tot i que serà responsabilitat nostre col·locar-los en l’ordre correcte per a que facin el que esperem.

Com es pot veure a l’exemple, el programa s’inicia quan algú prem la bandereta verda, llavors es calcula la suma entre dos nombres constants, el 2 i el 3, no d’altres i sempre aquests -quina utilitat pot tenir un programa que sempre fa la suma dels mateixos 2 nombres?- haurem d’esperar una mica per veure els conceptes de constants i variables ;-) i es guarda el resultat en un bloc de la secció Variables que hem anomenat “resultat” per seguidament informar per un espai de temps de 2 segons amb un missatge que la suma és ¿?¿?¿?¿ és clar 5.

Aquesta estructura és la que seguirem en tots els nostres programes, això si, segurament seran més complicats i llargs, i tot i que dins d’un mateix programa les instruccions s’aniran avaluant una darrera d’altre, veurem més endavant com trencar aquesta seqüencialitat per a la nostra conveniència.

Sense comentaris
Arxivat a Educació Digital, Programar
Etiquetes: Constants, Divulgació, Educació Digital, Programació, Scratch, Scratchcatalà, Variables
Afegeix a Digg it Del.icio.us Stumble it Technorati

1. Conceptes de programació – 1.2 Programa

Escrit per Eugeni Catalán el 28 setembre 2009, 19:48  

1. Conceptes de programació

1.2. Programa

El terme programa s’ha utilitzat al llarg dels temps com a descripció del producte final escrit per a dur a terme una tasca en concret, com per exemple un editor de texts, però en sí, aquest programa esta replet de petits programes que conjuntament s’encarreguen de solucionar el problema plantejat. Avui en dia aquest recull de programes els definim com a projecte.
A Scratch hem fet servir programa com a traducció del terme anglès script (guió). Així doncs programa és un plegat d’instruccions, en el nostre cas blocs, que es realitzen seqüencialment per a obtenir un resultat desitjat. Un projecte d’Scratch esta format per programes que poden o no existir en cadascun dels objectes/actors/sprites o escenaris i que actuen sobre qualsevol d’ells mateixos per produir el resultat desitjat.
En el següent exemple es poden veure dos programes dins el mateix espai de programes d’un objecte/actor/sprite i que es realitzaren indefinidament i en paral·lel per produir l’efecte de moviment en rodo i canvi de color de l’objecte/actor/sprite on estan definits.

Cal tenir molt en compte que no podem assegurar en quin ordre es realitzaran les instruccions dels 2 programes, es a dir, si primer es mourà 25 passos o si primer es fixarà el color. Per tant al crear els nostres programes no podem fer-ho pensant que les instruccions es realitzaran en un ordre concret entre diferents programes.
No hem de confondre-ho amb l’ordre en que es realitzaran les instruccions dins un mateix programa que llavors si que és de forma seqüencial, es a dir, primer es mou 25 passos i seguidament es gira 15 graus.

Sense comentaris
Arxivat a Educació Digital, Programar
Etiquetes: Divulgació, Educació Digital, Programació, Scratch, Scratchcatalà
Afegeix a Digg it Del.icio.us Stumble it Technorati
« Entrades antigues

Cerca

Feeds i Podcast

feeds
feeds feeds feeds

Quant a mi

Eugeni Catalán

Pallejà - Barcelona - Spain

Desprès de descobrir l'Scratch m'he fet un fan d'aquest llenguatge de programació per a nens i no tant nens des de'l qual es poden crear animacions, jocs, històries interactives, música i fins i tot art.

Categories

    • Divulgació
    • Educació Digital
    • Notícies
    • Programar
    • Projectes
    • Tutorial
    • Vídeos

Arxiu

Núvol d’etiquetes

  • Algorisme bloc Cataspanglish Chris Pinchen Citilab Col·legi Virolai Creació Diagrama de Flux Divulgació EDU365 Educació Digital Escola El Dofí Festa Jaume Ramos LEGO Mindstorms Marf Media Lab mestre MIT Mitchell Resnick Molins de Rei Ordinograma Organigrama Pau Córdoba Personatge Podcamp Barcelona Podcast Ponència Premià de Mar Programa'09 Programació Projecte Scratch Scratch 1.4 Scratchcatalà Scratch Day Screencast STIC.CAT Telediario Traducció Tutorial UPC Vídeo Vídeo Tutorial Windows

Enllaços

    • Autors de l’Scratch (M.I.T.)
    • Citilab
    • InnocampMediterranea
    • PodCamp Barcelona 2008/2009
    • Smalltalk.cat

Pasa el Widget!!

Destacats

  • InnovaCamp Mediterranea - Citilab Cornella - Barcelona

Comentaris recents

  • Tweets that men… in Scratch 1.4 per Linux
  • Edu in Scratch a l'Índia
  • Carme in 1. Conceptes de programació - 1.1 …
  • ScratchCatalà … in Aprèn a programar
  • Rose Mercer in Apunt de sortir la nova versió 1.4…
  • Jordi Delgado in SCAT004 - Presentació Escola Obert…
  • chris in SCAT002 – Interfície d'Usuari
  • Eugeni Catalán… in SCAT002 – Interfície d'Usuari
  • chris in SCAT002 – Interfície d'Usuari
  • Eugeni Catalán… in SCAT002 – Interfície d'Usuari

Meta

    • Entra
    • RSS de les entrades
    • RSS dels comentaris
    • WordPress.org

Subscriu-te

  • stumble
  • technorati Afegeix a Google aol netvibes rojo myyahoo modern freedictionary subrss chicklet plusmo newsburst ngsub wwgthis subscriu-te
Creative Commons License
ScratchCatalà obra d'Eugeni Catalán subjecta a llicència Reconeixement-No comercial-Compartir amb la mateixa llicència 3.0 Espanya de Creative Commons      Hostatjat a SiteGround      Desenvolupat amb Wordpress      Derivat del Theme Box-Tube dissenyat per Dezzain Studio