#loptis – La bacheca 109

Rimane sempre in cima, i post iniziano sotto


Iscritti alla newsletter: 524
di cui iscritti dopo il MOOC #ltis13: 118



Per i nuovi arrivati impazienti, in estrema sintesi:

  1. Iscriversi al laboratorio con questo modulo
  2. Iscrivere – anche successivamente – il proprio blog, con il modulo in fondo al post Apriamo il blog

Che sta succedendo?

Anche in aprile sono presente in modo sommesso. Devo leggere gli elaborati degli studenti di medicina, andare per scuole varie, e imparare a fare le stampe 3D. Sono tuttavia presente per rispondere a tutte le domande e seguire chiunque abbia problemi.


Lavori in collaborazione

  • Traduzione collaborativa di un articolo sull’espansione della zona di capacità riflessiva di un gruppo di insegnanti – completata ma perfezionabile (21 febbraio 2014).
  • Raccolta di pratiche tecnologiche a scuola – pagina wiki

Le domande generiche sul laboratorio possono essere poste commentando questa bacheca.

Collaborazioni – #loptis 6

Clicca qui per scaricare la versione in pdf.


Due righe per dire che ci siamo. Da marzo a giugno ci sono circa 400 studenti di medicina da seguire e questo richiede del tempo. Ma va aggiunta anche la formazione del sottoscritto: per insegnare occorre studiare, specie in territori così mutevoli – l’inerzia porta alla morte rapida. Occorre esserci, sapere cosa sta accadendo e cosa si può fare oggi. Si dice “aggiornamento”, ma è una parola malintesa. Non è questione di avere letto, o magari fatto un quiz, perché non si può insegnare ciò che non si è vissuto. È questione di provare a fare, di avere commesso gli errori che è necessario commettere per imparare. È questione di sporcarsi le mani. Dopo si può provare a insegnare.

Si va quindi a scuola. Una scuola di giovani – in pratica quasi tutto ciò che s’impara l’hanno fatto persone, giovani, giovanissime. La si trova nei circoli del software e dell’hardware libero. Provi a fare una cosa e ti imbatti in un problema. Lo comunichi alla comunità: quasi sempre qualcuno ti risponde e prima o poi lo risolvi. Magari scopri che chi ti ha risolto il problema ha 18 anni – successo ieri: grazie. Mondo lesto, comunicazione asciutta, si va diritti al problema, vali per ciò che sai e sai fare. La si trova nel mondo dei “makers”, che si incontrano nei fablab, luoghi attrezzati con macchine a controllo numerico per la realizzazione di oggetti. Un mondo che ha preso le mosse dal MIT nel 2001, nel Centro per bit e atomi, ma che ormai abbiamo dietro l’angolo.

Un mondo basato sulla cooperazione: ciò che io faccio lo pongo all’aperto – se è servito a me probabile che serva a qualcun altro, chissà dove. Un mondo basato sulla collaborazione: nei fablab si lavora insieme, condividendo informazioni, competenze, soluzioni. Collaborazione aperta, inclusiva: se hai da mettere i tuoi due centesimi li metti, se servono si usano. Vali per ciò che sai e sai fare. Non la collaborazione esclusiva delle organizzazioni gerarchiche classiche, dove i dirigenti fanno i gruppi e li comandano – dove può succedere che un incompetente privo di fantasia comandi un competente creativo – dove vali per vari motivi, troppi, alcuni opachi, e mica tanto per ciò che sai e sai fare.

Nei mondi aperti si respira una buona aria, non quella ormai viziata dei casamenti istituzionali. Quello che impareremo, lo riverseremo qui e dove ci troveremo nelle scuole. L’età matura è quella dei collegamenti – inizi ad avere visto mondi e prendi a collegarli – cambi quota ma il gioco è lo stesso, le  mani felicemente sporche. Piacerebbe collegare il mondo della scuola – statico – a questi mondi – al mondo, vivo. Intanto a scuola, nel Fablab di Firenze. Fa bene alla salute.

A proposito di collaborazioni. Qui nel #loptis ne sono emerse diverse. Se a qualcuno viene un’altra idea proviamo a realizzarla. Intanto ricapitoliamo. Correggete errori e dimenticanze.

Datalove è un’aggregazione emersa in una piccola comunità internazionale con forte prevalenza svedese che, agli inizi, si chiamava “Telecomix”.

Eravamo un gruppetto, dieci o quindici, allora, e sperimentavamo gli usi sociali dell’internet. Sperimentavamo modalità sia di interazione, sia di comunicazione: una cosa molto spontanea, molto impressionante, di per sé.

Eravamo impressionati dal fatto che la metà dei partecipanti al canale IRC [canale di discussione riservato] fossero ragazze, cosa piuttosto rara nella comunità hacker dove, di solito, c’è una fortissima componente maschile. E parlando del più e del meno, è emersa questa nozione di Datalove come, in qualche modo, una specie di prolungamento di quel che è l’amore nella sfera digitale.

Non cerco di definirla, perché è la stessa cosa che definire l’amore, è una cosa un po’ stupida e ciascuno può avere la sua definizione e poi, lo sappiamo bene, l’amore è qualcosa di universale, nessuno ha bisogno di essere d’accordo su una definizione, per provarlo. Per me, Datalove sono le emozioni che possono essere suscitate attraverso delle tecnologie digitali.

Un esempio proprio stupido: farsi una domanda esistenziale che ci si è sempre fatti e un giorno dirsi: – Ehi, ma se andassi semplicemente a guardare su Wikipedia e là trovare la risposta, formulata in dieci modi differenti da cento persone di diverse, con una discussione sull’argomento e semplicemente trovare la soluzione. È cercare una canzone di Fela Kuti e imbattersi sull’album integrale in file BitTorrent, in formato flac o di una qualità geniale, e voilà. Morire dall’emozione di trovare un mucchio, un mucchio di file.

E vedo questa cosa come una proiezione della nostra umanità attraverso il digitale e attraverso internet. E troppo spesso tendiamo a lasciare un po’ tutto questo ai tecnici, o anche peggio, ai commerciali, e a dimenticare un po’ che si tratta soprattutto di esseri umani che stanno dietro ai loro terminali, loro stessi interconnessi globalmente in rete e che internet è forse soprattutto la somma delle nostre umanità, prima di essere la somma dei nostri megabyte, dei nostri megabit per secondo, dei nostri gigahertz dei microprocessori. Si tratta soprattutto di esseri umani interconnessi tra di loro.

Può essere che sia questo il Datalove: creare il collegamento tra la macchina universale, la rete globale e, semplicemente, gli esseri umani e le umanità che ci sono alla fine. Per definizione, il Datalove è qualcosa di universale, come l’amore, che è, in effetti, il fatto di amare internet.

Amiamo internet e abbiamo visto le persone scendere in strada a migliaia contro ACTA, l’Anti-Counterfeiting Trade Agreement, l’accordo commerciale anti contraffazione: in 300 città d’Europa, lo stesso giorno, centinaia di migliaia di persone che erano in strada per opporsi a un accordo commerciale, multilaterale, negoziato dalla Commissione e dal Consiglio dell’Unione Europea, facendo intervenire il diritto penale. Insomma, un troiaio incomprensibile.

Ma le persone erano in strada perché volevano difendere la loro internet, perché amiamo internet. E cosa ci fa amare internet? Non amiamo le macchine, non le amiamo d’amore. Le possiamo trovare piacevoli, utili, possono rinviarci una bella immagine di noi o qualcosa del genere, ma amiamo internet perché amiamo quello che c’è dall’altra parte dello schermo. E quello che c’è dall’altra parte dello schermo, non sono solo le macchine, è l’umanità intera.

Internet è una finestra sul mondo, una finestra sull’umanità. E ho l’impressione che quello che amiamo è la somma di tutto quello che gli altri investono lì dentro. In effetti, quello che amiamo è l’umanità.

E quindi, non credo che si tratti di una funzione di quanto tempo si spende su internet; e poi ci sono persone che rimarranno per tutto il giorno, tutta la notte, connessi su una cosa che può essere World of Warcraft, o Facebook, o un gadget qualsiasi. Non è davvero così Internet.

Dunque io penso che sia qualcosa che avviene rapidamente quando si capisce o quando comprendiamo che Internet non è solo una macchina, non è semplicemente un televisore migliore, non è solo una console per videogiochi migliore ma è veramente una finestra sul mondo, è dove la dimensione emozionale e a volte per qualcuno un po’ mistica ha un senso e questo è ciò che chiamiamo Datalove.”

