Prima applicazione Adobe AIR: Blogbabel Rank Desktop Alpha

Giovedì 28 Febbraio, 2008
Aggiornamento: Blogbabel ha chiuso - tutti i servizi, widget e plugin non sono più attivi

Aodbe Air Quando si deve “verificare” una nuova tecnologia, la cosa migliore da fare è trovare un’applicazione da scrivere e darsi da fare per realizzarla. In questo modo si imparano moltissime cose in brevissimo tempo. Bisogna avere un obiettivo, insomma! Premetto che io non ho niente a che fare con Blogbabel Italia. Qualcuno penserà che lavoro per loro… ;) Assolutamente no!! Il motivo per cui ho scelto di realizzare questa applicazione è dovuto al fatto che avevo il codice in Flash (Actionscript 3.0 nell’ultima release) e volevo vedere cosa accadeva ri-scrivendo l’applicazione in AIR/HTML. E poi, ormai, mi sono affezionato a questo “tormentone” del ranking di Blogbabel ;)
Per realizzare questa “prima” applicazione AIR, dopo numeose prove, ho usato esclusivamente Dreamweaver. Blogbabel Rank è scritto totalemte in AIR/HTML. Per installarlo scaricate le runtime Adobe AIR e cliccate qui. Continua a leggere… »

Post correlati

C’era una volta…

Mercoledì 27 Febbraio, 2008

Annuario Videogiochi 1984 "C’era una volta" un tempo in cui la parola Personal Computer non aveva significato. Era il tempo delle console, piccoli marchingegni che si collegavano alla TV, i precursori delle Playstation di oggi. E nelle riviste se ne vedevano davvero di tutti i colori: Intellivision, Atari, Philips, grandi macchine - per l’epoca - che garantivano divertimento unito a stupore. Ed ecco le prime riviste, come l’annuario di VideoGiochi (nella foto) del 1984.  Le pubblicità, accattivanti per l’epoca, mostravano una tecnologia mai vista prima. C’era la Colecovision, con il suo Video Game System, «una console domestica per videogames su cartucce standard Colecovision», all’eccezionale prezzo di 485.000 Lire.

Continua a leggere… »

Post correlati

Adobe AIR 1.0, Adobe Flex 3.0 e il nuovo Adobe Open Source

Lunedì 25 Febbraio, 2008

Adobe AIR Grandi novità per gli sviluppatori AIR. È stata rilasciata finalmente la versione 1.0! Fine della beta quindi! Nuove SDK (vitali per la compilazione in ambienti come Aptana Studio, Eclipse, etc…) e aggiornamento delle estensioni per Dreamweawer e Flash CS3 Professional in italiano! Fino a ieri, infatti, non era possibile sviluppare un’applicazione AIR con Flash CS3 Professione in italiano. Ora il nuovo menu per la creazione di RIA AIR è disponibile e funzionante! Potete trovare tutte gli aggiornamenti (fix della sicurezza ed estensioni) direttamente sul sito.

Adobe Open Source Altra novità è il lancio ufficiale di Adobe Open Source, il nuovo sito che terrà traccia di tutte le novità nell’ambito dell’open source Adobe e non solo. Diventa questo, quindi, il punto di riferimento degli sviluppatori che potranno travare interessanti contributi con demo, codici sorgente e molto altro, come il supporto per i progetti open Tamarin e BlazeDS.

Prossimamente vedremo come sviluppare una semplice applicazione AIR con Flash e Dreamweaver!

Post correlati

Mapstraction: libreria Javascript per la gestione delle mappe

Venerdì 22 Febbraio, 2008

Mapstraction

Mapstraction è una libreria Javascript che si pone come layer intermedio per utilizzare le Mappe dei più noti sistemi oggi disponibili. L'idea è quella di fornire un wrapper, un'interfaccia, in grado di unificare il codice a prescindere, quindi, dal tipo di motore di rendering mappe che si desidera utilizzare.

