Cristian Galletti » Flex

Aviary: nuova generazione di tool via web

Cristian Galletti — Tue, 28 Oct 2008 19:02:02 +0000

Dai fondatori della community Worth1000.com viene lanciata in questi oggi la beta di una famiglia di web application per grafici e creativi (ma non solo) con il nome Aviary.
Attualmente sono disponibili all’uso online tre strumenti: Phoenix (elaborazione di immagini), Toucan (creazione di tavole colore) e Peacock (effetti grafici avanzati), ma tanti sono i tool di prossimo rilascio che copriranno ogni ambito dell’elaborazione digitale. Dal’audio (Myna) al video (Starling) fino al 3D (Hummingbird).

La missione dichiarata di Aviary è “Make the world’s creation accessible”.
Ci riusciranno?

Penso sia una grande occasione per tutti coloro che non possono permettersi suite di prodotti molto costosi e con requisiti tecnologici richiesti inabbordabili e che si accontentano di funzionalità base ma assolutamente non banali e con molto potenziale nascosto.

A voi provare i tool di Aviary: attendo le vostre impressioni!

Condividi su...

Webgriffe v.8 – nuovo sito

Cristian Galletti — Wed, 01 Oct 2008 07:57:26 +0000

Finalmente la versione 8 del nuovo sito di Webgriffe è online: è stato un lungo parto, posticipato diverse volte anche a causa della mole di lavoro che abbiamo avuto nell’ultimo anno, ma alla fine ci siamo riusciti.

Il dietro le quinte.

Beh, la scusa ufficiale è senz’altro che il parecchio lavoro fa inevitabilmente slittare i progetti interni, ma c’è da dire che l’idea creativa e la finalizzazione della grafica e dello stile comunicativo sono durate per quasi un anno di proposte, modifiche, cancellazioni, rifacimenti, ripensamenti, dubbi, illuminazioni, test ed esercizi di stile.
Siamo partiti a riprogettare il sito dallo stile della versione 7 (anche se era sostanzialmente un sito mono pagina in cui pubblicavamo gli ultimi lavori quando ne avevamo il tempo) con lo sfondo nero e quelle luci colorate che abbiamo chiamato “shines” (bagliori, illuminazioni).
Siamo passati attraverso 9 versioni provvisorie: 8.1, 8.2, 8.3, 8.4… fino alla 8.9 che poi si è rivelata la scelta vincente. Di seguito una immagine con gli screenshot delle varie versioni.

Abbiamo progressivamente abbandonato il colore nero e le tendenze del momento (gli effetti glare, riflessioni, sfondi neri, ecc.) per dedicarci a uno stile più essenziale e, in fin dei conti, che sentiamo più nostro. Il bianco e la pulizia dei contenuti: testi brevi, caratteri grandi e ben leggibili. Nel periodo intercorso tra la versione 8.1 e la 8.9 sono apparse sulla scena tecnologie che più volte ci hanno fatto ripensare e rimettere mano al progetto: i framework di animazione 3D in Flash, librerie AJAX sempre più potenti, Microsoft Silverlight, iPhone… Abbiamo optato per un layout a tutto schermo e liquido piuttosto che bloccare i contenuti in dimensioni fisse.
Il grande dilemma è stato anche quello di scegliere tra HTML e Flash. Sempre in una ottica di originalità di stile e di libertà espressiva abbiamo scelto ancora una volta Flash Player: sviluppiamo al 90% per Flash Player con software come Flash e Flex e crediamo fermamente nelle potenzialità offerte da questa tecnologia. Troppe aziende che come noi si propongono come web agency hanno sposato l’HTML e il concetto di sito/blog HTML: ci vogliamo distinguere e vogliamo mostrare cosa si può fare a partire dal nostro sito.

L’idea