Non solo virtuale – prossimi incontri – #loptis 19

29 febbraio. Questo post è destinato ad essere rimaneggiato, come ho appena fatto aggiungendo gli incontri di Pontedera, di Firenze a Città-Scuola Pestalozzi e un II incontro a Castel del Piano, ampliato ad altri insegnanti – qualcosa si è aggiunto in corsa, qualcosa avevo dimenticato.

E direi di raccogliere la proposta di Claude, nel commento che ha scritto oggi, mi pare che valga la pena di diffondere quel testo – va tradotto dal francese. Vogliamo raccogliere volontari qui e poi seguire Claude, oppure tu, Claude, preferisci suggerire subito una strategia precisa?


È così che va. Ci sono le cose importanti e quelle occasionali, marginali rispetto a tutto il resto che ti pareva di dover fare. Poi all’improvviso si rovescia tutto e ti pare di non aver mai fatto niente di così interessante, ricco, entusiasmante -  a partire da un sito ingenuo, fabbricato a mano e gettato nel cyberspazio qualche anno fa – incoscientemente. Riflettano gli amanti delle categorie, il virtuale qua, il reale là…

Nella sezione  Andando per scuole… sono elencati gli eventi fino a quello del 19 marzo scorso, presso l’ITES d Prato. Qui di seguito i prossimi.

I contesti sono molto diversi: scuola primaria-secondaria, insegnanti, educatori, classi universitarie. Certo, il lessico e vari particolari vengono adattati al contesto, ma l’ispirazione è la stessa. Anche messa in scena, strumentazione e modalità free [*] sono sempre le stesse – il medium è il messaggio…

Incontri programmati

  • Roma 15 aprile 8:00
    LE MILLE VIE DELLA DISINTERMEDIAZIONE
    Insegnamento “Politiche televisive”
    Scienze Politiche, LUISS
  • Firenze 17 aprile 15:00
    ABITARE & APPRENDERE NEL CYBERSPAZIO
    Insegnamento “Linguaggi multimediali”
    Disegno Industriale – ISIA – Istituto Superiore per le Industrie Artistiche
  • Strada in Chianti, 5 maggio 17:00 Internet: non uno strumento da giudicare ma uno spazio da abitare. Ist. Comprensivo Greve in Chianti, Collegio infanzia, primaria e secondaria I grado
  • Marsciano, 13 maggio – Istituto comprensivo… (aggiornerò nei prossimi giorni)
  • Firenze, 16 maggio – Città-Scuola Pestalozzi Firenze

Incontri da definire

Alla rinfusa, l’ordine cronologico dipenderà dalle circostanze.

  • Prato (due volte in luoghi distinti)
  • Milano – Monza – Lecco – dopo il 9 giugno
  • Pont Saint Martin e a Gressoney Saint Jean – Valle d’Aosta
  • Varese – giugno
  • Pontedera – giugno
  • Castel del Piano (II incontro)

[*] Sì, “free” significa fare quest’attività a titolo gratuito, o al massimo in cambio di un “primo”. Tutto sommato una cosa normale, in un paese che sta in piedi grazie al volontariato, o no? Bene, io, nel mio piccolo e nel piccolo del mio tempo libero, partecipo così.

Non solo virtuale – All’ITES di Prato – #loptis 9

Continuando ad andare per scuole, domani 20 minuti in un seminario intorno al fenomeno della dispersione scolastica e all’inserimento nel mondo del lavoro.

Non ci sarà il tempo di aprire la valigia degli attrezzi. Il tema sarà tuttavia il solito: strumenti liberi per una scuola libera e aperta, qui una traccia.

maestro-nella-foresta-2

Non c’è nulla che sia ingiusto come far le parti eguali fra diseguali (Don Milani).
Le condizioni sono in parte mutate ma l’istruzione rimane una macchina industriale (Sir Ken Robinson, da 6:36 del video seguente):

La cura dell’individuo una chimera:

La paura è stata la grande passione della mia vita, per esempio negli studenti. Chi è un cattivo studente? Un bambino che ha paura molto semplicemente. Ha paura di non riuscire a rispondere bene alla domanda che gli ponete, ecco, e questa paura è la paura di passare per un imbecille … molto bene, e questa paura di passare per un imbecille modificherà il suo comportamento. Compenserà con la violenza, eccetera. Queste sono le paure che avevo da bambino, la paura di essere un cretino totale mi ha accompagnato per tutta l’infanzia e sono delle paure contro le quali ho poi combattuto con i miei studenti. Il mio primo lavoro da professore è stato quello di guarire gli studenti dalla paura, se volevo insegnare loro qualcosa (da 3:02 del video seguente).

Dalle neuroscienze giungono messaggi che rendono assai opinabile l’organizzazione della scuola…

Se aveste voluto creare un ambiente educativo esattamente opposto a quello in cui il cervello funziona bene, probabilmente avreste progettato qualcosa di simile ad un’aula scolastica.

(John MedinaBrain Rules, Il cervello – Istruzioni per l’uso, 2008)

Pare inoltre assodato che una larga maggioranza delle nozioni apprese a scuola venga persa in breve tempo.

Nel frattempo il mondo va esplodendo. Questo complica molto la questione della formazione. In primo luogo il mondo si è sdoppiato: la questione non è quella di prendere le misure ad un nuovo strumento bensì di avere un nuovo spazio da colonizzare: il cyberspazio.

maestro-nella-foresta-mostri-2

Le nuove generazioni abitano ambedue gli spazi, ma in quello nuovo vagano brade, perché gli adulti quando va bene vi vedono mostri, quando va male li popolano più bradi dei loro figli – vedi Facebook.

Le nuove terre sono scoperte da sognatori arditi, poi arrivano i colonizzatori: prima gli avventurieri, quindi i mercanti, infine i grandi poteri. La colonizzazione del cyberspazio non sta andando tanto diversamente dalle precedenti. Scuola e università rincorrrono, comprendono in ritardo, perdono occasioni di popolare civilmente i nuovi grandi spazi. Si è accecati dai pericoli, si ignorano le opportunità, straordinarie. Si vede il male, non il bene.

Poi c’è l’esplosione delle informazioni, e in qualche misura ad essa correlata, quella della conoscenza: le informazioni prodotte raddoppiano ogni due anni. Chi si occupa di scienza sa che alla conoscenza succede qualcosa di simile e che il processo è intimamente e ormai irrevocabilmente legato alle opportunità offerte dal cyberspazio.

I media impazzano, cercando di essere presenti da tutte le parti e in ambedue gli spazi. Monta così un oceano di parole dal quale è sempre più difficile cavar senso, un oceano di detto e di non pensato, di non vissuto. Le istituzioni, intente alla manutenzione ordinaria delle proprie imbarcazioni, pensate per altri mari, arrancano nel dare risposte a domande sempre più cogenti.

In “alto” i dialoghi rimangono intrappolati in girandole di neologismi di breve vita e in luoghi comuni che le leggi dominanti dei mercati rendono attrattori potenti. In “basso” i testi languono, congelati in una condizione quasi medievale: molta trasmissione passiva, poco pensiero, poco cimento – o come si dice oggi, poco problem solving.

Che fare? Ognuno fa del suo. In alto si rincorre ma non si precorre: i progetti con etichette alla moda si sprecano ma quasi mai si vedono cose nuove ancora senza nome – più facile che emergano altrove. Il grosso – terziario allonzito – tira a campare. Numerosi ma radi innovatori provano a perturbare.

È di Morin l’idea che l’unica soluzione sia perturbare, progressivemente, pervasivamente. Concordiamo. E viene in mente l’idea suggerita da due studenti dell’Istituto Superiore per le Industrie Artistiche di Firenze – frequentare i giovani fa bene. È l’idea dell’arca. Viene il momento che c’è il diluvio. Allora le possibilità sono due: lasciarsi naufragare o costruire un’arca e portarci dentro ciò che ci pare abbia valore, per un futuro nuovo, non sappiamo esattamente quale. Un’arca che vada alla deriva nell’oceano di parole, ormai prive di senso.

  Nella grande corrente, mettere in salvo ciò che ci è caro. È un gesto difficile perché non significa, mai, metterlo in salvo dalla mutazione, ma, sempre, nella mutazione. Perché ciò che si salverà non sarà mai quel che abbiamo tenuto al riparo dai tempi, ma ciò che abbiamo lasciato mutare, perché ridiventasse se stesso in un tempo nuovo. (Baricco, I barbari)

