Lo scheletro grafico di VistaTranslator.

Considerazioni.

Oggi voglio illustrarvi la struttura grafica di base del gadget. Da qui bisogna fare subito delle premesse prima di cominciare.

Nota: per scrivere questi post sto usando WLW beta su Vista, quindi se le immagini postate non sono quelle reali, il motivo è dato dalla mia inesperienza con questo strumento ...

Facendo un semplice PrintScreen del desktop e importando il risultato in Photoshop sono arrivato alla conclusione che la sidebar di Vista non occupa piu' di 150 px come larghezza. Quindi, sicuramente il gadget non dovrà superare i 120 px.
Stiamo lavorando con IE7, quindi se al nostro gadget forniamo una immagine PNG con trasparenze, come sfondo, quella sarà l' interfaccia mostrata succesivamente dalla SideBar, quindi trasparente ...

Detto cio', lavorando sempre con il mitico Photoshop e anche con Visual Studio, mi sono creato una semplice finestra modale che sarà poi lo sfondo del gadget stesso. Qui a fianco il risultato per la versione Beta. Vi ricordo che in seguito il gadget avrà diverse interfacce a disposizione.

Per ora non dobbiamo preoccuparci di simulare l' intera interfaccia. Vi ricordo che stiamo creando una pagina html quindi esistono anche i Behavior e gli stili css. Preoccupiamoci esclusivamente dello sfondo.

Un secondo aspetto che dobbiamo considerare ora, nella creazione dell' interfaccia, è l' attesa dell' utente. Siccome il nostro gadget fruirà di uno o piu' servizi web, sicuramente ci sarà un tempo di latenza tra la richiesta e le possibili risposte. Cosa, meglio di una gif animata, per ingannare questo tempo? Non essendo un mostro nella grafica web, ho brutalmente copiato un' icona free che ho successivamente trasformato in una gif animata. Un paio di frame, qualche rotazione ed il gioco è fatto ...