Il nome Webgriffe è stato coniato nel 2000 con il significato di tendere alla produzione di progetti e soluzioni non di massa, ma a carattere più artigianale e su misura: la metafora con l’alta moda e le griffe è proprio questa. Consapevoli del fine forse irraggiungibile che ci siamo proposti continuiamo a perseverare in questa direzione proponendoci ai nostri clienti e ai nostri partner come persone su cui contare e di cui potersi fidare perché con empatia lavoriamo per realizzare progetti e studiare soluzioni utili, semplici da usare e che determino un ritorno dell’investimento per il cliente.
Da questa metafora con la moda (spesso infatti diciamo ai nostri clienti che realizzeremo per loro un vestito su misura e niente di pre-confezionato) nasce l’idea della passerella: notare che si tratta di persone distinte, vestite da impiegati o persone d’affari, che sfilano sul monitor. Il messaggio subliminale è “Sfila nel web con un nostro abito addosso” e anche “Distinguiti e non uniformarti alla massa”.

Caratteristiche

Dato per assodato che la tecnologia di base fosse Flash Player e la fonte dei dati (testi, immagini, portfolio ecc.) totalmente dinamica attinta da database si è passati allo sviluppo delle funzionalità del sito web.
Non possiamo che iniziare con l’impostazione di base del sito che si fonda su contenuti video a tutto schermo. Questa scelta e in particolare la metafora della passerella ci darà modo di personalizzare periodicamente il sito adattandolo a particolari festività o ricorrenze (Natale, Estate, ecc.) con un approccio più scherzoso e ironico… aspettate e vedrete.
Aggiunta anche la possibilità di passare alla modalità fullscreen per una esperienza ancora più immersiva: basta click su Windows o CTRL+click su Macintosh.
Abbiamo integrato il deep-linking e quindi la possibilità di navigare il sito anche grazie ai comuni pulsanti del browser (avanti e indietro per intenderci) e anche la possibilità di linkare direttamente a “pagine” del sito e metterle nei preferiti. La user experience quindi è ristabilita ai livelli a cui tutti gli utenti sono abituati.
Grazie a Google Analytics sono state implementate le statistiche di accesso e di utilizzo del sito in modo da tracciare tutti i click dell’utente e studiarne i comportamenti e le preferenze relative ai contenuti.
Finalmente il portfolio dei progetti (anche se non completo per accordi di riservatezza) torna ad essere il cuore del sito: ogni progetto è ora identificato da un colore, un eventuale video dimostrativo, screenshot, link, testi descrittivi e testo di referenza del cliente che comunica il suo grado di soddisfazione sul lavoro svolto.
Non manca l’area blog e la possibilità di abbonarsi all’RSS feed: abbiamo infatti creato un aggregatore dei blog aziendali che si possono leggere direttamente dal sito o da un qualsiasi Feed Reader.
Ristabilita la newsletter aziendale attraverso la quale comunicheremo con gli iscritti e divulgheremo notizie dal web, case histories e ovviamente comunicazioni commerciali. A breve termine ci sarà una evoluzione dei canali di comunicazione tra Webgriffe, clienti e partner grazie a un nuovo progetto interno ancora in fase di sviluppo… ma ci teniamo la sopresa!

Cosa ne pensate?
Critiche costruttive e pareri sono ben accetti.

Condividi su...

FlexCamp – il 7 Novembre a Milano

Cristian Galletti — Thu, 11 Sep 2008 10:32:47 +0000

Nuovo evento organizzato da actionscript.it (come al solito a partecipazione gratuita), dedicheremo una giornata a parlare di Flex, incontrare personaggi di spicco in Adobe e discutere in amicizia degli argomenti più diversi e attuali in ambito RIA (Rich Internet Application).

Non mancate!
Per iscriversi è sufficiente cliccare sul banner qui a fianco, riempire il modulo e cliccare su “submit”.

Condividi su...

Yahoo Maps: da Flex 1.5 a AJAX

Cristian Galletti — Wed, 26 Dec 2007 12:05:21 +0000