Noi portiamo nell’arca non parole, o poche parole molto ben selezionate, ma soprattutto azioni, pratiche, esperienze, in un gesto che comunica di per se, facendosi così nuovamente parola, non vana ma piena.

E così andiamo per scuole, con una valigia piena di attrezzi a far siparietti e piccole magie, raccontando le meraviglie del cyberspazio che quasi nessuno conosce, quasi sempre opere di giovani, e non di rado di giovani della porta accanto.

casteldelpiano-impeto_lzn

Per i ragazzi della III D – Pontassieve – #loptis 5

Originally posted on Il blog di Mummy:

Salve ragazzi,
Vi ringrazio ancora per la vostra accoglienza e per il vostro interesse agli argomenti che oggi io ed il mio collega Andreas Formiconi abbiamo discusso con voi.

Voglio riassumere in questo post le cose fondamentali di cui vi ha parlato Andreas e darvi alcuni link che potete esplorare per ritrovare gli esempi che vi ha fatto.
In breve Andreas ha affermato che, a suo parere, il presente ed il futuro del mondo viaggiano sulla rete. Ha fatto notare che sono i giovani come voi i protagonisti di questo nuovo mondo,  e che nella maggior parte dei casi l’utilizzo della rete viene fatto in maniera “etica”, cioè per il bene di tutti e per migliorare il mondo e non per fare soldi.
Ha fatto molti esempi per farci toccare con mano la verità di queste affermazioni, raccontandoci cose che probabilmente nessuno di noi sapeva. Vorrei ricordare i più…

View original 893 more words

Non solo virtuale – Pontassieve – #loptis 23

In un laboratorio aperto come questo si intrecciano le storie più diverse. Andare per scuole è anche un modo per evidenziare alcune di queste storie. È il caso di sabato prossimo, quando andremo nella scuola media di Pontassieve.

Giovanna aveva partecipato al cMOOC #ltis13 e poi ha continuato ad ascoltare nel laboratorio #loptis. Come dice nel suo blog, è una ricercatrice, è laureata in chimica e si occupa di tecniche diagnostiche in endocrinologia. Si era iscritta al cMOOC perché le piace molto insegnare. Ma Giovanna è anche una mamma, e vive i problemi di tutti i genitori, come quello dei figli che scorrazzano bradi nelle praterie del cybespazio, con le solite domande che tutti si pongono, soprattutto sulle possibili insidie.

Mamma appunto, ma anche ricercatrice, vera: appena aperto un nuovo orizzonte, parte all’attacco. Così la troviamo che si è coordinata con un’insegnante della scuola e che ha già fatto due interventi, travasando lo spirito del laboratorio nella scuola. Bello.

Insomma, Giovanna il 22 febbraio annuncia che è Di nuovo qui:

Dopo diversi mesi di assenza torno su questo spazio. Nel frattempo ho messo in pratica alcune cose: ho trasformato in blended-learning il mio corso al II anno del corso di laurea in Tecniche di Laboratorio Biomedico. Mi è piaciuto, e anche agli studenti mi sembra. Adesso un passo più grosso: sto erogando in blended-learning anche il mio master “applicazioni cliniche della spettrometria di massa”. L’avventura è appena cominciata.

Ma il bello viene domani! Sarò in classe di mia figlia a fare un percorso che sarà strutturato in 3 incontri sull’utilizzo di internet per trovare informazioni ed elaborarle in modalità collaborativa. Finalizzato ad illustrare strumenti e modalità di lavoro utili per la preparazione delle “tesine” per l’esame di III media. L’obbiettivo che, in accordo con la prof. di lettere, vorremmo raggiungere è indirizzare i ragazzi ad un utilizzo della rete positivo, ragionato e arricchente, alternativo all’utilizzo “pettegolo ed esibizionista” che viene promosso attraverso i social networks. Un utilizzo social basato sugli interessi comuni e sui fatti concreti piuttosto che sul parlarsi addosso.

Vediamo come andrà. Spero di riuscire ad usare questo blog come punto di incontro di questo percorso.

Mi pare che vada molto bene: primo incontro, avvantaggiamoci, secondo incontro. Domattina darò una mano a Giovanna, non a fare l’esperto ma a giocare una parte. Duetteremo: il buono e il cattivo. Molto ancora è da definire, ma una cosa è certa: strumenti liberi e costi minimi: WiilD per la lavagna digitale e sistema Linux WiildOs su computer di fascia minima. Per una scuola più libera per tutti.

P.S. Altri mi chiedono di questi incontri: ci sono ipotesi per Prato, Marsciano e mi pare Monza e/o Lecco. Gli interessati mi correggano errori o omissioni. Altri mi chiedono perché e a che condizioni lo faccio. Lo faccio perché mi interessa – è una forma di ricerca sul campo – finché posso. Se è un insegnante o un genitore a chiederlo, ed è un po’ lontanino,  lo faccio in cambio di un primo. Se è un’organizzazione allora mettiamoci d’accordo.

Non solo virtuale – Castel del Piano – #loptis 21

Clicca qui per scaricare la versione in pdf.


Poche settimane fa, durante un frettoloso trasferimento verso la stazione di Milano, parlando di questo laboratorio online, Alberto Ardizzone mi chiese – Perché lo fai? – una domanda che in tutti questi anni non avevo mai ricevuto. Farfugliai qualcosa ma la risposta fu imprecisa, tant’è che non la ricordo esattamente.

L’altro giorno, giù per le  brume valdarnesi e su per il Monte Amiata, Gian Antonio Stella a “Primapagina” (podcast 1.3.2014 – 43:14) mi ha regalato la risposta giusta, citando Papa Francesco:

Il Papa ha raccomandato agli educatori di non trasmettere soltanto contenuti e conoscenze ma anche comportamenti e valori, e in particolare di insegnare a coltivare e saper gestire l’utopia”.

Ecco perché lo faccio: per imparare a coltivare l’utopia, e facendolo, forse, lo insegno.

casteldelpiano-impeto_lzn

Con impeto verso l’utopia

Il tempo è tiranno in questo periodo, ma una traccia di ciò che si è fatto nella scuola primaria di Castel del Piano la vogliamo lasciare.

Prima di tutto un’apologia del software  e dell’hardware libero – valore etico, convenienza, valore didattico: scuola e università hanno il dovere morale di dimostrare, diffondere e promuovere il software libero.

Poi ci siamo meravigliati della fisica usata da questi sistemi, che funzionano sfruttando una sorta di percorso circolare dell’informazione, su tre diverse fasce dello spettro elettromagnetico: radiazione infrarossa, microonde e luce.

Quindi abbiamo rivisto il meccanismo del mouse, con un normale equipaggiamento dove il computer è collegato al proiettore mediante un cavo VGA.

Poi ci siamo accorti che il proiettore era di quelli interattivi, e allora abbiamo eliminato il mouse e abbiamo aggiunto un collegamento  USB fra computer e proiettore, oltre a quello VGA già stabilito. Utilizzando l’apposito puntatore, abbiamo commentato con uno schema come funziona questo sistema e ne abbiamo discusso le caratteristiche pratiche rispetto alle LIM classiche: flessibilità di uso, mobilità, costo inferiore ma non di tanto.

Quindi abbiamo esplorato la soluzione più economica, che ci interessa molto – viste le ristrettezze delle risorse di cui tutti noi soffriamo – che ha anche maggiore valore etico – sfrutta l’ingegno espresso spontaneamente nel cyberspazio: non avendo mezzi usiamo intelligentemente ciò che c’è – che ha anche maggior valore didattico – si fabbrica da soli: i ragazzi vedono di più “come è fatto dentro” e possono essere coinvolti nel montaggio e nella gestione della lavagna. Abbiamo quindi riaggiustato i collegamenti e montato il telecomando Wiimote per realizzare la lavagna digitale WiilD. Anche di questo sistema abbiamo visto per bene lo schema di funzionamento, dimostrandone praticamente il funzionamento e vari particolari come la penna a infrarossi autocostruita.

presentando lavagne digitali low cost a castel del piano - wiildos

Dove si mostra la penna a infrarossi autocostruita – non l’ho fatta io, me l’hanno regalata gli amici di WiildOs. Sulla sinistra si vede il Wiimote, posizionato su un cavalletto.