Mapstraction Sul sito sono disponibili demo e documentazione. La libreria è scaricabile in modo gratuito. In questa release vengono supportati i 9 motori più noti: OpenStreetMap, Yahoo, Google, Microsoft, Map24, MultiMap, MapQuest, FreeEarth e OpenLayers.

Supporta la creazione di Point, Line e Polygon. È possibile inserire proprie immmagini in sovraimpressione. Interessante il supporto per Geocoding degli indirizzi stradali e le direzioni di marca! Utile la compatibilità con i feed GeoRSS e KML.

Dagli esempi del codice si capisce subito quanto sia utile uno strumento di questo tipo. Ogni "interfaccia" (Google, Microsoft, Yahoo, etc...) ha infatti una sua serie di API. Tramite Mapstraction, invece, possiamo scrivere un unico blocco di codice e lasciare all'utente finale la scelta del tipo di provider da usare. Ad esempio, quando si inizializza la libreria, la riga di codice seguente:

JavaScript:
  1. // initialise the map with your choice of API
  2. var mapstraction = new Mapstraction('mapstraction','google');

Determina il motore Google! Viene da se che, sostituiendo la stringa 'google', cambiamo immediatamente motore di rendering delle mappe!

JavaScript:
  1. // initialise the map with your choice of API
  2. var mapstraction = new Mapstraction('mapstraction','microsoft');

Nonostante la libreria non sia davvero completa, permette di integrare in un unico framework tutte le features "sparse" delle singole librerie. Il motore di rendering Microsoft, ad esempio, permette la visualizzazione "a volo d'uccello". OpenStreetMap e Google hanno un'ottima gestione delle mappe stradali, comprese quelle italiane. Insomma, per chi deve affrontare lo sviluppo di un'applicazione con l'uso di Mappe e non riesce - proprio -  a decidere quale tecnologia utilizzare per lo sviluppo, Mapstraction permette - appunto - di astrarsi, di risolvere il dilemma introducendo, di fatto, un terzo attore e, in tale modo, fornirci la possibilità di cambiare motore di rendering in qualsiasi momento. Quindi bella idea da seguire e da usare!

Post correlati

Adobe AIR: l’incompreso

Giovedì 7 Febbraio, 2008

Adobe AIRAlcuni, e non a torto, discutono sull'utilità di Adobe AIR, Adobe Integrated Runtime (ex Apollo) proposto da Adobe. Di che stiamo parlando? Dopo tutto AIR è ancora una beta (l'ultima release è del 12/12/2007 - la beta 3) e il suo successo, vedremo se compreso o meno, dipende da molti fattori.

Continua a leggere... »

Post correlati

Firebug 1.1 beta

Mercoledì 6 Febbraio, 2008

Firebug

Su Fireclipse è disponibile la release 1.1 beta di Firebug, strepitoso debugger Javascript e non solo per FireFox. Tra le novità di questa beta segnalo il supporto per Firefox 3, la funzionalità eval() ed un external editor interface.

Da seguire con interesse, poi, l'intero progetto Fireclipse, un open project dedicato a tool Javascript!

Post correlati

Google Maps component per Flash

Venerdì 25 Gennaio, 2008

AFComponents UMAP

Google ha reso disponibile le API - in Javascript - per inserire le sue mappe in qualsiasi sito Web. Viediamo come realizzare la stessa cosa con Flash!

image Partiamo da un componente gratuito, UMAP (Universal ActionScript 3.0 Mapping API  - integrated with Google Maps), sviluppato da AFComponents, una società verticalizzata su componenti per Flash/Flex davvero interessanti e a prezzi accessibili. Sul sito, dove è necessario registrarsi per usufruire dei download gratuiti, sono presenti anche le versioni di UMAP per ActionScript 2.0: G MAP Ver.2.6.1. In questo caso noi analizzeremo la versione 0.4 Beta di UMAP per ActionScript 3.0 (all'interno del pacchetto c'è anche il componente Flex). Questa che andremo a vedere è - evidentemente - una versione beta e manca, quindi, di alcune funzionalità presenti nella versione per Actionscript 2.0 (G MAP Ver.2.6.1). Tuttavia, gurdando al futuro, mi sembra più interessante focalizzare l'attenzione su questa release; le ho provate entrambe e, nonostante la maggiore completezza della release per Actionscript 2.0, la versione beta per Actionscript 3.0 è notevolmente più performante.