Non mi piace dire: “Ecco, avevo ragione!” ma questa volta è inevitabile.
Nel mio post precedente avevo lanciato la provocazione che fosse in atto una sorta di embargo da parte di Google e Yahoo nei confronti di Adobe e in particolare di Adobe Flash Player. Embargo attuato da Google e Yahoo abbandonando progressivamente l’uso di soluzioni Flash/Flex dalle web application fino ad oggi a disposizione di tutti: Maps, Mail ecc.
In data 17 Dicembre, ossia 10 giorni dopo il mio articolo Ted Patrick scrive un post (click qui per leggerlo) annunciando il definitivo abbandono di Flex da parte di Yahoo pe r il servizio Yahoo Maps.
Ted scrive e giustifica questa scelta dettata da sole necessità tecnologiche… io non ci credo!

Condividi su...

Adobe Flex gratuito per gli studenti

Cristian Galletti — Thu, 25 Oct 2007 09:34:01 +0000

È di ieri la notizia apparsa sul sito web Adobe dell’annuncio dell’imminente rilascio di Adobe® Flex™ Builder™ 2 a costo zero per studenti e per uso didattico. Penso sia una mossa molto strategica nell’ottica di dare maggior impulso alla comunità di Flex developer e designer che al momento fatica a crescere, poi non lo possono negare, la competizione con il neonato Microsoft Silverlight inizia a farsi sentire e Adobe probabilmente vuole mettersi al riparo cercando di mantenere il grosso vantaggio acquisito.
Ma tornando al tema di questo post sono felice di questa iniziativa, che si mormora avrà inizio entro fine anno, perché darà a tanti studenti la possibilità di entrare nel fantastico mondo dello sviluppo delle rich internet application (RIA). Rimane solo il dubbio su “chi” farà lezioni a questi studenti: ci sono aziende italiane, come la nostra, che stanno investendo molto nell’acquisizione di competenze su Flex e Air e ogni giorno si rende conto di quanto ci sia da imparare anche a seguito della crescita esponenziale delle caratteristiche di questo software ormai giunto alla versione 3. Conosciamo per esperienze vissute che l’università ha i suoi metodi e che spesso chi si di distingue è chi ha passione per quel che studia e chi riesce a staccarsi dalla visione “esamificio” del corso degli studi, quindi pensiamo che la vera forza sta nello studente e nelle sue capacità di acquisire contenuti e informazioni dalla rete. Per questo motivo di seguito riporto alcuni link a pagine in cui è possibile trovare risorse su Flex (in italiano e non):

Buono studio ragazzi!

Condividi su...

Flash -> Flex

Cristian Galletti — Fri, 29 Jun 2007 09:27:25 +0000

Con il rilascio del Flex Component Kit per Flash CS3 è ora possibile creare componenti personalizzati per Flex direttamente nell’IDE si Flash.

Requisiti.

Il Flex Component Kit introduce in Flash la possibilità di avere a disposizione il nuovo componente UIMovieClip (completamente funzionante in Flash e utilizzabile come skin) e il comando “Make Flex Component”.

Alcuni accorgimenti.
Affinché il componente che si va a realizzare in Flash si compatibile con Flex è necessario seguire alcune semplici regole:

l’intera timeline deve essere contenuta in un MovieClip, ovvero il componente esportato sarà un MovieClip
il punto di registrazione dello stage sarà l’angolo in alto a sinsitra
il frame rate della timeline deve essere di 24fps
le proprietà e le classi di tipo public saranno riutilizzabili in Flex
la versione di Flash Player necessaria è ovviamente la 9
la versione di ActionScript necessaria è la 3.0

A questo punto selezioniamo nella libreria di Flash il MovieCLip che vogliano trasformare in Flex Componente poi nel menu Commands selezionamo “Make Flex Component”. Nella finestra di output viene stampato un report delle eventuali modifiche apportate al movie per renderlo compatibile con Flex.
All’atto della pubblicazione (File > Publish) viene creato un file .SWC che utilizzeremo in Flex.

In Flex.
Basta selezionare “Flex Build Path”, “Library Path”, “Add SWC…” e sceglie il file .swc pubblicato.
Si realizza l’applicazione Flex e infine si compila.

Il limite… per ora.
Purtroppo in Flex Builder non sarà visualizzato il componente ma potrete solo manipolarlo in modalità mxml.
Questo però sono fino al rilascio definitivo del nuovo Flex Builder.