Per fare tutta questa dimostrazione abbiamo usato un portatile di fascia bassa equipaggiato con il sistema operativo libero WiildOs – provato anche con un netbook minimale di 5 anni fa: funziona benissimo lo stesso. Abbiamo mostrato alcuni dei tanti software liberi di utilità didattica che ci sono in WiildOs. In particolare abbiamo lavorato con il sistema libero di lavagna digitale e presentazione Sankoré, prodotto in coproduzione da un team di sviluppatori svizzeri e francesi. Gli schemi mostrati li avevamo precedentemente prodotti con Ardesia, un software libero che consente di trasformare lo schermo del computer in una lavagna, con la possibilità di salvare in vari formati fasi intermedie del lavoro o di creare dei video dimostrativi – è un software realizzato da un giovane sviluppatore italiano che si chiama Pietro Pilolli.

Infine, abbiamo mostrato anche una configurazione diversa, usando un altro computer con il sistema operativo Windows 7, per mostrare che tutti i software liberi che avevamo citato prima possono essere scaricati e utilizzati anche in una versione per Windows – esiste una porta di accesso agevole al mondo del software libero, che non richiede alcuna competenza particolare, eccetto curiosità e sensibilità.

Il tutto s’è portato via un paio d’ore, digressioni varie incluse. Da ricordare il piacere di una platea attenta e reattiva, l’ospitalità, la torta fatta in casa all’inizio, alla fine il pranzo, amabile per il cibo e la compagnia.

Grazie a Nicoletta Farmeschi, Antonella Coppi, alla loro Preside e a tutti!


P.S. Grazie anche ai diversi amici che il giorno precedente avevano risposto al mio appello in rete dove avevo chiesto se qualcuno poteva prestarmi un telecomando Wiimote perché il mio si era rotto all’ultimo momento :-)

P.P.S. Facebook è pessimo per vari motivi, ivi incluso il fatto che il link precedente non è accessibile a chi non è iscritto a Facebook: una politica che mina la libertà del cybersapzio. Estraggo quindi da Facebook e riporto qui sotto l’episodio:


Andreas Formiconi
C’è qualcuno che mi può prestare un telecomando Wiimote alla stazione SMN di Firenze fra le 14 e le 15, oppure in serata nella zona Valdarno – Firenze sud? Lo renderei martedì prossimo con caffè o birra o vino…
Mi piace · · Condividi · 28 febbraio alle ore 7.11
Piace a Nicoletta Farmeschi, Giulia Tardi, Elena Crestani e altri 4.

Rosamaria Guido
Tu consigli la Wiimote?
28 febbraio alle ore 7.12 · Mi piace

Andreas Formiconi
io esorto in generale a usare software e hardware libero
esorto a usare mezzi etici e intrinsecamente educativi

la lavagna digitale con wiimote è etica e educativa, se l’insegnante ne trae vantaggio per coinvolgere gli studenti…
cmq la sto provando e vado in giro a provarla con gli insegnanti per avere feedback utili, prima di fare affermazioni assolute
28 febbraio alle ore 7.16 · Mi piace · 5

Rosamaria Guido
Grazie. facci sapere
28 febbraio alle ore 7.17 · Mi piace

Andreas Formiconi
sicuro, relazionerò via via in #loptis
28 febbraio alle ore 7.18 · Mi piace · 2

Andreas Formiconi arrivederci, blackout fino a stasera
28 febbraio alle ore 7.19 · Mi piace · 1

Rosamaria Guido Buon lavoro!
28 febbraio alle ore 7.20 · Mi piace

Angela Iaciofano
Andreas, penso di averlo trovato, ti dò conferma in giornata, nel caso lo porterei domani mattina direttamente a CdP
28 febbraio alle ore 8.48 · Mi piace

Andrea Venanzi
Prof. in zona Valdarno in serata posso prestarlo io senza problemi.
28 febbraio alle ore 11.20 · Mi piace

Samantha Peroni sei sempre forte!
28 febbraio alle ore 11.21 · Mi piace · 1

Angela Iaciofano Sono già in possesso del wiimote, se comunque, per sicurezza, vuoi prenderne anche un altro tanto meglio. A domani
28 febbraio alle ore 12.41 · Mi piace

Andreas Formiconi
Ho trovato il wiimote! Al volo in una coincidenza di 20 minuti
Grazie Angela Iaciofano, beh se ce l’hai portalo, non si sa mai: il perfido Murphy può sempre colpire….
Grazie Andrea Venanzi che eri disposto a trovarsi in serata! Grazie David Fredducci [via mail] che avresti fatto 30 km uscendo sparato da scuola… Grazie Elisabetta Nanni per la tua tesi sulla WiilD!
Cose buone…
Questo è un grazie volante ma ne arriverà uno più consistente… [Eccolo :-)]
28 febbraio alle ore 12.48 · Mi piace · 3

Andreas Formiconi
deh ci fa un baffo Murphy a noi…

http://it.wikipedia.org/wiki/Legge_di_Murphy

28 febbraio alle ore 12.57 · Modificato · Mi piace · 1 · Rimuovi anteprima

Chiara Strisciuglio
Sperimentare e lavorare sul campo: l’officina del Prof. Andreas . Buon lavoro.
28 febbraio alle ore 13.26 · Mi piace · 2

Indice ragionato – #loptis 21

L’idea è un po’ questa. Quando tocca fare un nuovo corso intorno alle information technologies eccetera eccetera, ai nuovi studenti mi vien fatto di dire – Entrate nel laboratorio, vi conduco a vedere gli strumenti e i servizi diversi per cui s’adoprano, qui c’è questo là c’è quello…

I materiali ci sono. Ciascuno se li può aggiustare a misura. Quello che cambia sono i modi di interazione. Gli studenti di medicina che arriveranno il 4 di marzo, in realtà mi vedranno in una serie di lezioni, quindi qualcosa cambia, ma non la sostanza – quanto alle lezioni non saranno proprio tali, diremo poi come.

È pensando a loro che ho scritto il seguente “indice ragionato”, in modo che possano individuare più facilmente un loro percorso nella foresta di questo blog. Ma credo che tornerà utile anche a tutti gli altri. Provvedo quindi a integrarlo nel settore “accoglienza” del blog. Intanto nella barra accanto trovate questo stesso indice riprodotto in una pagina apposita, a fianco del solito elenco cronologico dei post.

Anche questo è un esperimento interessante: l’estrazione di un corpus di contenuti da quello che alla fine è una sorta di racconto. Se li volessi rendere dei contenuti di sapore, per così dire, più accademico, li dovrei spolpare del racconto, ma… ecco, proprio non mi va…


  1. Software libero
  2. Sopravvivenza digitale
  3. Seguire le fonti in internet
  4. Open Educational Resources
  5. Letteratura scientifica
  6. Cloud
  7. Gioie pubbliche, private angoscie
  8. Elaborazione immagini
  9. Scrivere insieme
  10. Vita nel MOOC #ltis13 – #loptis

  1. Software libero

    Torna all’inizio


  2. Sopravvivenza digitale

    Torna all’inizio


  3. Seguire le fonti in internet

  4. Imparare a seguire le fonti in internet con un sistema aperto e standard che garantisce la libertà personale.
  5. Usare i web feed per seguire la mainsteam information,e altre questioni intorno all’informazione oggi
  6. Informazione dagli Ultimi

Torna all’inizio


  1. Open Educational Resources

    Torna all’inizio


  2. Letteratura scientifica

    È un capitolo dedicato primariamente agli studenti di medicina e a chiunque abbia qualche necessità di accedere alla letteratura scientifica. È ulteriormente suddiviso in 8 parti:

    • discussione sul metodo scientifico e sulla sua letteratura
    • introduzione a Pubmed
    • motore di ricerca su vari database di scienze biomediche
    • un esempio di ricerca
    • impiego del proxy di ateneo per l’accesso alle riviste in abbonamento presso la biblioteca medica – questo può essere utilizzato da chiunque per capire in generale una funzione importante dei proxy
    • il problema dell’accesso limitato e costoso alla letteratura scientifica
    • un articolo sullo stesso tema di George Monbiot, giornalista del Guardian
    • come usare i web feed per tracciare in Pubme le novità pubblicate su specifici argomenti

    I materiali sono estratti da corsi degli anni precedenti, quindi si riferiscono a contesti passati, e alcuni particolari relativi all’interfaccia di Pumed possono essere cambiati – succede spesso ma i contenuti essenziali sono semprevalidi.

    Torna all’inizio


  3. Cloud

    Torna all’inizio


  4. Gioie pubbliche, private angoscie

    Torna all’inizio


  5. Elaborazione immagini

    Torna all’inizio


  6. Scrivere insieme

    Torna all’inizio


  7. Vita nel MOOC #ltis13 – #loptis

    Torna all’inizio


