Informàtica 4t ESO - U5.

PROGRAMEM AMB PROCESSING

Pràctica 1: Introducció a Processing

Avui ens familiaritzarem amb la web de Processing, en coneixerem les diferents parts i crearem i
compartirem el nostre primer projecte.

Què és Processing?

Ho diuen els seus creadors, Casey Reas i Ben Fry a la web del projecte: Processing is an open
source programming language and environment for people who want to program images,
animation, and sound. It is used by students, artists, designers, architects, researchers, and
hobbyists for learning, prototyping, and production. It is created to teach fundamentals of
computer programming within a visual context and to serve as a software sketchbook and
professional production tool. Processing is developed by artists and designers as an alternative to
proprietary software tools in the same domain.

Pas 1: Accedir a la web i donar-nos d’alta com a nou usuari

Llista de tasques:
1. Accediu al següent enllaç: https://www.openprocessing.org/home/join
2. Creeu un usuari i contrasenya senzills, i us l’apunteu a l’agenda.
3. Per començar a programar feu clic al botó “Create a Sketch”.
4. Seleccioneu el llenguatge de programació “Processing.js”

Pas 2: Realitzar un petit projecte: “Hello World!”

Arribats a aquest punt, és hora de passar a l’acció i començar a fer codi!

Processing, com qualsevol entorn de programació amb cara i ulls, té una consola. Un lloc on, via
text, podem rebre missatges del programa, i, quan n’hi hagi, veure els errors. És la consola, i es
troba al capdavant de Processing, amb un fons negre:

1
Informàtica 4t ESO - U5. PROGRAMEM AMB PROCESSING

Aquí és on veurem els resultats del nostre primer programa, el que en argot de programadors
s’anomena el “Hello World!”.

Llista de tasques:
1. Esborreu el codi que surt per defecte i escriviu: print(“Hello World!”);

2. Cliqueu el botó run per tal d’executar el codi.

Si heu vist Hello World! Escrit en blanc a la consola, el primer programa ha estat compilat i
executat amb èxit.

print és una instrucció que li diu a processing que escrigui el paràmetre (que va entre parèntesis)
a la consola. Si canvieu Hello World” per qualsevol altra cosa executeu el programa veureu que el
resultat canvia.

A processing, cal acabar cada línia de codi amb un punt i coma!

Pas 3: Compartir el projecte

Llista de tasques:
1. Feu clic a Save per guardar el projecte.
2. Anomeneu el projecte “PR1 – Hello World”.
3. Feu clic a Submit.
4. Cliqueu a la icona d’exportar projecte.

5. Copieu l’enllaç i enganxeu-lo a la tasca.