Archivi tag: coding

Corso di Processing – lezione 04

Il Reference di Processing: un supporto essenziale

Quando si lavora con Processing, è importante avere a disposizione un punto di riferimento per consultare rapidamente le funzioni disponibili e il loro utilizzo. La documentazione ufficiale di Processing, accessibile all’indirizzo Processing Reference, offre una panoramica completa delle funzionalità del linguaggio.

Cercando una funzione, come ad esempio line(), è possibile visualizzare una scheda dettagliata che include:

  • Il nome della funzione, per identificarla rapidamente.
  • Esempi pratici, con codice e immagini che illustrano il comportamento della funzione.
  • Una descrizione, che spiega il suo utilizzo e i parametri richiesti.
  • La sintassi corretta, utile per scrivere il codice senza errori.
  • L’elenco dei parametri accettati, per capire quali valori inserire.
  • Il tipo di valore restituito (se presente), che indica cosa produce la funzione come risultato.
  • Funzioni correlate, per esplorare comandi simili o complementari.

Utilizzare la Reference senza connessione Internet

Se non si ha accesso a Internet, niente paura! Quando si installa Processing, una copia della Reference viene salvata automaticamente sul computer. È possibile consultarla in qualsiasi momento selezionando Help > Reference dal menu dell’IDE.

Un trucco per trovare velocemente informazioni

Se si sta scrivendo codice e si ha un dubbio su una funzione già utilizzata, esiste un metodo rapido per accedere alla documentazione relativa. Basta:

  1. Evidenziare il nome della funzione nel codice.
  2. Selezionare Help > Find in Reference (oppure, su Mac, usare la scorciatoia ⇧⌘F – Shift + Command + F).

Questo comando apre direttamente la pagina della Reference dedicata alla funzione selezionata, evitando di doverla cercare manualmente.

Come interpretare la Reference

La documentazione è disponibile solo in inglese, ma anche chi non ha familiarità con la lingua può facilmente individuare le informazioni essenziali. Ecco come leggere una tipica scheda di una funzione:

  • Name – Il nome della funzione.
  • Examples – Esempi pratici di utilizzo, con codice e immagini.
  • Description – Una spiegazione più o meno dettagliata sul funzionamento della funzione e sui parametri accettati.
  • Syntax – Le diverse modalità di utilizzo della funzione, con il numero di parametri che può accettare. Ad esempio, line(x1, y1, x2, y2) per il 2D e line(x1, y1, z1, x2, y2, z2) per il 3D.
  • Parameters – I tipi di dati richiesti per ogni parametro (es. numeri interi, float, stringhe).
  • Returns – Se la funzione restituisce un valore, qui viene indicato il tipo di dato prodotto.
  • Related – Altre funzioni simili o complementari, utili per approfondire ulteriormente.

Imparare a consultare la Reference in modo efficace permette di scrivere codice in Processing con maggiore sicurezza e velocità. Sfruttando sia la versione online che quella locale, è possibile avere sempre a portata di mano tutte le informazioni necessarie per esplorare il linguaggio e migliorare le proprie competenze di programmazione.

Lezione 3 – Corso di Elettronica Creativa con Arduino Sensor Kit

A distanza di qualche mese riprendo le mie brevi lezioni sull’uso dell’Arduino Sensor Kit, mi dispiace non stato celere nel produrre altre lezioni, ma gli impegni lavorativi mi hanno parecchio coinvolto.

Come già avevo avuto modo di segnalare nelle precedenti lezioni, per la realizzazione di queste guide prendo come riferimento l’indice presente sul sito Arduino e su quella traccia realizzo lezioni un po’ più approfondite che mi permettono poi di strutturare una lezione di laboratorio di circa due ore di attività.

Giusto per non far “arrabbiare” nessuno — mi riferisco a chi potrebbe critica le modalità con cui vengono presentati alcuni argomenti di elettronica — ricordo che queste lezioni sono dedicate a chi non ha mai affrontato lo studio dell’elettronica (neofiti o studenti della secondaria di primo grado e studenti dei primi due anni della scuola superiore), pertanto alcuni concetti richiedono chiarimenti e inevitabili semplificazioni, che consentiranno di riprendere gli stessi argomenti con maggiore facilità quando le competenze teoriche saranno più solide.

Gli obiettivi di questa terza lezione sono:

  • comprendere come funziona un pulsante a livello elettrico e meccanico.
  • sviluppare sketch via via più complessi:
    • accensione di un LED alla pressione del pulsante;
    • Indicazione dello stato del LED sulla SerialMonitor;
    • cicli di blink avviati da pulsante;
    • cicli di blink avviati da pulsante e segnalazione del numero di cicli.