Elaborazione di immagini – tre fatti che fanno la differenza – #loptis 22

Clicca qui per scaricare la versione in pdf (1.8MB)


  • Sicuramente un post per gli studenti di “Editing multimediale” della IUL ma anche per tutti quelli a cui capita di lavorare con le immagini
  • Grafica bitmap e vettoriale
  • Due o tre cose sui formati più noti, GIF, PNG e JPEG, sulla compressione delle informazioni, conservativa e non, e sui formati “dedicati” XCF e SVG
  • Gimp e Inkscape, due bellissimi software liberi per l’elaborazione delle immagini che girano su Linux, Mac e Windows
  • Elaborazione delle immagini in livelli

Primo fatto: software libero anziché proprietario

Il fatto che il software sia libero o proprietario è fondamentale, per motivi etici prima ancora che tecnici. L’espressione sintetica di Marina è perfetta:

software libero vuol dire che rende le persone più libere

Aggiungo: la scuola e l’università hanno il dovere morale di dimostrare, diffondere e promuovere il software libero. Il resto l’abbiamo detto in un post precedente.

Secondo fatto: distinguere fra grafica bitmap e vettoriale

Immagini digitali

Le immagini digitali sono sempre formate da una sorta di scacchiera di piccoli quadratini denominati pixel, il cui interno è rappresentato con un colore uniforme al quale nel computer corrisponde un certo valore numerico. Anche se le immagini sono monocromatiche vale lo stesso concetto. Per fare un esempio noto a tutti, le immagini TAC (Tomografia Assiale Computerizzata) sono rappresentate in scale di grigi. Ebbene, anche lì in ogni pixel, l’intensità di grigio è in relazione con un numero che rappresenta (con una certa approssimazione) la densità media dei tessuti del corpo nella spazio rappresentato da quel pixel.

dpi e risoluzione

In qualsiasi immagine digitale potete scorgere i pixel, se vi avvicinate o la ingrandite a sufficienza. Naturalmente è proprio quello che non si vuole vedere, di solito. In questo articolo useremo il termine risoluzione per il numero di pixel dell’immagine – maggiore risoluzione significa maggior numero di pixel. In realtà, il concetto di risoluzione spaziale di un’immagine è differente e molto più complesso ma qui ci atterremo alla prassi corrente per rendere il discorso più agile e compatto. Invece con dimensione intenderemo la grandezza del file in cui l’immagine viene memorizzata, e potrà essere espressa in Mega Byte (MB) o in Kilo Byte (KB) [1].Per esempio se fate una scansione di un documento o un’immagine dovete fare attenzione al parametro dpi (dots per inch, punti per pollice). Un pollice sono 2.54 cm e valori accettabili stanno usualmente fra 100 e 200 dpi, ma dipende da cosa dovete scannerizzare. Occorre quindi fare delle prove scegliendo il valore più basso che dà la qualità adeguata, nel contesto che vi interessa. Non vale esagerare, perché la dimensione delle immagini cresce grandemente in proporzione inversa alle dimensioni dei pixel: se i pixel di un’immagine sono più piccoli vuol dire che ve ne saranno di più – se scelgo 200 dpi anziché 100, vuol dire che su ogni lato dell’immagine ho il doppio dei pixel, quindi il numero totale dei pixel dell’immagine sarà 2×2=4 volte più grande, ergo raddoppiare la dimensione lineare vuol dire quadruplicare la dimensione dell’immagine, e quindi anche la dimensione del file dove questa viene memorizzata. Infatti, dal punto di vista del computer, un’immagine digitale è semplicemente una fila di numeri, tanti quanti sono i pixel in cui è suddivisa. Quando il computer la deve rappresentare su un qualche supporto – monitor, stampa… – allora legge i numeri a partire dal primo e decodifica ciascuno di essi in maniera da produrre l’effetto dovuto, in termini di colore e intensità, poi li “scrive” nello spazio dell’immagine come si fa nelle lingue occidentali: da sinistra a destra, dall’alto al basso.

Tipi di grafica

Ma non sempre le immagini vengono memorizzate secondo la logica di un “elenco dei contenuti dei pixel”. Si danno infatti due possibilità, una che prende il nome di grafica vettoriale e l’altra di grafica bitmap, o grafica raster (raster: griglia; da qui in poi utilizzeremo il termine bitmap). Le immagini bitmap sono memorizzate così come abbiamo già detto. Ad esempio le fotografie e le immagini mediche sono di questo tipo. Le immagini vettoriali sono invece memorizzate attraverso una rappresentazione ad oggetti. I disegni CAD (Computer Assisted Design) fatti da un progettista e i documenti PDF sono esempi di immagini vettoriali. Facciamo un esempio affinché la differenza sia chiara.

Grafica bitmap

Supponiamo prima di disegnare una circonferenza con un software di tipo bitmap, poi immaginiamo di ingrandire molto l’immagine: prima o poi la circonferenza rivelerà la struttura in pixel, che le darà un aspetto frastagliato.

si mostra come un'immagine bitmap si deteriori ingrandendola oltre un certo limite

Immagine di una circonferenza generata in grafica bitmap. L’immagine di destra rappresenta l’ingrandimento del quadrato rosso raffigurato nell’immagine di sinistra.


Grafica vettoriale

Disegnate ora la stessa circonferenza con un software di tipo vettoriale e provate a ingrandire l’immagine a piacimento: la circonferenza sarà sempre lì, con gli stessi identici attributi che le avrete assegnato all’atto della sua creazione. Magari ne vedete solo un piccolo arco perché avete ingrandito l’immagine veramente tanto, ma non vi sono artefatti.

si mostra come un'immagine vettoriale rimanga inalterata con l'ingrandimento

Immagine di una circonferenza generata in grafica vettoriale. L’immagine di destra rappresenta l’ingrandimento del quadrato rosso raffigurato nell’immagine di sinistra.

Perché questa differenza? Il software di tipo bitmap parte da un’immagine che è tanti pixel alta e tanti pixel larga. Dopodiché qualsiasi cosa facciate, il software si preoccupa di riempire i pixel come dite voi. Altro non fa. Se avete chiesto di disegnare una circonferenza, il sistema utilizza l’equazione matematica della circonferenza

x^2 + y^2 - 2 \alpha x - 2 \beta y + \alpha^2 + \beta^2 - r^2 = 0

dove α e β sono le coordinate del centro e r è il raggio della circonferenza, per riempire appropriatamente i pixel. Poi se ne dimentica, ovvero dimentica i suoi parametri, α, β e r [2]. Invece, il software di tipo vettoriale, utilizza l’equazione della circonferenza per disegnarla sullo schermo, con i parametri di rappresentazione correnti, ovvero riempie i pixel che voi vedete sullo schermo, e invece di memorizzarne i contenuti memorizza l’equazione della circonferenza, sotto forma dei suoi parametri  α, β e r, e di altri eventuali attributi grafici, quali spessore e colore della linea. Poi, ogni volta che voi rinfrescate l’immagine sullo schermo, ricaricandola o variandone le dimensioni, ricalcola i contenuti dei pixel a partire dall’equazione della circonferenza. E così per tutti gli altri oggetti.

Riassumendo, con la grafica bitmap il sistema ricorda i contenuti di tutti i pixel dell’immagine – quando la deve rappresentare sul schermo costruisce l’immagine semplicemente rappresentando adeguatamente i singoli pixel. Con la grafica vettoriale il sistema ricorda l’idea di circonferenza, ovvero di quella precisa circonferenza con il centro posizionato in quella certa posizione, con quel certo raggio, con quel certo spessore e quel certo colore con cui deve essere tracciata – quando deve rappresentare l’immagine, prima calcola i contenuti dei pixel per rappresentare quella circonferenza, poi rappresenta i pixel così calcolati sullo scheermo.

Formati – compressione

