Pubblicato il 02/11/15e aggiornato il

Come inserire il Codice QR della home del blog in un widget.

Come mostrare il Codice QR nel layout di Blogger e di Wordpress per farlo scansionare dagli smartphone o tablet per aprire il sito anche da dispositivi mobili.
I codici QR sono una evoluzione del codice a barre che probabilmente finiranno per sostituire anche nei supermercati. Il passaggio da codici unidimensionali a bidimensionali amplia di molto la quantità di informazioni che possono essere immagazzinate. In futuro neppure troppo lontano probabilmente verrà utilizzata la tecnologia dei trasponder con i vari prodotti dotati di un microchip in modo da rilevarli a distanza senza bisogno di letture ottiche e anche senza bisogno di scaffali.

Ma rimaniamo nell'ambito dei QR Code che stanno diventando lo standard privilegiato per la condivisione di indirizzi web tramite i dispositivi mobili. Con applicazioni tipo QR Droid (cellulari Android) si possono scansionare questi codici ricavandone le informazioni in essi contenuti.

Google ha messo a disposizione degli sviluppatori lo strumento Google Chart Tools per creare in modo semplicissimo un Codice QR di un indirizzo o di un testo. Se si incolla nella barra del browser questo URL e poi si pigia su Invio

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Idee per Computer ed Internet

si visualizzerà l'immagine di un codice QR quadrato delle dimensioni di 150 pixel di lato

scannerizzare-codice

Gli spazi saranno convertiti nel simbolo %20 come già visto in altri casi. Tale immagine potrà essere scansionata con una apposita applicazione di cellulari o tablet Android o iOS 

scansionare-codice-qr

Possiamo con lo stesso tool creare un Codice QR anche per un indirizzo. Per quello della homepage di questo sito nella sua versione mobile utilizzeremo l'URL

https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=http://www.ideepercomputeredinternet.com/?m=1

che porterà a questo codice QR

codice-qr-url

Basta aggiungere alla stessa stringa al posto del testo l'URL della homepage con l'aggiunta ?m=1 per la versione mobile del sito. Si fa un click destro sul codice QR quindi si va su Salva immagine con nome per scaricare il codice QR da mostrare nel sito per farlo scansionare dagli smartphone.

Si accede a Picasa, si apre un album non completo oppure si crea ex novo quindi si va su Aggiungi foto e si carica l'immagine del QR Code. Si ricava il suo link diretto da usare in un codice HTML

<div align="center">
<img src="URL_DIRETTO_QR-CODE" width="200" />
</div>

che potrà essere incollato su Layout > Aggiungi un gadget > Base > HTML >Javascript per poi salvare e posizionare l'elemento con il drag & drop. In questo modo se un lettore apre il nostro sito da desktop e vuole salvarlo anche nel cellulare lo potrà fare con una semplicissima scansione.

Per creare dei Codici QR si può usare anche la estensione di Chrome The QR Code Extension che installerà una icona nella barra del browser. Quando ci si cliccherà sopra si potrà creare un Codice QR della scheda corrente. Andando su Edit this QR Code 

codice-qr

Si potrà scaricare l'immagine del codice con il destro del cursore come si fa di solito

the-qr-code-chrome-addon

Con questo tool si può creare un Codice QR di un URL, di un testo, di un contatto email, di un numero di telefono o di un sms. È anche possibile scansionare un Codice QR con la webcam del computer. Oltre al codice QR della Home possiamo aggiungere al nostro sito anche tutte le altre informazioni che riteniamo utili e che possono essere immagazzinate in questo strumento.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.