S viluppo Di Michele Costabile

Come vendere nello store

di Windows con poco sforzo
Microsoft lancia il suo negozio online si apre la corsa tradizionali, e Express for Windows 8, che
permette di sviluppare applicazioni per
per accaparrarsi visibilità e consensi con le applicazioni WinRT. Quest’ultima è l’edizione che ci
per l’interfaccia WinRT (in precedenza chiamata Metro). interessa: WinRT è l’ambiente operativo
simile a Windows Phone che anima il
nuovo desktop.
L’ultimo componente del gruppo è Team

C
ome avranno visto i nostri lettori nella sua storia, fa ponti d’oro agli svi- Foundation Server Express, una versio-
che hanno aggiornato o sostituito luppatori, rendendo sostanzialmente ne gratuita del sistema di controllo delle
il computer passando a Windows gratuito il biglietto d’ingresso nel nuo- versioni e armonizzazione del lavoro
8, il nuovo sistema operativo dalla dop- vo mondo.In effetti, come vedremo in di gruppo di Microsoft, che supporta
pia anima ha un lato molto innovativo, questa breve introduzione, non c’è da fino a cinque utenti. Non ci sono più
con un’interfaccia utente rivisitata, ori- pagare per gli strumenti di sviluppo scuse per lavorare senza tenere traccia
ginale e pratica, che ha molto in comune e non occorre più specializzazione di delle revisioni.
il look and feel degli smartphone. uno sviluppatore web. Per iniziare basta Il download del prodotto non richiede
Certo, in Windows 8 rimane il desktop conoscere Html5 e JavaScript. formalità, ma l’installazione richiede la
della versione precedente, reso un registrazione del prodotto. Si può con-
po’ più minimalista, per mantenere la Visual Studio Express tinuare senza effettuare la registrazione
compatibilità con le applicazioni pree- per 30 giorni, dopodiché il pacchetto
sistenti: una scelta inevitabile, che dà Visual Studio 2012 è disponibile in di- smette di funzionare.
al sistema quella doppia anima che po- verse edizioni gratuite, ognuna tagliata Per registrarsi occorre un account Micro-
trebbe dispiacere ai fan del nuovo look e per una specifica destinazione d’uso. soft, che in tempi di servizi cloud con-
potrebbe non convincere gli affezionati Express for Web permette lo sviluppo di viene avere comunque. Unificando la
di quella vecchia. applicazioni Internet, Express per Win- propria presenza online con un account,
Windows 8 è comunque un punto di dows Phone si rivolge a chi sviluppa per si riesce, per esempio, a sfruttare a do-
interesse fondamentale per gli svilup- i telefoni, mentre Windows 8 ha due vere l’integrazione di Windows 8 con i
patori: c’è un negozio online ancora da edizioni distinte: Express for Windows diversi servizi di posta, Facebook e Twit-
riempire e Microsoft, come è tradizione Desktop, per chi sviluppa applicazioni ter, oltre ad avere la sincronizzazione

Per saperne di più

➜ La pagina di ingresso per Visual Studio:
www.microsoft.com/visualstudio
➜ Un tutorial molto ben fatto si trova nei blog
di MSN (bit.ly/RnpWUW). L’applicazione mostrata è
un aggregatore di Rss. Il livello di difficoltà tecnica è Ecco la pagina di
maggiore di un semplice hello world, ma non troppo accoglienza di Visual
elevato per iniziare. Studio, la prima ad
➜ Come funziona la registrazione di un account apparire subito dopo
per sviluppatori in Windows Store bit.ly/RnpWUW l’installazione e
➜ Come creare una versione demo di un’applica- l’autorizzazione del
zione, espandibile a versione full dopo il pagamento programma.
bit.ly/VmeIhc

PC Professionale - Gennaio 2013 169

 RUBRICHE sviluppo

di applicazione a griglia, che parte con