Non vogliamo perderci qui nella foresta dei formati. Se necessario approndiremo dove opportuno. Solo gli esempi comuni. Tutte le immagini di origine fotografica sono gestite e memorizzate con la logica bitmap. È naturale: derivano tutte da una qualche matrice di rivelatori, intendendo per matrice una qualche precisa disposizione di rivelatori di radiazione elettromagnetica: luminosa, infrarossa, X o altro. I formati più comuni per la distribuzione di immagini bitmap nel web sono GIF, PNG e JPEG – detto anche JPG, è lo stesso.

Qui occorre un inciso sulla compressione. Le immagini – anche l’audio e a maggior ragione il video – contengono molta informazione, quindi i file tendono ad essere grandi – oggi si ama dire che sono “pesi”. Persino la fotocamera di un telefono produce immagini di vari milioni di pixel. Far viaggiare questa roba in internet può essere un problema, a maggior ragione per chi vive in paesi sottosviluppati – o “diversamente sviluppati”, come il nostro, duole dirlo ma all’atto pratico, fra la velocità di trasferimento subalpina e quella sovralpina può corre tranquillamente un fattore 10. Le tecniche di compressione dell’informazione sono quindi fondamentali, è grazie a queste che la distribuzione dell’informazione multimediale è esplosa, ad esempio nei formati MP3 (audio), JPEG (immagini) e MP4 (video). Tutti questi esempi – sono i più comuni ma ve ne sono tanti altri – sono caratterizzati dal fatto di impiegare un qualche sistema di compressione dell’informazione. E tutti e tre usano i sistemi di compressione più efficaci, ovvero quelli non conservativi, che per comprimere meglio buttano via qualcosa – qualcosa che non si sente nell’audio, che non si vede nelle immagini o nei video. Sono sistemi regolabili – se si esagera si finisce col deteriorare il messaggio.

Con la compressione conservativa invece non si butta via nulla, ma si sfruttano ripetizioni e regolarità, sfruttandole in modo intelligente. Ci capiamo subito con questo esempio: pensate a un’immagine fatta da un solo pixel centrale nero e tutti gli altri bianchi – non è interessante ma è utile per capire. Non è difficile immaginare un sistema abbastanza furbo da memorizzare il numero di pixel che sono uguali e il loro (unico) valore. Nel nostro esempio significa che invece di memorizzare milioni di numeri, basta memorizzare il numero dei pixel bianchi, il numero di quelli neri e i due valori corrispondenti al bianco e al nero: 4 numeri! Abbiamo semplificato molto ma il concetto c’è, ed è anche sufficiente a capire che il successo di questi metodi dipende dal tipo di immagine. Per esempio in un’immagine fotografica piena di  sfumature morbide ci sarà poco da comprimere. Un esempio di compressione conservativa molto noto è quello del formato ZIP. Può valer la pena di fare un giochino. Prendo un brano di questo scritto, lo salvo in un file con un editore di testo – un editore di testo, non Word!  – Mi è venuto un file di 1075 byte. Sempre con l’editore di testo scrivo “pippo pippo…” tante volte (alla Shining – non mi sta vedendo nessuno…) fino a ottenere un file egualmente lungo, ovvero di 1075 byte. Applico a tutti e due lo zip: nel primo caso viene un file di 725 byte e nel secondo di 173 byte. Potete provare anche voi per esercizio, inventandovi degli esempi simili, o scaricando il file numero 1 e il file numero 2 per zipparli da voi.

Dunque dicevamo che i formati più comuni per la distribuzione di immagini bitmap nel web sono, GIF, PNG e JPEG. Vediamoli brevemente.

Il formato GIF usa una compressione conservativa. Questo lo rende adatto a immagini che contengono testo o grafica composta da linee. Si può usare per fare immagini animate.

Anche il formato PNG comprime l’immagine in modo conservativo e quindi anche questo è adatto nei casi cui sono presenti testo o linee. È meglio rispetto al GIF perché è più recente: consente di rappresentare le immagini con maggiore qualità e le comprime meglio. Non si possono però fare immagini animate, per questo ci vuole il formato GIF. In fondo vedremo un esempio.

Il formato JPEG applica invece una compressione non conservativa. È il formato adatto alle immagini fotografiche. Se siamo noi a generare un file JPEG, allora all’atto del salvataggio si può scegliere il grado di compressione. Occorre controllare quindi: più si comprime e più l’immagine può risultare degradata, specialmente se vi sono dettagli fini e contrasti bruschi.

Per quanto riguarda la grafica vettoriale occorre certamente citare il PDF. È un’ottima occasione per puntualizzare che il PDF è un formato grafico, e per di più vettoriale, perché molti scambiano il PDF per una variante del formato DOC – quello di Word, o altri word processor. No, il PDF non è un formato di testo o testo formattato, bensì è un formato grafico: esportare un documento qualsiasi – testo, foglio di lavoro o altro – in PDF vuole dire farne una sorta di fotografia, ovvero congelarlo in un’immagine, e per di più un’immagine vettoriale, perché così risulta meno sensibile alla modalità con la quale viene rappresentato, grazie al meccanismo ad oggetti che abbiamo visto. Perché il PDF è nato proprio per diffondere documenti nella rete, in maniera che questi rimangano inalterati, indipendente dal supporto di visualizzazione o dalla modalità di stampa.

Manipolando foto

La questione del formato è particolarmente importante quando siamo noi che creiamo le immagini. Le immagini si possono presentare in una grande varietà di forme, agli estremi abbiamo le fotografie da un lato e i “disegni al tratto” dall’altro – diagrammi, grafici. Di foto ne produciamo tutti tante, anche troppe. La tendenza è scattare e riempire memorie – pensa a tutto la macchina. In realtà anche in un cellulare di fascia bassa si può intervenire su alcuni parametri, per non parlare degli smartphone. Sicuramente si possono determinare numero di pixel e qualità dell’immagine. La dimensione dei file cresce con il numero dei pixel e la qualità dell’immagine. La qualità è di fatto regolata mediante il rapporto di compressione JPEG. Prima di usare l’apparecchio, non sarebbe male fare delle prove, ripetendo lo stesso scatto con risoluzioni e qualità diverse, per poi scegliere i parametri che consentono di ridurre le dimensioni dei file ma senza introdurre artefatti nell’immagine.

Chi ha qualche velleità fotografica e utilizza macchine “serie” – reflex, street photography, grandi formati – ha certamente a disposizione l’opzione del formato cosiddetto RAW - raw data: dati grezzi. Questi sono i numeri letti direttamente dai sensori dell’apparecchio, sui quali si può lavorare successivamente con gli appositi software di elaborazione fotografica. È il formato prediletto da chi vuol partecipare alla costruzione dell’immagine fotografica, un po’ come coloro che amavano sviluppare le proprie foto nella camera oscura. Con il formato RAW la libertà di espressione è maggiore ma anche la dimensione dei file è molto più grande dei file JPEG – meno scatti, più riflessione post processing – ex camera oscura – più qualità.

Fabbricando immagini

Diverso è il caso in cui le immagini ce le dobbiamo fabbricare “a mano”. Qui la risposta non è univoca perché dipende da quello che si deve fare. Nel caso di diagrammi o grafici, quasi certamente conviene optare per un formato di tipo vettoriale. Costruendo invece immagini composite nelle quali gli elementi fotografici sono importanti, allora probabilmente si può lavorare sia in forma vettoriale che bitmap – la scelta dipende dal tipo di fruizione dei risultati e, in ultima istanza, dalle preferenze personali.

Lavorare in forma grafica bitmap o vettoriale vuol dire usare software diversi. Qui citiamo due ottimi software liberi: Gimp per la grafica bitmap e Inkscape per la grafica vettoriale. La quantità e varietà di software e di servizi web per l’elaborazione delle immagini è impressionante. Molti conosceranno Photoshop per il ritocco delle immagini fotografiche, e forse avranno sentito nominare Autocad per la progettazione, quali esempi di software per grafica bitmap da un lato e vettoriale dall’altro, anche se quest’ultimo più di nicchia e strettamente professionale. Sono programmi dal prezzo elevato, probabilmente ingiustificato per la maggioranza delle finalità che può avere un utente generico. In realtà le alternative libere Gimp e Inkscape sono molto sofisticate e possono essere usate con profitto anche in contesti professionali. Gli esempi precedenti, dove abbiamo mostrato cosa succede ingrandendo immagini dei due tipi sono stati realizzati con questi due software, ma vediamo qualche esempio per dare un’idea delle potenzialità e delle differenze fra le due modalità.

