Il "plumone"

Oggi, rifacendo il letto, ho notato qualcosa di molto famigliare tra i motivi etnici del mio copripiumone.....

In dieci anni non l'avevo mai notato!

Usare Google Maps per presentare i dati di una classe

Tra un paio di giorni dovrò coordinare il consiglio di classe di una nuova classe prima.
Ho pensato di usare Google Maps per avere una mappa che mostri come si distribuiscono gli studenti per comune di residenza e per scuola media di provenienza.
Ecco una videoguida che spiega come ho operato (è la mia prima volta con Google Maps e devo dire che è tutto molto intuitivo!).
Buona visione!

Display per atrio scolastico con jQuery e Phantomjs

Nella mia scuola il display posto nell'atrio mostra a rotazione pagine informative sugli eventi scolastici inframezzate da pagine prese da internet (ultime notizie...)

Per ottenere questo, tempo fa avevo scritto un piccolo programma con AutoIT che in buona sostanza si incaricava di aprire Firefox e di simulare la digitazione dei diversi URL da visitare: lo script ha funzionato a dovere per parecchi anni ma il passaggio da una schermata all'altra non era particolarmente fluido.
Quest'anno ho deciso dunque di cambiare approccio e  di utilizzare uno "slider", ovvero una serie di immagini che vengono fatte scorrere una dopo l'altra grazie a jQuery.
L'ispirazione mi è venuta leggendo "Realizzare uno slider Nivo con jQuery", che ho provveduto ad implementare nel mio CMS preferito: Plone.
Siccome il display scolastico necessita di schermate prese "in tempo reale" da internet, ho dovuto cercare di qualcosa che "fotografasse" ad intervalli regolari diversi siti e li rendesse disponibili come immagini al mio slider.
Ho trovato in Phantomjs il programma che mi mancava: questo piccolo gioiello fa screenshot installandolo su anche su macchine che non hanno un server grafico installato (è il caso del server scolastico)!
Ho dunque scritto un piccolo script da eseguire con Cron che ogni 10 minuti cattura gli screenshot dei siti da mettere in galleria; l'unica modifica allo slider jQuery è stata l'introduzione di una riga che fa aggiornare la cache del browser in modo da mostrare sempre l'ultima versione delle immagine "catturate".
Il risultato l'ho reso disponibile all'indirizzo http://www.isisiromero.gov.it/slider ed utilizzato nel display posto nell'atrio della scuola.
Il calendario degli eventi è gestito con Google calendar ma la visulizzazione "catturata" dallo slider è affidata al javascript Fullcalendar che ho integrato in Plone nella pagina www.isisromero.gov.it/agenda_lavagna.
Non si tratta probabilmente di una best practice ma.... funziona!

Veterinario per gatti e dinosauri

Visitando Cene, mi sono imbattuto in un ambulatorio veterinario probabilmente specializzato in gatti: non avrei mai pensato che la sagoma capovolta del gatto blu potesse somigliare così tanto a quella di un dinosauro Diplodocus......

La fine della scuola (almeno della mia)

È con questa suggestiva immagine che voglio salutare quest'anno scolastico 2012-2013: si tratta dei 52 pacchetti di verifiche che ho somministrato ai miei studenti.
È stato per me un anno molto travagliato, che mi ha portato a capire che  - oltre al mio lavoro di insegnante  - alla scuola non potrò dare più nulla: dal prossimo anno, dunque, niente più funzione strumentale TIC, niente più collaboratore del Preside, niente più commissioni varie...
Lo scrivo con grandissimo rammarico.

Navigazione secondaria orizzontale per Plone con Quintagroup Dropdownmenu

Vediamo come usare il prodotto Dropdownmenu di Quintagroup per fornire nei siti Plone due diverse esperienze di navigazione:

• navigazione orizzontale "per destinatari" del sito
• navigazione "verticale" per "argomenti"

Questo tipo di navigazione è proposta da Porteapertesulweb per i propri modelli di sito scolastico.

Plone "standard" dà la possibilità di gestire una navigazione orizzontale ad un solo livello.
Mette poi a disposizione dei blocchi (portlet) laterali che permettono una navigazione "ad albero" regolabile (nel senso che si può decidere la "profondità" di navigazione).

Navigazione "ad albero" dei portlet di Plone

La navigazione orizzontale può essere resa indipendente dall'albero di cartelle e files del sito e può basarsi invece sulle "portal_actions" ovvero su una serie di links liberamente creabili da interfaccia grafica e gestibili in categorie/sottocategorie.

La gestione dei "portal_actions", link liberamente categorizzabili utili per creare una dimensione di navigazione diversa da quella "per cartelle e sottocartelle"

Il difetto della navigazione orizzontale standard di Plone -  quando utilizzata
per un sito scolastico - è proprio quello di prevedere un solo livello, rendendo necessaria la comparsa di blocchi laterali di navigazione "tradizionale" se il sito si estende più in profondità.
Per ovviare a questo problema ho dunque utilizzato il prodotto Dropdownmenu di Quintagroup, inizialmente progettato per fornire menu a discesa a più livelli; io l'ho adattato alla navigazione orizzontale su due livelli facendo modifiche esclusivamente da interfaccia grafica e lavorando con i CSS.

L'implementazione originale di Quintagroup Dropdownmenu

Il risultato è quello qui visibile:

L'adattamento di Dropdownmenu ad una navigazione orizzontale a due livelli

La barra di navigazione secondaria si popola in base ai criteri di navigazione creati in modo molto flessibile con portal_actions:

• le etichette presenti nel menu orizzontale possono quindi essere molto più brevi del nome delle cartelle e files cui fanno riferimento;
• i link della navigazione orizzontale possono puntare verso files che fisicamente non stanno in sottocartelle della navigazione orizzontale primaria.

Si arriva ad avere una navigazione "non invadente" nel senso che a differenza dei menu a discesa che coprono parte della schermata, in questo caso la navigazione secondaria rimane nella barra in alto.

Applicazione sul campo

Ho deciso di provare l'integrazione della barra di navigazione secondaria orizzontale ad un tema per siti scolastici su cui sto lavorando.

Il primissimo risultato dell'integrazione è visibile nel video che segue:

la barra secondaria è molto "reattiva", mantiene la validazione del sito come HTML5 e si adatta bene al ridimensionamento dello schermo.

Per essere il primissimo tentativo.... mi soddisfa!