Il tuo nome

Il tuo messaggio

E-mail del tuo amico

Separa gli indirizzi multipli con una virgola

Creare un'applicazione con Adobe AIR, Aptana e Google MAP

In questo CODE IT abbiamo scelto alcune delle tecnologie e dei programmi più interessanti del momento. Traendo ispirazione dal software MAP-IT di Riccardo Degni, arriveremo a fare una panoramica su APTANA , il framework di sviluppo piu' vicino alle esigenze degli sviluppatori e dei web designers che si misurano con il web 2.0, e a vedere come con APTANA sia possibile creare rapidamente un'applicazione che sfrutta ADOBE AIR per mostrare una mappa di Google MAP.

L'esempio che andremo a creare sarà una base per un'applicazione complessa che mostra una mappa. Per vedere nel dettaglio ciò che è possibile fare con questi prodotti, possiamo scaricare l'applicazione MAP-IT dal sito di Riccardo Degni, e installarla sul pc.

Questa applicazione sfrutta AIR + MooTools + il plugin MooRD. Per utilizzare le applicazioni che girano su AIR basta installare l'ambiente di runtime distribuito gratuitamente sul sito dell'Adobe.

Map It! è un software freeware realizzato con l'ausilio della tecnologia AIR di Adobe unita alle API di Google Maps ed ai principali linguaggi di programmazione Web. Grazie a map It! è possibile realizzare una "cartina geografica" virtuale sulla quale salvare le località preferite, senza la necessità di essere online.

Le applicazioni AIR sono composte da un file di descrizione che è scritto in formato xml e che si chiama application.xml. In questo file si possono aggiungere tutti i dettagli relativi alla nostra applicazione. Dalle icone da mostrare sul desktop, alle dimensioni che deve avere la finestra in cui comparira' la nostra creazione, alle caratteristiche del chrome, ovvero della finestra che contiene l'applicazione. Map It! ad esempio ha un Chrome tutto personalizzato, molto più accattivante in termini di design rispetto a quelli offerti nativamente dai vari sistemi operativi, e soprattutto più comodo: qualsiasi sia l'OS da voi utilizzato, il Chrome di map It! sarà sempre lo stesso.

Proviamo a vedere nel dettaglio come si puo' creare rapidamente un'applicazione AIR. Innanzitutto scarichiamo il software APTANA. Aptana è un editor di pagine web, css, javascript e molto altro. E' un programma opensource ed è gratuito. Aptana è completo di Code Assist per l'autocompletamento del codice, in grado di mostrare i valori delle proprietà CSS, i parametri dei metodi/funzioni, e molto altro, inoltre tra le varie cose offre una gamma di plugin vasta e attuale.

Per questo Code It scaricheremo il plugin utile a realizzare applicazioni AIR. Dopodiché, seguendo un semplice wizard, vedremo come Aptana ci aiuti a redigere il file application.xml senza fatica. Una serie di click e possiamo descrivere la nostra finestra nel dettaglio. Icone, dimensioni, chrome, e molto altro.

L'esempio base che crea Aptana è una pagina che una volta compilata tramite il plugin stesso, mostra una serie completa dei link utili che possiamo inserire in un programma desktop. Richieste ajax al web, lettura e scrittura di file, e molto altro.

Sfruttando questo plugin abbiamo creato la piccola applicazione air che trovate allegata a questo video. Potete vedere come sia semplice programmare le nostre pagine html e poi realizzare un pacchetto air da distribuire sui nostri pc. Le informazioni utili a pubblicare una mappa in una pagina web sono le medesime che abbiamo utilizzato quando abbiamo lavorato a pagine online in altri esempi di code it ( tag: google map).

Riccardo Degni ha concesso tre file javascript al pubblico di icTV, che allegheremo al pacchetto di download, e che possono essere un utile fonte di ispirazione per tutti quegli utenti che, passando da map-it ed air, e il nostro esempio, vogliono provare a creare la propria soluzione da distribuire.