I widget sono applicazioni autonome che di solito possono essere trovate incorporate in siti di terze parti come orologi, biglietti d'asta, conto alla rovescia di eventi ecc. I widget sono quindi mini applicazioni facili da implementare, veloci da sviluppare e utilizzate per sfruttare tecnologie avanzate aggiungendo funzionalità alle applicazioni esistenti. Se riesci a creare una pagina Web, allora sai come creare e distribuire un widget poiché utilizzano la stessa tecnologia di JavaScript, DHTML e CSS. I widget possono essere accessori, applicazioni o widget informativi. I widget accessori sono autonomi e funzionano indipendentemente da Internet o da un'applicazione. I widget dell'applicazione sono associati a tutti gli effetti a un'applicazione mentre i widget delle informazioni funzionano con i dati Internet.

L'architettura

Passaggio 1

Avvia il tuo editor di testo e crea un file HTML. Il file HTML deve aderire allo standard XHTML 1.0 e superiori per essere conforme alle migliori pratiche degli standard Web correnti. Un semplice codice XHTML sarà simile a questo:

Benvenuto in Widget World

Passaggio 2

Utilizzare il tag per eseguire il rendering 2D completo per il widget, se necessario. L'attributo "composito" è un'altra aggiunta al tag che consente di specificare come viene visualizzata l'immagine ("picture.png").

Passaggio 3

Utilizzare CSS (Cascading Style Sheets) per applicare uno stile al widget in modo che venga visualizzato in modo uniforme su tutti i browser. Parte del file CSS conterrebbe il seguente stile:

Passaggio 4

Inserisci il file sopra in un file separato. In questo esempio, abbiamo salvato il file come "widget.css". Fare riferimento al file utilizzando l'istruzione "import" sul file html principale come mostrato:

Aggiunta di dinamismo

Passaggio 1

Utilizzare l'oggetto "widget" per fornire ulteriori capacità. Ad esempio, per accedere alle preferenze dell'utente, utilizzare la seguente riga di codice:

widget.setPreferenceForKey (preferenza, chiave) GO widget.preferenceForKey (chiave);

Passaggio 2

Utilizzare gli eventi di attivazione per evitare un uso eccessivo del tempo della CPU o delle risorse di rete da parte del widget. Il codice seguente mostra come farlo:

If (window.widget) { widget.hide =nascondi GO widget.show =mostra GO

funzione nascondi() { if (timeInterval ==null) { timeInterval =setInterval (updateTime (true);", 500) GO } }

Aggiungi altre funzioni al codice come preferisci.

Passaggio 3

Crea il file "Info.plist" per identificare un widget e le sue risorse. Questo file varia in base a cosa dovrebbe contenere a seconda del tipo di widget.

Suggerimento

In linea con gli usi della tecnologia Web, il dinamismo dei widget viene fornito utilizzando JavaScript. Ciò consente al widget di accedere alle preferenze dell'utente sul sistema, capovolgere i widget per accedere alle preferenze, aprire altre applicazioni, rispondere agli eventi della pagina Web ed eseguire comandi di sistema come strumenti da riga di comando e script di shell.