Continua a leggere... »

Post correlati

I nuovi strumenti di Adobe Photoshop CS3 Extended

Mercoledì 23 Gennaio, 2008

Adobe Photoshop CS3 Extended

Chi ha la fortuna come me di possedere il nuovo Adobe Photoshop CS3 - versione Extended - si sarà "grogiolato" a vedere tutte le novità di questa nuova release. Tra le tante novità presenti nella versione 10.0.1 due in particolare mi hanno colpito per la loro estrema utilità. Il primo è lo strumento di selezione rapida:

image

Questo permette, ad esempio, di "scontornare" un oggetto in modo semplice ed efficace. Una volta selezionato basta cliccare sulla parte dell'immagine che vogliamo catturare e al resto pensa lui. È possibile, durante la selezione, rimuovere eventuali selezioni che non ci soddisfano, con il solito tasto Alt (su Windows - quello usato anche per elimnare parti di selezione con gli altri tool). Inoltre, nella toolbar superiore, è possibile regolare l'ampiezza del "pennello" di selezione, sino ad arrivare ad operare pixel per pixel.

Questa funzionalità si accoppia in modo perfetto con la seconda novità presente in Adobe Photoshop CS3: migliora bordo, accessibile dal menu Selezione (Alt+Ctrl+R).

Migliora bordo

Data una selezione, questo strumento permette di eseguire tutta una serie di operazioni davvero utili e interessanti, con un anteprima in tempo reale regolabile trmite quelle immagini che vedete in fondo alla finestra qui sopra. Oltre ad essere utile per migliorare i bordi durante le operazioni di scontorno e selezione, permette anche di effettuare rielaborazioni di semplici immagini, come quella mostrata qui sotto:

Migliora bordo

Dalla grezza e "quadrata" immagine di sinistra, grazie all'uso di Migliora bordo si è arrivati in un attimo alla figura di destra.

Vedi Video

Post correlati

EditArea: un rich Sourcecode Editor in Javascript

Martedì 8 Gennaio, 2008

EditArea è un modo diverso di utilizzare le funzioni di editing online permesse dall'HTML. Questa tecnica, utilizzata il più delle volte per creare Editor WYSIWYG, viene sfruttata in questo caso per fornire un vero  e proprio editor di codice.

EditArea

Un normale campo TextArea viene trasformato in un vero e proprio editor con la possibilità di formattare il testo, cercare e sostituire parole e ottenere una colorazione del codice in tempo reale. Tra le sue caratteristiche notiamo:

  • Integrazione semplicissima tramite un solo script Javascript e una sola chiamata ad una funzione di patch.
  • Supporto della tabulazione
  • Cerca e sostituisci con regexp
  • Supporto della colorazione del codice per: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf*ck
  • Auto-indentazione delle nuove linee
  • Numerazione linee di codice
  • Supporto multilingua: Croato, Danese, Inglese, Francese, Tedesco, Italiano, Giapponese, Polacco, potoghese)
  • Supporto per gzip
  • Multiple istanze
  • Fullscreen
  • Ridimensionamento della finestra in tempo reale
  • Possibilità di estendere le caratteristiche tramite plugin
  • Save e Load callback
  • Lavora con prototype e mootools

Un esempio di come usarlo:

JavaScript:
  1. editAreaLoader.init({
  2.                 id: "exemple_3" // id of the textarea to transform       
  3.                 ,start_highlight: true 
  4.                 ,font_size: "8"
  5.                 ,font_family: "verdana, monospace"
  6.                 ,allow_resize: "y"
  7.                 ,allow_toggle: false
  8.                 ,language: "fr"
  9.                 ,syntax: "css" 
  10.                 ,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help"
  11.                 ,load_callback: "my_load"
  12.                 ,save_callback: "my_save"
  13.                 ,plugins: "charmap"
  14.                 ,charmap_default: "arrows"                 
  15. });

Post correlati

Wacom: editing grafico con le tavolette-display 2.0

Martedì 8 Gennaio, 2008

CintiQ

Una rivoluzione, finalmente, nel campo dell'editing grafico. Wacom presenta un'interessante soluzione che fonde una tavoletta grafica con un sistema touch-screen. Avendo anch'io una tavoletta Wacom, che ormai uso quotidianamente al posto del mosue, apprezzo moltissimo questo passo avanti (la prossima spesa che farò ;)). Attualmente io uso una Intuos3 formato A5, perfettamente integrata sia in Windows Vista che nei software di sviluppo che uso, come Adobe Photoshop CS3 e Flash CS3. Spesso mi è capitato anche di usarla semplicemente per scrivere una mail, grazie al software di riconoscimento della calligrafia presente in Windows Vista:

Riconoscimento calligrafico

La nuova serie CintiQ, Interactive Pen Display, si presenta con caratteristiche davvero interessanti:


1.024 livelli di sensibilità alla pressione

Sensibilità all'inclinazione
Inclinate il dispositivo di immissione dati in qualsiasi direzione per creare tratti di penna, pennello e gomma dall'effetto naturale.

Riconoscimento della rotazione
Alcuni dispositivi di immissione dati, ad esempio il nuovo Art Marker, sono ruotabili attorno al proprio asse: grazie al riconoscimento della rotazione, il Cintiq è in grado di rilevare questa rotazione e, nelle applicazioni appropriate (ad esempio in Painter 9) di trasformarla in pennellata ruotante.

Tool ID
Con il Tool ID (ID strumento) è possibile programmare e configurare individualmente ogni dispositivo di immissione input Cintiq per qualsiasi software. Le impostazioni memorizzate vengono attivate automaticamente nel momento in cui viene avviato il software.

ExpressKeys
Gli ExpressKeys sono una serie di tasti disposti lungo il lato sinistro e il lato destro della superficie attiva. Potete assegnare agli ExpressKeys le vostre combinazioni di tasti o macro preferite, dopodiché potrete dimenticare la tastiera.

Touch Strip
Con la nuova Touch Strip è possibile eseguire operazioni spostando il dito direttamente sulla tavoletta, come sul touchpad di un computer notebook: ad esempio ingrandire e ridurre le dimensioni delle immagini oppure scorrere documenti o editor PDF spostando semplicemente il dito.

Gomma
Correggere gli errori non è mai stato così facile: basta capovolgere la penna e cancellare!

Senza cavo né batteria
Tutti i dispositivi di immissione dati funzionano senza cavo e senza batteria: la necessaria alimentazione viene fornita dalla tavoletta.

Installazione Plug & Play
Il sistema Cintiq si installa facilmente e rapidamente ed è compatibile con tutte le vostre applicazioni software.

Tecnologia della penna Wacom
La tecnologia delle penne senza cavo e senza batteria sinonimo di un prodotto affidabile e di alta qualità, che richiede un assoluto minimo di manutenzione. Il tecnologia garantisce un alto livello qualitativo dei prodotti dell'azienda leader nel settore delle soluzioni di immissione dati basate su penna.

Wacom CintiQ

Questa soluzione potrebbe rappresentare il futuro dell'interazione tra uomo e PC, un fantastico ibrido tra un touchscreen e una tavoletta, che segue la direzione giusta a vantaggio dell'usabilità e accessibilità. L'era del mouse è davvero al tramonto?

Post correlati