Tag: HTML

Clicca qui per le versioni in lettura facilitata, EPUB e PDF.

La nostra idea è che per creare un buon ambiente di apprendimento si debba rinunciare a un po’ di controllo. Il controllo totale attiene alle faccende militari, non alla crescita di qualcosa di vivo – chi volesse raddrizzare tutti i giorni un olivo lo ammazzerebbe. La crescita richiede cura, che è una cosa ben diversa, e richiede tempo: la temporizzazione stretta che caratterizza tanta formazione è nefasta. A studiare molto in poco tempo si può anche imparare ma male, che delle volte è peggio che imparare poco – esattamente come a volersi riscaldare con un fuoco di paglia. Riflessione,  discussione, richiedono tempo. Un tempo che l’università ha cancellato, prendendo il peggio dell’Ottocento e il peggio della contemporaneità. Ad esempio, fare finta che un TFA progettato per sei mesi o più possa  essere fatto egualmente in due mesi vuol dire rinunciare alla missione formativa e avere in realtà altro a cui pensare.

Questa piccola premessa per introdurre il caos tranquillo dell’insegnamento di Laboratorio Informatico nel Corso di Laurea IUL in Metodi e Tecniche delle Interazioni Educative, dove, tanto per iniziare ci siamo riappropriati del tempo, dilatando un mese scarso in un semestre vero.

Quest’anno gli studenti sono quasi tutti insegnanti di scuola primaria, alcuni dell’infanzia. In questo periodo stiamo facendo esercizi di HTML. HTML?! Alle elementari?! All’asilo?!! Ebbene, grazie proprio al caos lento del laboratorio è emerso che almeno cinque di queste persone hanno avuto esperienze con la programmazione o vi sono interessate – linguaggio Scratch, robotica Bee-Bot. Se l’insegnamento fosse stato impartito al ritmo normale (frenetico) nessuno si sarebbe accorto di nulla e avremmo perso tutti un’occasione. L’occasione è questa: nel forum abbiamo proposto a coloro che hanno all’attivo qualche esperienza didattica di robotica e coding di organizzarsi proponendo materiali didattici per tutti gli altri. Noi docenti e tutor saremo i loro assistenti. Se quest’attività dilaterà troppo i tempi allora rinunceremo ad una di quelle programmate, convinti che un’esperienza di apprendimento fra pari, riferita a contesti professionali reali, sia un’occasione di grande valore da non perdere.

Gli esercizi con HTML sono una buona attività propedeutica, considerato che questo linguaggio è alla base di tutto ciò che vediamo nel web, che ci si può esercitare a costo zero in casa, usando software che viene gratis con tutti i sistemi operativi, che è perfetto per toccare con mano quanto sia possibile costruire subito qualcosa ma quanto impegno occorra per scrivere codice – forse per guardare con occhi diversi quel ragazzo svogliato in classe ma che la notte fa cose strane al computer…

Tuttavia il caos lento con cui sviluppiamo questi esercizi ci interessa solo in parte quale metodo di sviluppo di specifiche competenze tecniche, HTML o altro. Ci interessa invece più come incubatore di comunità di apprendimento, dove non ci sono solo studenti che apprendono e professori che distribuiscono conoscenza ma c’è una comunità composita che partecipa ad un’impresa comune, al termine della quale gli studenti avranno certo imparato qualcosa ma ognuno nella misura e nel modo che gli serve nella sua realtà professionale, i tutor e i docenti avranno ulteriormente consolidato e ampliato le proprie conoscenze, gli sviluppatori degli strumenti didattici avranno migliorato gli strumenti didattici, tutto questo per dare vita al nucleo di quella che si chiama una learning organization. Vediamo dunque qualche sprazzo della vita nel laboratorio.