Per lo svolgimento di questa esercitazione abbiamo necessità solamente dell’Arduino Sensor Kit ed utilizzeremo:

Il pulsante:

Il LED:

Continua a leggere

Corso di Processing – lezione 03

 

Lo Schermo, i Pixel e le Linee in Processing

Prima di iniziare a programmare con Processing, è fondamentale comprendere come lo schermo venga rappresentato digitalmente e come possiamo interagire con esso attraverso il codice. Lo schermo del computer non è altro che una griglia di pixel, piccolissimi punti luminosi che compongono le immagini visualizzate. Ogni pixel ha una posizione ben definita, identificata da una coppia di coordinate (x, y).

Il Sistema di Coordinate in Processing

Processing utilizza un sistema di coordinate cartesiane leggermente diverso da quello scolastico:

  • L’origine (0,0) si trova nell’angolo in alto a sinistra dello schermo.
  • L’asse X cresce verso destra.
  • L’asse Y cresce verso il basso.

Questo significa che spostandosi a destra i valori di X aumentano, mentre spostandosi verso il basso i valori di Y crescono.

Risoluzione e Dimensioni della Finestra

Uno dei primi passi per lavorare con Processing è definire la grandezza della finestra in cui verrà disegnato il nostro codice. Per farlo, utilizziamo la funzione size(), che permette di impostare la larghezza e l’altezza della finestra in pixel:

1size(400, 400);

Con questa riga di codice, Processing creerà una finestra quadrata di 400×400 pixel.

Disegnare un Punto e una Linea

In Processing, possiamo disegnare elementi grafici semplicemente utilizzando delle funzioni predefinite. Ad esempio, per disegnare un singolo punto nella posizione (200, 200) in una finestra 400×400 pixel, si usa:

1size(400, 400);
2point(200, 200);

Dovreste notare un punto di dimensioni di 1 pixel al centro della finestra, per rendere più evidente il punto aumentiamo le dimensioni del tratto con strokeWeight():

Per disegnare una linea che va dal punto (20, 30) al punto (300, 350) in una finestra 400×400 pixel, scriviamo:

Colori e Stili di Disegno

Processing permette anche di modificare l’aspetto degli elementi grafici. Possiamo cambiare il colore di una linea o di un punto con la funzione stroke(), specificando i valori di rosso, verde e blu (RGB):

inoltre, possiamo variare lo spessore delle linee con la funzione strokeWeight():

1size(400, 400);
2stroke(255, 0, 0); // Imposta il colore della linea su rosso
3strokeWeight(4);
4line(100, 100, 300, 300);

Questo codice disegnerà una linea più spessa rispetto a quella di default.

Capire il concetto di pixel, coordinate e linee è essenziale per lavorare con Processing. Con pochi comandi, è possibile creare strutture visive interessanti e gettare le basi per progetti più complessi. Sperimentare con point(), line() e stroke() aiuta a comprendere la logica del disegno digitale, un aspetto fondamentale per esplorare il Creative Coding e l’arte generativa.

L’importanza del punto e virgola in programmazione

Uno degli aspetti fondamentali della sintassi in Processing – e nella maggior parte dei linguaggi di programmazione – è l’uso del punto e virgola (;) per terminare un’istruzione. A differenza della scrittura tradizionale, in cui il punto segna la fine di una frase, in programmazione il punto e virgola serve a indicare al computer che un comando è stato completato.

È una regola essenziale da tenere sempre a mente, perché dimenticare un punto e virgola può causare errori nel codicee impedire al programma di funzionare correttamente. Mentre un essere umano può interpretare facilmente un testo anche se manca un segno di punteggiatura, un computer ha bisogno di istruzioni chiare e precise per eseguire il codice senza ambiguità.

Per chi è alle prime armi, può capitare spesso di dimenticare questo dettaglio. Fortunatamente, esistono strumenti come il debugger e i messaggi di errore nella console di Processing, che aiutano a individuare e correggere questi problemi. Con un po’ di pratica, il punto e virgola diventerà un’abitudine naturale nella scrittura del codice.

L’utilità dei commenti nel codice

I commenti sono uno strumento fondamentale in programmazione. Servono a spiegare il funzionamento di specifiche porzioni di codice, a lasciare note per sé stessi o a rendere il programma più comprensibile per altri sviluppatori. Anche se il codice può funzionare perfettamente senza di essi, i commenti aiutano a mantenerlo leggibile e organizzato, soprattutto nei progetti più complessi.

