Vista Translator
Progetto Open dove verrà creato un Gadget per Vista in grado di reperire informazioni partendo da un WebServices.
Questa sera dopo la mistica giornata che ho avuto (ho scoperto di avere un danno sulla mia casa superiore ai 20mila euro) e quindi ho un po' sparato a 0 ... su qualche Post.
Beh arrivo a casa e mi trovo due belle sorprese.
La prima è stata dall' avvocato che sto consultando che mi ha comunicato che qualcosa si sta muovendo.
L' altra è che il mio Gadget VistaTranslator è arrivato tra i primi 10!!
Ebbeni si non so ancora a che posto sono ma tra i primi 10 è proprio una bella soddisfazione!
Cosa ho vinto? La licenza di Vista Home Premium ......
Urca oggi con questa giornata uggiosa, il mio karma ha raggiunto la pace.Dopo una mattina di faccende domestiche, ho dedicato il pomeriggio al gadget, concludendone la fase beta. Chiaramente mi sono sbizzarrito con Photoshop. Di seguito il pannello di ricerca, quello di attesa e per finire, il risultato della ricerca. Per chi ancora non ne fosse al corrente, il teschietto è il mio logo. La grafica è ispirata ad un paio di articoli che ho letto sul Web2 e su questa nuova concezione grafica degli elementi web. Pensavo di mantenere questo Layout e creare le nuove...
Per la comunicazione, avendo a disposizione tutte le funzionalità di Javascript su IE, ho ben pensato di usare l' oggetto XMLHttpRequest. Non sto qui a spiegare tutti i passaggi, ma vediamo solamente nel dettaglio cosa dobbiamo fare per accedere ad esempio, ad un webservice. Per prima cosa accediamo al wsdl e vediamo come è descritto il nostro webservice, in questo caso : WebServiceX. Sappiamo che il metodo web si chiama Translate, che ha due parametri in entrata : LanguageMode e Text. Infine nella descrizione ci viene fornito un elenco delle possibili traduzioni. In questo caso per ovviare a futuri bug,...
Oggi voglio sbizzarrirmi con Photoshop CS2 e lasciar perdere per un giorno il codice. Non so perchè ma oggi si è riaccesa in me la fiammella del web designer. Che sia un primo segno di cambiamento? Comunque, con l' avvento di AJAX ed altre tecnologie, per fortuna, anche la grafica web sta subendo un brusco cambiamento, sopratutto con l' avvento di Vista che ha introdotto questa nuova interfaccia grafica (Aero) in grado di rappresentare il tipico effetto Glossy. Tornando all' interfaccia ormai sappiamo quali sono le sue dimensioni quindi non ci resta che iniziare aprendo PS e creando un' immagine...
Grazie ad un utilissimo intervento di Nicolo' Carandini, blog, mi hanno fatto notare che se per un Gadget viene prodotta solamente la cartella che identifica la lingua inglese, quindi del tipo en-US, quando il gadget viene installato su un OS Vista con lingua differente, quest' ultimo non è visibile dal sistema. Quindi siccome a parer mio un Gadget per la traduzione deve essere installabile nella maggior parte dei sistemi, ho pensato di Uploadare subito la verisone Beta con le 4 lingue da me conosciute. Saranno: it-IT, en-US, fr-FR, de-DE. Chiaramente se qualcuno conosce altre lingue e vuole partecipare al progetto,...
La struttura. Adesso che abbiamo definito il gadget graficamente, o per lo meno ci abbiamo provato; dobbiamo costruire la struttura html della pagina che lo rappresenta (?). Per impaginare una pagina html ci sono diversi modi. Voglio citare quelli che a parer mio sono i piu' diffusi. Il primo, super-obsoleto, è l' impaginazione tabellare. Ovvero, includere tutti i contenuti in una tabella html senza bordi. Il secondo, definito anche come box-model, è l' impaginazione tramite DIV o pannelli. La struttura del gadget sarà ad albero, quindi avremo qualcosa del genere :<div id="contenitore">
<!-- Pannello per l' attesa//-->
<div id="waiter"></div>
<!-- Pannello per il titolo//-->
<div id="header"></div>
<!-- Pannello...
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...
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'...
Oggi come prima parte del mio gadget per vista, mi sono sbizzarrito nel creare un' icona decente che fosse ben renderizzabile dal sistema Vista. Per fare cio' ho creato un' icona in due formati, il primo a 128 e il secondo a 256 px. Il tutto tramite Photoshop CS2 che verrà poi esportato in un file .ico. Di seguito vi allego un' immagine in formato PNG che sarà poi l' icona definitiva del mio Gadget.
Oggi inizio il mio primo progetto OpenSource gestito totalmente in C# 2. Si chiama VistaTranslator e verrà aperto e gestito su CodePlex .Nel mio Blog ho aperto questa apposita sezione per tenervi aggiornati sulle versioni e sui vari passaggi.
Di cosa si tratta?
Inanzitutto vediamo di cosa stiamo parlando. Per Vista Gadget si intendono dei particolari programmi sviluppati per poter essere usati e gestiti nella nuovaSideBar di Vista, il nuovo sistema operativo di casa Microsoft.Nel caso specifico, questo Gadget sarà in grado di connettersi e di sfruttare i webService messi gratuitamente a disposizione da BabelFish, il famoso toolfree per la traduzione on-line...
Full Vista Translator Archive