una collezione di piastrelle attive, a cui
corrispondono due pagine di dettaglio,
una per i gruppi e una per gli elementi.
Si tratta di un modello ricco e flessibile
adatto per un’interfaccia completa.
L’applicazione ha una pagina di avvio,
default.html a cui corrisponde un file di
Dalla pagina ,di codice default.js che inizializza l’appli-
Visual Studio è cazione nel modo appropriato al suo
facile raggiungere ciclo di vita.
la documentazione Esaminando il codice, si vede come ci
che spiega siano punti in comune con lo sviluppo
come diventare per Windows Phone.
sviluppatore Ecco come si presenta default.js:
Windows 8.
var app = WinJS.Application;
var activation = Windows.
ApplicationModel.Activation;
var nav = WinJS.Navigation;
di immagini da un telefono Windows Quando si aggiunge una nuova carta di      
al PC di casa attraverso SkyDrive, che credito al proprio account, Microsoft la app.addEventListener(“activated”,
offre anche la creazione e condivisione verifica come con un piccolo addebito, function (args) {
di documenti sul web. di pochi centesimi, a cui viene associato if (args.detail.kind ===
Basta il login con un account Microsoft un numero di codice. Immettendo nella activation.ActivationKind.launch)
per avere il codice di attivazione che maschera di validazione il numero di      {
rende permanente la copia di Visual codice reperito sull’estratto conto, si if (args.detail.
Studio. Volendo, si può anche rimandare conferma una transazione completa e previousExecutionState
l’attivazione a un secondo momento: la corretta con carta di credito e identità !== activation.
registrazione del prodotto è disponibile legata all’account. ApplicationExecutionState.
anche nel menu di aiuto. Dopo avere completato la configurazio- terminated) {
ne dell’account, si può passare a dare
Un account sviluppatore informazioni sul conto bancario su cui /* TODO: questa applicazione è
ricevere i proventi della vendita dell’ap- stata appena avviata. Inizializzare
Per pubblicare applicazioni nel negozio plicazione e impostare un profilo fiscale l’applicazione qui.*/
Microsoft, oltre a Visual Studio, serve per il pagamento. } else {
solo un account per sviluppatori.
La seconda voce della pagina iniziale La prima applicazione /* TODO: questa applicazione è
di Visual Studio (possibile richiamarla stata riattivata dalla sospensione.
in ogni momento col menu Visualizza) Creare la prima applicazione è sempli- Ripristinare lo stato
porta alla pagina di documentazione cissimo, il wizard di creazione propone dell’applicazione qui. */
che spiega come ottenere un account diversi tipi di applicazioni Windows }
sviluppatore con Microsoft. Store nella voce JavaScript del menu.
La procedura richiede un account ge- Noi scegliamo in particolare il modello if (app.sessionState.history)
nerico Microsoft e diversi
dati aggiuntivi, oltre a una
spesa annuale di 49 dollari
(37 euro), pagabili online
con carta di credito.
Durante la registrazione
vengono inviati codici di
accesso al numero di cellu-
lare registrato nell’account
Microsoft, per aumentare la
sicurezza della transazione.

Per la registrazione è necessario

un account Microsoft, che va arricchito
delle informazioni specifiche per la
vendita su Windows Store

170 PC Professionale - Gennaio 2013

 RUBRICHE sviluppo

{
nav.history = app.
sessionState.history;
}
args.setPromise(WinJS.
UI.processAll().then(function () {
if (nav.location) {
nav.history.current.
initialPlaceholder = true;
return nav.
navigate(nav.location, nav.state);
} else {
return nav.
Eccoci in editing sullo
navigate(Application.navigator.
home);
scheletro di codice
}
prodotto dal wizard
})); di creazione progetti.
}
});
Application) rappresenta l’applicazio- piastrella sul desktop con testo o im-
app.oncheckpoint = function ne e permette di manipolarne lo stato. magini, con quel dinamismo sintetico
(args) { Il codice crea un listener con addE- che è la caratteristica migliore della
ventListener per l’evento che rappre- nuova interfaccia.
/* TODO: questa applicazione senta l’attivazione dell’applicazione,
sta per essere sospesa. Salvare che può essere una prima attivazione, Il verdetto
qui eventuali stati che devono al lancio del programma, o una riat-
persistere attraverso le tivazione, nel caso che l’utente abbia Se non è chiaro fino a ora, c’è una
sospensioni. Se è necessario lasciato la pagina a tutto schermo del prateria nuova da esplorare a proprio
completare un’operazione asincrona programma. piacere, il Windows Store. Si tratta di
prima che l’applicazione Nel caso di una riattivazione, è respon- una finestra interessante per gli svi-
venga sospesa, chiamare args. sabilità dell’applicazione salvare il suo luppatori e di un’opportunità unica
setPromise(). */ stato per poterlo recuperare in seguito, per acquistare popolarità prima che
poiché che non è garantito che il pro- arrivino tutti quanti e prima che il mer-
app.sessionState.history = nav. gramma rimanga caricato in memoria. cato cominci a riempirsi di tablet con
history; Per salvare lo stato, il codice gestisce Windows 8.
}; un evento onCheckPoint, invocato pri- Il biglietto di ingresso è così basso da
ma che l’applicazione perda il posto non emarginare nemmeno il più piccolo
app.start(); sul proscenio. Forti punti di contatto, sviluppatore individuale.
insomma con il modello di Windows La possibilità di creare e vendere ap-
I commenti in Italiano Phone. Segnaliamo anche che il wizard plicazioni basate su JavaScript e Html
rendono facile orientarsi. di creazione di nuovi progetti permette è molto attraente, la produttività di
di scaricare applicazioni di esempio, questo genere di sviluppo, infatti, è
Vediamo come l’oggetto app, ottenuto fra cui un’applicazione JavaScript, molto elevata per la semplicità con cui
da una chiamata al runtime (WinS. che aggiorna dinamicamente la sua si scrive e si debugga il codice, insieme
al fatto che le interfacce di Windows
8, così ascetiche e testuali si prestano
benissimo a una realizzazione in Html.
I fogli di stile di default sono sufficienti
per avere un aspetto professionale fin
dal primo hello world.
Aggiungiamo che è molto semplice
creare versioni di prova dei programmi
scaricabili dagli utenti gratuitamente,
che possono essere abilitate a funzio-
nalità complete con una licenza. •

Visual Studio mette

a disposizione diversi
modelli di applicazione
JavaScript per WinRT

PC Professionale - Gennaio 2013 171