Scrivere commenti è una buona abitudine, sia per chi sta imparando sia per i programmatori più esperti. Con il tempo, sarà interessante riprendere i primi programmi e confrontarli con quelli più recenti. Per questo motivo, molti programmatori inseriscono all’inizio del file informazioni come la data di creazione e l’ultima modifica, utili per tenere traccia delle evoluzioni del codice.

Processing permette di scrivere commenti in due modi:

  • Commenti su una singola riga: Si inseriscono scrivendo // prima del testo.

  • Commenti su più righe: Si scrivono racchiudendo il testo tra /* e */.

Ecco alcuni esempi pratici in cui i commenti vengono utilizzati per spiegare il codice:

Esempio 1: Creazione di una finestra e disegno di un punto

1// Imposta la dimensione della finestra a 400x400 pixel
2size(400, 400);
3 
4// aumenta le dimensioni del tratto per rendere visibile il punto
5strokeWeight(10);
6 
7// Disegna un punto alle coordinate (50,50)
8point(50, 50);

Esempio 2: Disegnare una linea con colore personalizzato

1size(400, 400); // Imposta la dimensione della finestra
2 
3stroke(255, 0, 0); // Imposta il colore della linea su rosso
4strokeWeight(3); // Aumenta lo spessore della linea
5 
6// Disegna una linea dal punto (20,30) al punto (180,90)
7line(20, 30, 180, 90);

Esempio 3: Commenti su più righe

1/*
2Questo programma disegna un quadrato rosso al centro dello schermo.
3Data di creazione: 23 febbraio 2025
4Autore: Nome Cognome
5*/
6 
7// Imposta la dimensione della finestra
8size(400, 400);
9 
10// Imposta il colore di riempimento su rosso
11fill(255, 0, 0);
12 
13// Disegna un quadrato 100x100 al centro dello schermo
14rect(150, 150, 100, 100);

I commenti aiutano a rendere il codice più chiaro e comprensibile, sia per chi lo scrive sia per chi potrebbe leggerlo in futuro. Una buona pratica è sempre commentare il proprio codice, specialmente quando si lavora a progetti più complessi o si condivide il proprio lavoro con altri.

Robottillo:bit 3.0

Con la versione 2.0 del micro:bit, la confezione del kit include un pratico modello in cartone per tenere insieme il micro:bit e il pacco batterie. Questo contenitore può essere facilmente riprodotto seguendo il link che trovate allegato, ma poiché si deteriora velocemente con l’uso, ho deciso di realizzare un contenitore stampato in 3D più robusto e funzionale.

Qualche tempo fa ho progettato Robottillo:bit V2, un contenitore a forma di robottino pensato per essere resistente e adatto all’uso quotidiano. Su richiesta di alcune maestre, ho recentemente sviluppato due nuove versioni:

  1. Una versione tascabile ancora più semplice e pratica, che mantiene le funzionalità del modello originale in cartone incluso nel kit, ma con una maggiore resistenza e durata.
  2. Una versione indossabile che consente di collegare il micro:bit al pacco batterie grazie a un supporto stampato in 3D. Per questa versione è possibile utilizzare un cinturino con velcro o una fascia di stoffa da fissare al polso con un nodo. Lascio comunque alla fantasia degli studenti la possibilità di personalizzare il modo in cui indossarlo!

Seguendo il link potete prelevare i sorgenti per la stampa 3D.

Fatemi sapere se questi progetti vi sono utili! Nel caso abbiate necessità di modifiche o personalizzazioni, non esitate a contattarmi.

LEGO e creatività didattica: dalla Duck Challenge al Coding collaborativo

Come annunciato nelle scorse settimane, nei miei prossimi corsi proporrò sempre più frequentemente l’uso dei mattoncini LEGO come una strategia per stimolare la creatività e promuovere la collaborazione, integrandoli all’interno di attività di Escape Game didattico e Coding. Tra le attività che ho deciso di introdurre sia per studenti che per insegnanti vi sarà la “Duck Challenge”, un esercizio introduttivo appartenente al metodo LEGO® SERIOUS PLAY®.

Per rendere questa esperienza accessibile a un numero maggiore di partecipanti durante le sessioni in presenza, ho deciso di fornire i sei mattoncini necessari per la challenge stampati in 3D. Questa scelta non solo facilita la diffusione del metodo, ma permette anche di regalare i set ai partecipanti, favorendo l’uso successivo dei mattoncini in altri contesti didattici e creativi.

