Creare Gadget google desktop



Ecco un mini-tutorial che vi aiuterà a creare il vostro Gadget di Google Desktop.

Prima di tutto dobbiamo scaricare Google Desktop a questo indirizzo:http://desktop.google.com/it/

Successivamente scarichiamo l’SDK per lo sviluppo e il debug del gadget: http://desktop.google.com/downloadsdksubmit?hl=it

SDK Gadget Google Desktop

L’SDK appena scaricato non ha una vera e propria installazione, infatti basta andare nel path dove abbiamo decompresso la cartella  e avviare designer_en.exe che troviamo nella cartella GD_SDK/api/tools/

Per chi sviluppa in FLEX , l’SDK di Google ricorda un pò l’ambiente di sviluppo targato Adobe, infatti abbiamo a disposizione degli oggetti grafici (checkbox, input text, bottoni etc..) e a quest’ultimi possiamo associare degli eventi (gli stessi eventi gestibili da Javascript).

Per prima cosa creiamo un nuovo progetto; File ->New Gadget e assegnamo una cartella di salvataggio.

Come notiamo, abbiamo uno stage in cui possiamo posizionare gli elementi.

Come primo esempio andremo ad implementare il classico “Hello World” al click di un bottone.

Posizioniamo quindi nello stage un oggetto grafico di tipo Button cui daremo il NAME: “bt_message” usando le opzioni del componente che troviamo alla nostra destra.

Oranello stage posizioniamo una Label e definiamo il suo NAME: “lbl_message”.

Selezioniamo il “bt_message” scorriamo le “opzioni del componente” fino a visualizzare la voce “Functions”; come vediamo sono elencate tutte le funzionalità scatenabili con un’interazione col bottone.

Alla voce onclick scriviamo “showMessage()”.

A questo punto andiamo nell’editor JS per implementare tale funzione showMessage() .

Sulla sinistra dell SDK vediamo un albero con un elenco di file utili al Gadget, tra cui main.js.

Clicchiamo 2 volte su main.js per ritrovarci nell editor dello stesso file.

SDK editor JavaScript

In questo file possiamo scrivere tutto il necessario per far eseguire al Gadget tutte le funzionalità del caso sfruttando tutte le potenzialità del linguaggio JavaScript

Quindi digitiamo il seguente codice:

function showMessage(){

lbl_message.innerText =”Hello World”;

}

Il nostro gadget ora è pronto.

Per vedere la Preview all’interno dell’SDK premiamo F5.

Premendo F7 L’SDK compilerà il Gadget sfornando un file con estensione .gg (che troveremo nella directory del progetto) pronto per l’installazione in GoogleDesktop (basta un doppio click sul file).

File gg Compilato

Vi rimando ad un link utile per eventuali approfondimenti: http://code.google.com/intl/it-IT/apis/desktop/

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
Pinterest