Flash 10.1 e HTML5 – L’HTML potrà soppiantare Flash?

E’ uno degli argomenti più chiaccherati in questo inizio 2010 ma non tutti conoscono bene le differenze tra le due piattaforme e cosa è effettivamente in grado di visualizzare una pagina in HTML5.

Partiamo con alcuni cenni generali sul Falsh player:

Adobe Flash (in precedenza Macromedia Flash e ancora prima FutureSplash) è un software per uso prevalentemente grafico che consente di creare animazioni vettoriali principalmente per il web. Viene utilizzato inoltre per creare giochi o interi siti web e grazie all’evoluzione delle ultime versioni è divenuto un potente strumento per la creazione di Rich Internet Application e piattaforme di streaming audio/video. Nella versione 10.1, ancora in lavorazione, è stata sviluppata l’integrazione con molti sistemi operativi mobili.

Flash permette di creare animazioni complesse e multimediali. All’interno di esse infatti si possono inserire:

• forme vettoriali, che sono gli oggetti principali con cui Flash permette di lavorare.
• testo (sia statico sia dinamico) e caselle di input per il testo.
• immagini raster (Bitmap, GIF, Jpeg, PNG, TIFF e altri formati) sotto forma di oggetto bitmap.
• audio (MP3, WAV e altri), sia in streaming che per effetti sonori.
• video (AVI, QuickTime, MPEG, Windows Media Video, FLV).
• altre animazioni create con Flash (tramite ActionScript o interpolazioni).

Inoltre permette di creare animazioni interattive, grazie alla presenza di un linguaggio di scripting interno. Tramite questo linguaggio, denominato ActionScript e basato su ECMAScript, è possibile applicare comportamenti agli oggetti o ai fotogrammi dell’animazione. Inizialmente erano presenti solo poche azioni, ma allo stato attuale ActionScript è diventato uno strumento molto potente. Grazie ad esso si possono creare infatti menu, sistemi di navigazione, GUI, siti web completi e giochi anche complessi.

Non vogliamo scendere troppo sul tecnico e diciamo che questi elementi sono più che sufficienti per avere una buona idea di cosa sia la tecnologia Flash e di cosa permetta di fare. Durante l’ultilizzo giornaliero di internet, senza spesso rendercene conto, usiamo questa tipologia di architettura per vedere moltissime animazioni internet, filmati (youtube in primis) e per aprire diversi siti che spesso sono realizzati interamente con questo linguaggio.

Sicuramente versatile e polivalente che però nasconde alcune problematiche. Apple in primis si è sempre schierata contro questo linguaggio di programmazione perchè ritenuto troppo pesante e sopratutto non privo di bugs e problemi. Flash richede infatti una buona potenza hardware per funzionare a dovere e oltre a questo, necessita di un’integrazione con il sistema in modo da non sovraccaricare troppo il processore.

Apple ha da sempre avuto problemi e i suo computer, nel momento in cui visualizzano un contenuto in flash, usano molte risorse con conseguente consumo di batteria, ram e con alcuni spiacevoli crash del sistema.

Anche Windows non è esente da questi problemi. Se il 90% delle persone che utilizzano il computer per navigare non si accorgono di questa pesantezza, nel momento in cui si utilizza un browser con tante schede aperte (una 50ina) senza avere una macchina particolarmente potente, ecco che le prestazioni del sistema e del browser internet calano considerevolmente andando spesso a saturare la memoria Ram disponibile.

Adobe ha lavorato e sta lavorando molto su questo aspetto, cercando di risolvere il problema e aprendo il codice anche verso Apple in modo che la stessa casa possa implementarlo nativamente nella propria struttura software. Tutto ciò vale anche per i sistemi Mobili e gli smartphone che dovrebbero vedere l’integrazione del flash player 10.1 nel browser internet entro l’estate con grande disappunto di Apple.

Prima di passare oltre vi mostriamo un esempio di pagine in Flash: cliccate qui per vedere l’esempio.

Allo stesso tempo arriva l’HTML5, una evoluzione del linguaggio HTML che permette maggiore libertà di sviluppo e funzioni molto avanzate.

HTML 5 è un linguaggio di markup per la progettazione delle pagine web attualmente in fase di definizione (draft) presso il World Wide Web Consortium. HTML 5 si propone come evoluzione dell’attuale HTML 4.01 ed è concepito per coesistere in modo complementare con XHTML 2.

Le novità introdotte da HTML 5 rispetto a HTML 4 sono finalizzate soprattutto a migliorare il disaccoppiamento tra struttura, definita dal markup, caratteristiche di resa (tipo di carattere, colori, eccetera), definite dalle direttive di stile, e contenuti di una pagina web, definiti dal testo vero e proprio. Inoltre HTML 5 prevede il supporto per la memorizzazione locale di grosse quantità di dati scaricate dal browser, per consentire l’utilizzo di applicazioni basate su web (come per esempio le caselle di posta di Google o altri servizi analoghi) anche in assenza di collegamento a Internet.

In particolare:

• vengono rese più stringenti le regole per la strutturazione del testo in capitoli, paragrafi e sezioni
• vengono introdotti elementi di controllo per i menu di navigazione
• vengono migliorati ed estesi gli elementi di controllo per i moduli elettronici
• vengono introdotti elementi specifici per il controllo di contenuti multimediali (tag <video> e <audio>)
• vengono deprecati o eliminati alcuni elementi che hanno dimostrato scarso o nessun utilizzo effettivo
• vengono estesi a tutti i tag una serie di attributi, specialmente quelli finalizzati all’accessibilità, finora previsti solo per alcuni tag.
• viene supportato canvas che permette di utilizzare il javascript per creare animazioni
• introduzione della geolocazione, dovuto ad una forte espansione di sistemi operativi mobili (quali Android e WebOs, fra i molti)
• supporto ad una libreria javascript, chiamata modernizr, per i browser che non supportassero l’HTML5
• sistema alternativo ai normali cookie, chiamato Html5storage, più efficiente, il quale consente un notevole risparmio di banda
• standardizzazione di programmi javascript, chiamati web workers e possibilità di utilizzare alcuni siti offline
• nuovi tipi di input, caratterizzati dai nuovi segnaposto, e da una semantica più spiccata
• autofocus standardizzato
• sostituzione del lungo e complesso doctype, con un semplice <!doctype html>

Questo il quadro generico sull’HTML5. Come sempre un esempio per capire di cosa è capace questo linguaggio è la cosa migliore per vederne le potenzialità. Collegandosi a questa pagina, utilizzando Firefox o Chrome (non funziona con Internet Explorer) potete vedere un sito test cotruito in HTML5.

• Animazioni
• suoni
• musica
• integrazione con twitter

Queste sono le funzioni che troverete in una semplicissima pagina, leggera ed estremamente veloce. Un pagina che non appesantirà il vostro browser e che non avrà peso sulle prestazioni del vostro PC/MAC. Sicuramente l’HTML5 avrà ancora molto da dire e uno sviluppo ancora superiore nei prossimi mesi.

Non sappiamo dire se questa tecnologia soppianterà il Flash o se sarà solo una valida alternativa. Apple continua a promuovere questo tipo di piattaforma anche in ambito mobile, con la quale è possibile anche visualizzare filmati youtube, contenuti avanzati e animazioni interattive senza gravare sulle risorse hardware del dispositivo che utilizziamo.

Non resta dunque che attendere i prossimi mesi…