Lavorare in grafica bitmap con Gimp

fotografia di 4320x3240 pixel, memorizzata in tre diversi formati, png, jpg  e jpg fortemente compresso, da sinistra a destra, rispettivamente

.

Questa immagine – chi vuole sapere di che si tratta può leggere la nota [3] – è stata è stata scattata con un apparecchio comune, di quelli automatici, nemmeno più tanto recente, e ciò nonostante già in grado di sparare immagini di 4320×3240 pixel, come  questa che vedete qui sopra, espressa in tre diversi formati, da sinistra a destra: PNG – compressione conservativa, cioè nessun degrado ma il file occupa 19MB; JPEG con compressione ridotta (94% di qualità secondo Gimp [4]) , e già così si ottiene un file di soli 3 MB; JPEG con compressione elevata, (10% di qualità sempre secondo Gimp), e si arriva a 213 KB: un fattore di compressione dell’1% e la qualità sembra la stessa! In effetti, con così tanti pixel si può andar giù pesanti con la compressione JPEG.

Ma la differenza c’è, dipende da come si intende usare l’immagine, in particolare da quanto si pensa di ingrandirla. Le tre immagini sopra sono scalate per farle entrare nel post, cliccando sopra appaiono le versioni originali, sulle quali potete cliccare un’altra volta per ingrandirle ulteriormente. Se con il vostro browser non funziona così, potete scaricarle sul vostro computer e poi ingrandirle con il software di visualizzazione di immagini che usate di solito. Ebbene, vedrete che, ingrandendo molto, se fra le versioni PNG (a sinistra) e JPEG 94% (quella di mezzo) non ci sono differenze apprezzabili, la versione JPEG 10% (a destra) risulta marcatamente degenerata, con una sorta di artefatto a blocchi. Ebbene quello è l’effetto di perdita di informazione, causato da una compressione JPEG troppo aggressiva. Dipende quindi da come si vogliono utilizzare le immagini.

Ma vediamo ancora più in dettaglio come stanno le cose, confrontando un particolare dell’immagine senza alterazioni, con risoluzione ridotta, con compressione JPEG e con tutti e due i trattamenti.

confronto del particolare di un'immagine: originale alta risoluzione, con compressione jpeg aggressiva, con riduzione della risoluzione del 20%, con ambedue i trattamenti, da sinistra a destra rispettivamente

1) immagine originale ad alta risoluzione 4320×3240 pixel, dimensione 19 MB; 2) sempre ad alta risoluzione ma molto compressa con JPEG, dimensione 213 KB; 3) a risoluzione ridotta del 20%, 864*648 pixel, dimensione 211 KB: 4) sia a risoluzione ridotta che molto compressa con JPEG, dimensione 23 KB. Clicca l’immagine per vedere gli effetti, poi clicca ancora sull’immagine che viene per zoomarla e vedere bene gli effetti.

Per vedere bene gli effetti occorre cliccare sull’immagine qui sopra, che è scalata per farla entrare nell’impaginazione, e poi cliccare nuovamente sull’immagine che appare per ingrandirla ulteriormente.

Ebbene, se la dimensione del file dell’immagine originale era di 19 MB, sia riducendo la risoluzione del 20% che applicando una compressione JPEG energica – 10% secondo Gimp – questa si riduce a circa 200 KB, ovvero dell’1%, e in ambedue i casi si osservano delle degenerazioni, che sono però di natura diversa. Applicando infine ambedue i trattamenti, si riduce sì di un ordine di grandezza la dimensione del file (23%) ma addio qualità.

Quindi, primo messaggio: per ridurre il “peso” di un’immagine si può agire sul parametro di qualità-compressione del formato JPEG ma occhio alla risoluzione: se i pixel sono pochi il rischio di rovinare l’immagine è alto, quindi bisogna essere prudenti: andare per tentativi e errori.

Secondo messaggio: per lavorare bene, può avere senso porsi il problema se convenga ridurre le dimensioni riducendo la risoluzione oppure comprimendo di più con il JPEG. Si confrontino le immagini 2), compressa con JPEG, e 3), alleggerita riducendo la risoluzione. La prima ha i contorni più conservati mentre si sono praticamente perse le sfumature delle superfici piane. Nella seconda le sfumature delle superfici sono ancora ben rappresentate ma i contorni sono deteriorati dalla dimensione dei pixel – meno pixel vuol dire pixel più grossi. Da tutto questo si vede come in ambedue i casi la riduzione delle dimensioni dell’immagine sia stata ottenuta al prezzo della perdita di una certa quantità di informazione, ma che tale perdita è qualitativamente diversa nei due casi. La riduzione della risoluzione tende a sciupare i contorni, la compressione JPEG tende a sparpagliare la degenerazione nell’immagine. L’indicazione pratica che se ne ricava è che nel caso di immagini morbide e con poche variazioni brusche di contrasto conviene ridurre la risoluzione, ovvero il numero di pixel; invece nel caso di immagini dove predominano linee e contorni forti, può convenire ricorrere ad una compressione JPEG più energica. In ogni caso: domandarsi come verrà usata l’immagine e cosa vogliamo comunicare e poi andare per tentativi ed errori, perché gli effetti cambiano a seconda del tipo di immagine.

Chi si cimenta nell’uso di Gimp si accorge che fra i 40 formati nei quali può salvare un’immagine, il primo che viene proposto è XCF. Questo è il formato nativo di Gimp, ovvero quello che è in grado di memorizzare tutte le informazioni fra una sessione di lavoro e l’altra. È il formato da usare quando si lavora con un’immagine e la vogliamo mantenere per ritornarci a lavorare in futuro – se la memorizziamo in questo formato siamo sicuri di ritrovare tutta quello che abbiamo fatto in precedenza. Non è il formato da usare per inviare un’immagine in rete, a meno che uno non voglia condividerla con qualcun altro che debba continuare a lavorarci con Gimp. Il processo corretto quindi è quello di memorizzare tutte le varie versioni dello sviluppo in XCF e poi esportare il risultato in un formato idoneo a essere trasmesso, per esempio GIF, PNG, JPEG o altro.

Resterebbe da dire qualcosa sulle elaborazioni in grafica bitmap, ma vedremo meglio dopo, ragionando del terzo fatto che fa la differenza, in materia di manipolazione di immagini.

Lavorare in grafica vettoriale con Inkscape

Le immagini si possono creare anche in grafica vettoriale. Anche per questo tipo di elaborazione esiste uno splendido software libero, che è Inkscape. Vediamo un esempio.

esempio di immagine creata in grafica vettoriale, mediante il software inkscape

Esempio di tipica immagine che conviene produrre in grafica vettoriale. Questa è stata prodotta con il software libero Inkscape. Clicca l’immagine per vederla meglio.

Il soggetto dell’immagine non ci interessa qui, se non per come è stato costruito graficamente. Chi fosse incuriosito dal senso del diagramma può leggere una breve nota [5]. Come abbiamo già visto, nella modalità vettoriale, ad essere memorizzati non sono i pixel dell’immagine ma le caratteristiche geometriche degli oggetti – in questo caso triangoli, ellissi, segmenti di vario tipo, sfondi, testi. È una modalità comodissima per fabbricare un diagramma del genere. Una volta costruito un triangolo, con le sue frecce, il suo sfondo e i testi, per fare gli altri, basta raggruppare tutti gli elementi con una semplice riquadratura e duplicare il tutto, spostare la copia nella posizione desiderata e poi intervenire sui singoli elementi che debbano essere eventualmente cambiati, per esempio i testi in questo caso. Ciò è reso possibile dal fatto che il sistema tiene traccia di ogni singolo oggetto e di ogni sua caratteristica, in un modo che rende  molto semplice manipolarlo, riprodurlo e nuovamente alterarlo in ogni successiva fase del lavoro:

dove si mostra come in grafica vettoriale si possa selezionare un intero gruppo di oggetti per poi portarlo in giro, duplicarlo o alterarlo in ogni sua parte

Esempio di come, in grafica vettoriale, sia facile selezionare un gruppo di oggetti, per poi spostarlo, replicarlo o modificare in ogni suo componente. Cliccare l’immagine per vederla meglio.

