Dopo aver creato la mia icona, voglio costruire la struttura del gadget, in modo tale da attenermi al suo standard. Per prima cosa dobbiamo dire che un gadget di Vista, anche se ha una strana estensione di tipo .gadget, non è altro che una cartella compressa con il sistema .zip. Avremmo anche potuto usare un sistema di tipo .cab.

Quindi, in questo contenitore dobbiamo inserire nel seguente ordine:

  • Un' immagine in formato .png (è meglio) che rappresenta l' icona del gadget. Se usiamo le trasparenze, Vista sarà in grado di riconoscerle e sfruttarle. Il nome sarà icon.png.
  • Un' immagine in formato .png che rappresenta il produttore, in questo caso io.
  • Una cartella contenente il core del nostro gadget. Il suo nome sarà dato dalla lingua nella quale volete sviluppare il gadget. Es: "it-IT", "en-US", e cosi' via se lo volete multilingua.
  • Una cartella che per comodità chiameremo images con all' interno tutti i file grafici del nostro gadget.

Una volta creata questa struttura dovremmo avere un risultato simile a questo. La cartella per i contenuti in inglese, le immagini, il logo e l' icona del gadget.

 

 

 

 

 

 

 

Bene, adesso per completare, analizziamo per un attimo il core del gadget. I componenti strutturali sono solamente 3.

  1. La pagina .html o il filmato .swf che contiene il nostro gadget. Da qui, una serie di file .css per lo stile e .js per le funzioni e per AJAX.
  2. Un file di nome gadget.xml che contiene la descrizione del nostro gadget.
  3. Una pagina .html chiamata settings.html per fornire delle impostazioni al nostro gadget. Io voglio far sceglere l' interfaccia e il servizio web che si vuole fruire.

Ultimo la struttura del file xml.

 

<?xml version="1.0" encoding="utf-8" ?> 
- <gadget> 
<name>VistaTranslator</name> 
<namespace>Raffaeu.com.VistaTranslator</namespace> 
<version>1.0</version> 
- <author name="R. Garofalo (Raffaeu)"> 
<info url="http://www.raffaeu.com" text="www.raffaeu.com" /> 
<logo src="logo.png" /> 
</author> 
<copyright>Copyright 2007</copyright> 
<description>Translate your text from a language to another. You can also choose the translation service, and the interface.</description> 
- <icons> 
<icon width="128" heigth="128" src="icon.png" /> 
</icons> 
- <hosts> 
- <host name="sidebar"> 
<base type="HTML" apiVersion="1.0.0" src="gadget.html" /> 
<permissions>full</permissions> 
<platform minPlatformVersion="1.0" /> 
</host> 
</hosts> 
</gadget>

Per ora è tutto, nel prossimo post spiego come costruire via HTML, CSS e Js la struttura HTML del nostro Gadget. Per qualsiasi info accessoria resta aperta un' apposita sezione nel Blog .