Demo.
Al link seguente potete saltare al minuto 7.00 e vedere una demo di quanto scritto qui sopra: http://adobedev.adobe.acrobat.com/p75214263/

Aspettando Flex 3

Cristian Galletti — Thu, 07 Jun 2007 23:10:01 +0000

Ted Patrick ha pubblicato da poco una lunga trattazione delle nuove caratteristiche di Flex 3 e devo dire che le novità non mancano!

Tra le tante, sicuramente, darà un notevole impulso allo sviluppo e alla diffusione di applicazioni Flex il supporto della cache del framework all’interno del Flash Player. Cosa vuol dire? Beh se prima il peso in KB dell’applicazione era strettamente legato alla quantità di componenti (comboBox, button, textField ecc.) usati ora, grazie alla memorizzazione di queste informazioni nella cache del player, sarà come se non avessero peso. In sostanza l’applicazione Flex conterrà solo il codice e il preloader che si occuperà di caricare i componenti dal framework ospitato sul server, sempre che non siano già in cache nel player. Sì, pubblicando con questa funzionalità verrà anche salvato l’ambiente con tutti i componenti necessari all’applicazione oltre all’swf vero e proprio. E c’è di più. Questo caching funziona anche cross-domain! Se visiteremo un sito che utilizzerà questa nuova caratteristiche di Flex 3 e poi passeremo ad un altro sempre in Flex 3 i tempi di caricamento di quest’ultimo saranno ridotti della quantità di informazioni messe in cache nella visita al primo sito web.

Di questo passo noi sviluppatori potremo finalmente velocizzare il caricamento delle nostre Flex applications da parte degli utenti e permettere di godere a pieno delle potenzialità della nostra applicazione.

Condividi su...

Yahoo WEBmessenger… grazie Flex

Cristian Galletti — Sun, 06 May 2007 23:17:51 +0000

Finalmente la versione web del primo instant messaging system da me utilizzato e che ad oggi conta milioni di utilizzatori in tutto il mondo. Ebbene sì, Yahoo Messenger è ora fruibile anche dal browser grazie a una interfaccia totalmente sviluppata in Flex.

Condividi su...

The Complete Guide to Flex 2 with ActionScript 3.0

Cristian Galletti — Thu, 09 Nov 2006 16:59:52 +0000

Un libro prezioso che probabilmente andrà a ruba a Febbraio 2007. Sì, uscirà solo il 29 Gennaio ma sarà un bel regalo da farsi o a mettere nella wishlist di Amazon.
Il libro toccherà i temi riguardanti lo sviluppo con Flex 2 e Actionscript 3.0 e questa che segue è la descrizione ufficiale apparsa sul sito della casa editrice Friends of ED:

“Flex 2, Flex Builder 2, and ActionScript 3.0 is the unstoppable new combination representing a revolution in Flash application development.Flash and ActionScript 2 revolutionized web design with the introduction of Rich Internet Applications (RIA,) and now Flex 2 takes Flash way beyond its previous capabilities in delivering enterprise-level internet applications that vastly improve the user’s internet experience.

Flex 2 is based on an easy to learn markup language called MXML. Using it you can create a series of nested containers, which the Flex server then translates into a finished application.
Flex Builder 2 is an easy-to-use programming environment, based on the famed Eclipse development environment, that allows you to create applications in both Flex 2 and ActionScript 3.0.

To help you keep ahead of the game and get up to speed with Flex 2 and ActionScript 3.0, Flash development, and certified training expert, Charles E Brown has written this comprehensive guide to developing Flex 2 and ActionScript 3.0 applications using Flex Builder, to help you keep ahead of the game. He takes you step-by-step through:

Installation
The basics of MXML
Object Oriented Programming concepts
ActionScript 3.0 syntax
Building design and navigation containers
Styling Flex applications with Cascading Style Sheets
Data Connectivity
And much, much more!

No matter what level of web designer you are, by the end of the book you’ll be creating powerful Flash applications. The revolution starts here!”

Non manca che attendere per leggerselo di un fiato.

Condividi su...