Fra i casi estremi che abbiamo mostrato esiste tutta una zona intermedia di risultati che possono essere raggiunti con ambedue i sistemi. Per averne un’idea può essere interessante andare a vedere in  DeviantART - un social network dedicato alle creazione grafiche – i lavori fatti sia dagli appassionati di Gimp che da quelli di Inkscape.

Anche Inkscape ha un formato di riferimento che conserva tutto ciò che serve per conservare il lavoro fra sessioni successive, è lo SVG. Valgono le stesse considerazioni fatte a proposito del formato XCF di Gimp. La differenza con Gimp è che Inkscape non offre formati che comprimono in modo non conservativo – per esempio si può salvare in PNG ma non in JPEG. Del resto, se vogliamo, il formato vettoriale opera intrinsecamente una forma di compressione, memorizzando solo i parametri geometrici degli elementi presenti anziché i contenuti dei pixel, che sono quasi sempre centinaia di migliaia o milioni. Ad esempio, l’immagine precedente, che è anche abbastanza complessa, è composta da 780’000 pixel ma il file in formato SVG occupa solo 85 KB. Se poi uno volesse comprimere ulteriormente un’immagine prodotta in grafica vettoriale usando il formato JPEG, per qualche giustificato motivo, non ha che da prendere la versione in PNG, caricarla in Gimp  e da lì salvarla in JPEG, con il grado di compressione desiderato. Lo faccio, esagerando, per far vedere ancora il tipo di degenerazione che può venir fuori. Il file in JPEG è diventato di 29 KB ma…

degenerazione che si ottiene comprimendo troppo in jpeg un'immagine prodotta in grafica vettoriale

Esempio del modo in cui si deteriora un’immagine prodotto in grafica vettoriale applicandole un’eccessiva compressione JPEG. Qui l’immagine è stato prodotta lavorando con Inkscape sul suo formato nativo SVG, poi è stata esportata nel formato tipo bitmap PNG, che comprime in modo conservativo, quindi è stata caricata in Gimp per essere infine salvata in formato JPEG con qualità del 10%. Clicca l’immagine per vedere bene gli effetti.


Terzo fatto: usare i livelli (layers)

Infine il terzo fatto che fa la differenza in materia di elaborazione di immagini: l’esistenza dei livelli (layers). I livelli consentono di costruire un’immagine attraverso la sovrapposizione di piani contenenti elementi diversi di quella che sarà l’immagine risultante. Un caso tipico può essere quello della sovrapposizione di scritte ad un’immagine fotografica: la fotografia sta in un piano e i testi da sovrapporre stanno in altri piani.

Quello dei livelli è uno strumento potentissimo. Un vantaggio fondamentale è la facilità con cui si può intervenire in tempi successivi solo su alcune parti delle immagini. Cambiare un testo ormai integrato in una fotografia può essere un incubo. Cambiarlo nel suo piano, lasciando tutto il resto inalterato, è un gioco da ragazzi.

Vediamo un esempio costruito sulla solita immagine della locomotiva.

illustrazione dell'impiego di livelli nella costruzione di un'immagine

Questa immagine è stata costruita con Gimp in 4 livelli: il primo contiene la fotografia resa monocromatica, il secondo contiene solo il fumo che spiffera dai meccanismi, reso in rosso, il terzo contiene gli elementi grafici in verde e il quarto i testi in giallo.

Le possibilità offerte dai livelli sono sterminate. Per esempio, sempre con Gimp, non è difficile ottenere dalla precedente un’immagina animata in GIF:

esempio di immagine animata gif ottenuta con Gimp

Anche il programma in grafica vettoriale Inkscape offre l’elaborazione in livelli. Tuttavia, siccome nella grafica vettoriale ogni oggetto rimane indipendente e può sempre essere riacciuffato successivamente, da solo o in gruppo, i livelli giocano un ruolo un po’ minore, anche se in certe circostanze possono tornare molto utili. Nella grafica bitmap invece l’esistenza dei livelli cambia la vita a chiunque voglia fare qualcosa di appena più elaborato di un semplice ritocco.

Coda

Non ho dato istruzioni per l’uso – come si fa a fare questo o quello. Non credo che si impari per istruzioni preconfenzionate ma per suggestioni. Se la suggestione per qualcuno c’è stata allora costui proverà a fare qualcosa. Se avrà problemi lo scriverà, e noi lo aiuteremo.


Note

  1. B: byte = 8 bit; 1 KB = 1024 B; 1 MB = 1024 KB; quindi 1 MB = 1024 x 1024 B, approssimativamente 1 MB è qualcosa più di un milione di B.
  2. Per chi ha poca dimestichezza con il linguaggio matematico. L’equazione dice molto semplicemente che il risultato dell’operazione a sinistra dell’uguale, deve essere uguale a ciò che c’è alla sua destra, vale a dire uguale a 0. L’operazione a sinistra non è altro che una somma algebrica (vale a dire che c’è anche roba col segno meno) di alcuni termini, che sono a loro volta prodotto di alcuni fattori: x2 vuol dire x moltiplicato x, 2αx vuol dire 2 moltiplicato α moltiplicato x, eccetera. α, β e r sono le cose fisse, i cosiddetti parametri. Sono fisse nel senso che se io attribuisco a ciascuna di esse un valore, allora ho definito una precisa circonferenza, all’interno del mondo di tutte le infinite possibili circonferenze possibili. Rimangono x e y. Queste sono le variabili, quelle che servono a disegnare la circonferenza su un pezzo di carta o sullo schermo del computer, in questo caso. In sintesi, il software considera x e y come le coordinate dei pixel sullo schermo, esattamente come nella battaglia navale o in una carta geografica. Poi si “diverte” a “provare” vari valori della x, risolvendo l’equazione, cioè trovando la y in modo che valga l’uguale. Trovata così la y per ogni x, usa tali valori per individuare il pixel di tali coordinate e lo riempie di colore. Così viene fuori la circonferenza. Questa è una descrizione un po’ semplificata ma è corretta.
  3. Interno cabina della locomotiva a vapore HG 3/4 Nr. 1 “Furkahorn”, fabbricata in Winterthur (CH) nel 1913 per operare sulla tratta a scartamento ridotto di alta montagna Brig-Furka-Disentis, successivamente venduta in Vietnam nel 1947, dove ha lavorato fino al 1993, anno nel quale è stato riportata in Svizzera per viaggiare sulla linea Oberwald-Furka-Realp, da allora operativa nella stagione estiva
  4. I programmi che consentono di salvare immagini nel formato JPEG offrono sempre la possibilità di determinare la qualità regolando il compromesso compressione-qualità mediante un fattore numerico. Talvolta questo fattore è espresso come una percentuale che va da 0 a 100, ma attenzione, questo non rappresenta il fattore di compressione del file risultante ma solo un indice numerico che esprime il livello del suddetto compromesso. Programmi diversi quantificano in maniera diversa tale compromesso, che delle volte è espresso in termini differenti da quello percentuale. Quindi, quando si salva un’immagine in JPEG, dire che si è usato quel certo livello di compressione non vuol dire nulla se non si specifica anche con quale software è stato ottenuto. Ecco perché nel testo abbiamo specificato per esempio “10% secondo Gimp”.
  5. Il diagramma rappresenta un tentativo ingenuo del sottoscritto di descrivere l’attività dell’insegnante nel cMOOC #ltis13 sulla base dell’activity theory di Yrjö Engeström. Giusto per dare un’idea di cosa rappresenti il diagramma, in maniera estremamente sintetica: i triangoli sono una generalizzazione del concetto di azione mediata di Vygotzky, rappresentata con un triangolo che descrive come il soggetto agisca sull’oggetto attraverso una mediazione complessa, realizzata mediante artefatti complessi, strumenti o simboli. Tale generalizzazione prende il nome di activity system e tiene conto del fatto che un soggetto agisce sempre all’interno di un sistema e che la descrizione delle sue azioni rappresentano una particolare prospettiva di quella che in realtà poi risulta un’attività del sistema. Facendo riferimento al triangolo di sinistra, per esempio un insegnante opera in un sistema caratterizzato da precisi insiemi di collaboratori (in basso al centro) che condividono un certo sistema di regole (vertice basso sinistro) e operano secondo una determinata divisione del lavoro (vertice basso destro), producendo, mediante un sistema di strumenti e simboli (vertice alto), un intervento che dovrebbe intercettare le domande e le necessità degli studenti, all’interno dalle loro rispettive zone di sviluppo prossimale.