Online sono disponibili modelli di mattoncini già pronti per la stampa 3D, ma ho apportato alcune piccole modifiche ai mattoncini per migliorare la stabilità degli agganci tra i pezzi. A breve condividerò i file sorgente per consentirvi di replicare questa soluzione. Per rendere il set di mattoncini simile all’originale, ho acquistato degli occhietti adesivi online e li ho applicati su uno dei mattoncini. Sarà anche possibile, evitando di applicare gli occhi adesivi, di disegnare forme diverse degli occhi in modo che sia possibile far assumere espressioni diverse all’anatra.

L’attività della “Duck Challenge” sarà inoltre propedeutica ai successivi percorsi di formazione sul Coding, in modo che i partecipanti possano migliorare la loro capacità di collaborazione in gruppo. In particolare, una delle attività di Coding previste consisterà nella creazione di un cronometro utilizzando una scheda BBC micro:bit. Questo cronometro, che visualizzerà i secondi sul display della scheda, potrà poi essere integrato direttamente nella “Duck Challenge”, fungendo da timer per i 60 secondi necessari alla costruzione delle anatre. In questo modo, i partecipanti potranno realizzare un’applicazione pratica del Coding, che potrà essere utilizzata per supportare un’attività collaborativa e creativa con i propri studenti.

Ma come funziona la “Duck Challenge”?

La “Duck Challenge” è un’attività introduttiva del metodo LEGO® SERIOUS PLAY® che coinvolge i partecipanti nella costruzione di un’anatra utilizzando sei specifici mattoncini LEGO®. Questo esercizio, apparentemente semplice, rivela la diversità di pensiero e promuove creatività, collaborazione e innovazione all’interno dei gruppi di lavoro.

Perché è utile in ambito formativo

L’attività offre numerosi benefici nel contesto educativo e formativo:

  • stimola la creatività: con un numero limitato di pezzi e un tempo ristretto, i partecipanti sono incoraggiati a pensare in modo non convenzionale per creare la propria versione di una papera.
  • Evidenzia la diversità di pensiero: nonostante l’utilizzo degli stessi sei mattoncini, le creazioni risultano uniche, dimostrando come ogni individuo interpreti e risolva problemi in modo differente.
  • Promuove la collaborazione: condividere e discutere le diverse costruzioni favorisce il dialogo e la comprensione reciproca tra i partecipanti.
  • Introduce il metodo LEGO® SERIOUS PLAY®: serve come introduzione pratica e coinvolgente alla metodologia, preparando i partecipanti a sessioni più approfondite.

Procedura per realizzare l’attività in classe

  1. Preparazione dei materiali: procurare per ogni partecipante un set identico di sei mattoncini LEGO®. Questi set possono essere assemblati utilizzando pezzi che già disponete, oppure stampandoli in 3D o ancora acquistarli già pronti.
  2. Introduzione dell’attività: spiegare ai partecipanti che avranno 60 secondi per costruire un’anatra utilizzando solo i sei mattoncini forniti. Non fornire ulteriori istruzioni o esempi, per stimolare l’immaginazione individuale.
  3. Esecuzione: avviare un timer di 60 secondi e invitare i partecipanti a iniziare la costruzione.
  4. Condivisione e discussione: al termine del tempo, raccogliere tutte le “paperelle” e mostrarle al gruppo. Incoraggiare una discussione sulle differenze tra le creazioni e su come ciascuno ha interpretato il compito.
  5. Riflessione: porre domande come: “Quali sfide avete incontrato?”, “Cosa avete imparato da questa esperienza?” e “Come si collega questo esercizio al lavoro di squadra e alla risoluzione dei problemi?”.

Attività ed esercizi aggiuntivi da proporre

  • Collaborazione di gruppo: dopo l’attività individuale, dividere i partecipanti in piccoli gruppi e chiedere loro di costruire insieme una papera utilizzando un set di sei mattoncini. Questo esercizio enfatizza l’importanza della comunicazione e della collaborazione.
  • Sfida creativa: fornire ai partecipanti un numero maggiore di mattoncini e chiedere loro di costruire un animale diverso o un oggetto specifico, promuovendo ulteriormente la creatività e il pensiero critico.
  • Discussione sulle applicazioni pratiche: dopo le attività, facilitare una conversazione su come le lezioni apprese possono essere applicate in contesti reali, come la risoluzione dei problemi, l’innovazione e il lavoro di squadra.

Sperimenterò e vi farò sapere 🙂