In breve ecco come funziona. In questo laboratorio il ritmo viene scandito mediante la pubblicazione degli articoli pubblicati in questo blog, che vengono poi riuniti in una forma più organica in http://iamarf.ch, da dove possono essere scaricati in EPUB e PDF. Contestualmente vengono proposti semplici esercizi che gli studenti inviano sotto forma di documenti HTML per essere “appesi alla parete”, esattamente qui, dove il linguaggio HTML può essere usato senza limitazioni. Laddove necessario, questi lavori vengono discussi, attraverso i commenti in  questo blog, nei blog o nel forum dell’ambiente IUL, talvolta per email.

La situazione può dunque parere dispersiva ma c’è dell’altro. La IUL quest’anno si è ricomposta in una nuova configurazione che prevede il rilancio di una serie di attività, fra cui la rivisitazione e lo sviluppo dell’ambiente informatico. Una delle novità consiste nell’introduzione dello strumento di blogging che, come qualsiasi altro software, per funzionare bene necessita di un dialogo persistente fra progettisti e utenti. Così  chiediamo agli studenti di scrivere i loro codici anche nei post che scrivono sui blog UL e di contribuire segnalando eventuali comportamenti che sembrino anomali.

Certo, ci imbatteremo sicuramente in qualche imprevisto e avremo delle difficoltà. In altre parole, rinunciamo a una quota di controllo ma contiamo di trarre vantaggio da ciò che impareremo nel risolvere i problemi. Vediamo dunque alcuni sprazzi.

Gabriella e Luca segnalano che una finestra pop-up si apre lontano, in fondo alla pagina. Giovanni Spinelli, analista e sviluppatore software della IUL, corregge il problema e apre un blog anche lui, per discutere le segnalazioni e proporre soluzioni.

Sia a Luca che a Elena succede che il proprio codice HTML alteri tutto lo sfondo della pagina intera, non solo del post. Comprendiamo così meglio come il  proprio codice possa interagire con quello originato dal servizio che provvede a impastare tutto per fabbricare la pagina che poi vediamo. Elena volge la caratteristica a proprio favore per “imporre” uno sfondo eclatante al suo blog.

Vari studenti si accorgono che se nei titoli di un post ci sono degli apostrofi, quando salvano il post dopo una modifica compaiono altri caratteri prima dell’apostrofo. Analizziamo il problema e Giovanni lo risolve.

Gabriella mi segnala che sarebbe meglio se in questo blog ci fosse un link all’ambiente di formazione IUL. Provvedo e ringrazio.

Gabriella segnala che non riesce a caricare immagini nell’ambiente IUL per linkarle nei post. Scopriamo un problema che Giovanni risolve.

Elena, Luca e Gabriella hanno problemi con il codice per realizzare i rimandi alle note in una pagina, che funziona come HTML o all’interno di un blog in WordPress.com ma non nel blog IUL. Gabriella scopre da sola un modo per farlo funzionare anche nel blog IUL, usando l’attributo ID anziché NAME nelle ancore: <A ID=”pippo”><A> anziché <A NAME=”pippo”><A>, come avevo “insegnato” io. Giovanni ci spiega come stanno le cose. Tutti impariamo che è meglio usare ID anziché  NAME in questo caso. Aggiorno conseguentemente le “dispense“.

Manuela e altri segnalano che ci si può aiutare con la W3Schools. Gli studenti precorrono: era una delle cose che volevo dire.

Precorrono anche in altre occasioni.  Cinzia, in un commento nel blog di Giovanni fa una domanda sulla differenza fra il codice  <i></i> e <span style=”font-style:italic;”></span>. Ci stiamo per arrivare. Ecco, nella nostra idea, quando succede che gli studenti precorrono allora vuol dire che stiamo andando bene.

Giovanni offre una sorta di palestra HTML. Tutti gradiscono.

Manuela ha l’idea di utilizzare il blog IUL per fare una cosa utile in due insegnamenti, compilando un piccolo vocabolario di filosofia per   “Pedagogia delle Risorse Umane” e allo stesso tempo facendo un esercizio HTML per il laboratorio, precorrendo le tabelle.

Giovanni scrive in un commento al suo blog:

Però ….. ora che ci penso, alla IUL mancava qualcuno che effettuasse il debug  del mio lavoro.

Con questo BLOG ho guadagnato questo servizio.

Continuate così.

Certo, con questo blog, ma in un contesto che prevede di non prevedere tutto.

IUL

La IUL – Italian University Line è un’università telematica pubblica, non statale, istituita nel 2005. L’Ateneo è promosso dal Consorzio IUL, composto dall’Indire (Istituto Nazionale di Documentazione, Innovazione e Ricerca Educativa) e dall’Università degli Studi di Firenze. È autorizzata a istituire corsi universitari a distanza: laurea triennalee laurea magistrale, master di I e II livello, corsi di perfezionamento e di aggiornamento professionale.

La IUL ha come mission quella di erogare formazione continua al personale della scuola, ma, più in generale, si pone come punto di riferimento per l’apprendimento permanente, proponendosi come una sorta di “Lifelong Learning University” per tutti coloro che desiderano acquisire conoscenze immediatamente spendibili nel proprio ambito professionale.

Torna indietro

Scrive Gabriella, nel forum IUL:

Sono curiosa di conoscere quale editor ha utilizzato il prof. perchè l’html è pulito e il blog [sito] http://iamarf.ch/ è bello chiaro. Aprendo il codice vedo che ha utilizzato un foglio di stile CSS per definire l’impaginazione, ma non riesco ad individuare con cosa sia stato generato.

Rispondo qui perché la questione è interessante e si presta ad un paio di considerazioni. La prima.

La mia regola è questa: usare lo strumento minimo che consente di conseguire l’obiettivo significativo. Se vogliamo è un corollario delle regole di scrittura di Orwell. Anche con gli strumenti: il superfluo rischia d’esser dannoso.

Nello specifico della domanda di Gabriella, per scrivere i file HTML e CSS uso quasi solo Vim, un editore di testo derivato dallo storico editore vi per Unix, che risale al 1976! Quindi scrivo tutto “a mano”. Inoltre faccio larghissimo uso del copia-incolla, una virtù fondamentale di chiunque scriva frammenti di codice, di qualsiasi tipo. In questo un editore di testo puro ma sofisticato può essere molto utile. La questione è il controllo e, conseguentemente la libertà: sapere esattamente cosa stai facendo. Al contrario, se usi un sistema WYSIWYG (ciò che vedi è ciò che ottieni) tutto sembra molto più facile ma in certe situazioni puoi impazzire perché il sistema non fa quello che che vuoi. Copia-incolla che può essere fra propri frammenti di codice ma anche da codice scritto da altri di cui ci si fidi, sia dal punto di vista tecnico che etico.

