<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d16734928\x26blogName\x3dSid05+weblog\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://sid05.blogspot.com/search\x26blogLocale\x3dit_IT\x26v\x3d2\x26homepageUrl\x3dhttp://sid05.blogspot.com/\x26vt\x3d4362399646555681964', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Google Spreadsheets Form, facile e indolore 10/10/08

Google spreadsheets form

Come molti faccio largo uso dei servizi di Google; i motivi fondamentali credo siano due e piuttosto facili da comprendere: perchè funzionano e perchè sono semplici da usare.

Avrete sicuramente letto della possibilità di utilizzare e modificare documenti condivisi tramite form; i campi di utilizzo di Google Docs quindi, possono trovare spazio anche nelle più comuni "operazioni" richieste ad un blog. Soprattutto in quei casi nei quali non sia possibile operare lato server (Blogger e Tumblr ad esempio).

» continua

Forse qualcuno avrà notato che il modulo submit del mio nuovo progetto è realizzato utilizzando Google Docs; si tratta in pratica di un iframe che è possibile inserire in qualsiasi pagina, ad esempio un post. Per farvi un esempio concreto ho realizzato un semplicissimo form di contatto che trovate alla fine di questo post.

Vediamo ora quali sono i pochi passi necessari per realizzarlo, dando per scontato che abbiate un account Google, e che siate nella vostra pagina di Google Docs. Potete scegliere se realizzare un nuovo foglio di lavoro e poi passare al form oppure iniziare direttamente da quello; questo ultimo metodo è assai più diretto e veloce ed è quello al quale mi riferirò.

Selezionate la prima voce del menù, New e quindi Form (come nell'immagine che trovate all'inizio del post). A questo punto siete nella pagina di editing e potete aggiungere i campi necessari.

Google spreadsheets form - step 1

In questo esempio abbiamo bisogno di tre campi, il nome, l'indirizzo email ed un'area di testo per il messaggio. Il nome lo troviamo di default, aggiungiamo quindi una "domanda" utilizzando il pulsante Add question, in questo caso sarà il campo per l'indirizzo email; possiamo aggiungere una descrizione (Help Text) e scegliere il tipo di campo (Question Type, di default Text) infine spuntiamo la voce Make this a required question per rendere il campo obbligatorio. Done.

Ora ripetiamo l'operazione per aggiungere il corpo del messaggio, unica differenza il tipo di campo che in questo caso sarà Paragraph text.

Google spreadsheets form - step 2

Rendiamo anche questo campo obbligatorio e clicchiamo su Done; a questo punto basterà salvare e tornare nella home di Google Docs. Aprite il nuovo documento che avrà il titolo che avrete scelto per il form (dimenticavo, mettete un titolo :)). Il risultato sarà un foglio di calcolo contenente i campi inseriti in precedenza ed aggiornato con l'input degli utenti.

Per utilizzare il form in un post o in una pagina HTML selezionate Form e quindi Embed form; copiate il codice ed incollatelo nel post/pagina ed il risultato sarà questo:

ps. utilizzando le notifiche via mail oppure un foglio più complesso è possibile rendere molto più funzionale il modulo, diciamo che tra le cose da approfondire ci sarebbero queste ;)

Etichette: , , , ,

[Sid]
del.icio.us Digg technorati Design Float http://www.wikio.it oknotizie | Permalink | |

Ultimi commenti