Per esempio, i caratteri stilistici delle pagine che vi sto proponendo (per ora in http://iamarf.ch e http://iamarf.ch/iul) li ho tratti dal sito di un mio caro amico: Istituto di Cultura Italiana (in Tbilisi). Mi limito a citarlo perché la sua storia meriterebbe un romanzo piuttosto che un post, malgrado il fatto che abbia la metà dei miei anni. Tommaso è un letterato ma è anche un raffinato autore di software, tanto fuori dalla corrente quanto geniale. Ha realizzato siti web complessi utilizzando solo il Blocco note di Windows. Apprezzo la nitidezza delle sue soluzioni grafiche anche, e forse soprattutto, perché riflettono l’etica limpida che ispira il suo pensiero e le sue azioni. Competenza e visione etica di cui in un paese come il nostro nessuna delle istituzioni che conosco saprebbe che farsene, purtroppo. Infatti ora è in Georgia e pare che si trovi bene.

La seconda considerazione attiene a ciò che sto cercando di fare con il server http://iamarf.ch, perché anche questo è emerso nel forum IUL e anche questo può essere di interesse generale.

L’insegnamento che sto tenendo nella Italian University Line si chiama “Laboratorio Informatico” ma il contesto è quello di un’università telematica. Come può essere quindi un laboratorio online? Per di più quando ci ritroviamo…

nozionismo, didattica trasmissiva, classi “pollaio” in Italia, contro learning by doing, costruttivismo e “classi laboratorio” (digitalmente aumentate) in Europa

… come ha scritto Paolo Ferri oggi in Agenda Digitale. Come fare dunque questa cosa? Risposta: facendo (per davvero) cose molto semplici e comunicando molto: – cura della comunità di pratica. Fuori dai piedi tutto ciò che è orpello o sovrastruttura inutile. Invece, varietà di strumenti e soluzioni, alle basi, dritti ai concetti fondanti.

HTML dunque, un po’ di CSS, un brandello di Javascript, forse, giusto per avere un’idea di come sono architettate le cose. Poi altra roba. Non ci interessa la competenza del tecnico – queste persone fanno gli insegnanti – ci interessa la familiarità con la Macchina, la percezione di cosa c’è sotto i bottoni colorati, la capacità di intervenire un po’ più consapevolmente dentro l’editore di un forum, di un blog o di un wiki. La consapevolezza di poter costruire e non solo consumare. Consapevolezza che si potrebbe insegnare anche ai giovani, invece di comprare loro app.

HTML manipolato con editori di testo e visualizzato sul browser del proprio computer: un laboratorio magnifico – tentativi, imparare facendo. Ma così facendo manca ancora la dimensione corale del laboratorio. Ecco che serve un luogo dove “attaccare al muro” i propri lavori per poi discuterli insieme: http://iamarf.ch/iul. Un luogo dove ciò che scrivi è ciò che vedi, non ciò che vedi è ciò che ricevi.

Allo stesso tempo un luogo dove anche l’arrovellìo del docente sia visibile – il laboratorio. Qui si tratta di convertire il marasma di informazioni, frammentato negli anni, dalla forma blog in una più organica. Una sorta di libro in divenire anche se il sottoscritto non scriverà mai un libro, giusto per mostrare quello che si può fare e come si può fare, semplicemente. Ecco quindi che nel medesimo laboratorio andiamo condensando i vari testi sparsi qua in un capitolo introduttivo su HTML: http://iamarf.ch. In tre diverse forme la cui essenza è determinata dallo scopo:

1. HTML con disegno massimamente chiaro e accessibile, per essere frugato sullo schermo del computer – il regno del link;
2. EPUB per la lettura su ebook di vario genere, tablet ecc. – testo che si adatta allo schermo sempre diverso – smartphone, tablet, e-reader – come fosse liquido in un recipiente;
3. PDF per la lettura su carta – pagine “fotografate” per essere riportate sulla carta.

Gli esercizi HTML semplici ma senza limiti vengono poi riportati nel blog. Da qui la trovata di rendere visibili anche dall’esterno i blog che i partecipanti della IUL possono aprire nel loro ambiente. Anzi, da oggi è anche possibile commentare i post dall’esterno. È un fatto notevole: di solito tutto ciò che è istituzionale è chiuso dalle nostre parti. Che succede dunque se si riporta quel codice HTML in un ambiente di pubblicazione, come il blog? Va sempre tutto bene? Oppure no? Occasioni di riflessione, approfondimento, elementi di doma della Macchina.

Forse ci verranno altre idee ma il principio è lo stesso: poca teoria ma applicata tutta, molto dialogo. Non sarà mai come un laboratorio vero ma forse lo sarà di più di tutti quelli veri che non ci sono.

Regole di Orwell per la scrittura efficace.

1. Non usare mai metafore, similitudini, o figure retoriche che vanno per la maggiore nella stampa.
2. Non usare mai parole lunghe dove ce ne potrebbe stare una corta.
3. Se puoi eliminare una parola mantenendo intatto il significato, eliminala.
4. Non usare mai il modo passivo dove puoi usare anche l’attivo.
5. Non usare una frase straniera, parola scientifica o di gergo se conosci una parola di uso comune che esprime lo stesso concetto.
6. Infrangi queste regole prima di scrivere qualcosa di ridicolo.

Torna indietro