XML  »  Articoli  »  Applicazioni XML 

In questo articolo NON verranno illustrate le principali caratteristiche di Scalable Vector Graphics (SVG), per le quali si rimanda ai precedenti articoli pubblicati in questo sito. Andremo invece a investigare quale ruolo possa assumere questo formato nel ciclo di vita di una pubblicazione Web o addirittura, come vedremo, in ambiti differenti dalla semplice diffusione in Internet.

Astraendoci dall'impiego finale che si voglia fare di un "componente visivo" in SVG, sappiamo di poter esprimere in questo formato una qualsiasi immagine statica, esportandolo dai tradizionali software per grafica vettoriale (quali Illustrator e CorelDraw), vettorializzando un'immagine raster (GIF, JPEG, PNG) con software quali Celinea CR2V, oppure includendo quest'ultima senza modifiche in un'immagine SVG attraverso l'elemento image.

A questo punto si aprono numerose possibilità di (ri)utilizzo dell'immagine che non richiedono particolari modifiche del codice originario: dal software gestionale griffato con il logo dell'azienda alla realizzazione della brochure di quest'ultima, progettare componenti in SVG consente la gestione unitaria dell'identità grafica del cliente e quindi una manutenzione più veloce.

Prima di trattare questi utilizzi "esotici" del formato, argomento della seconda parte di questo tutorial, tratteremo la realizzazione dell'usuale grafica statica di siti Web, con una breve digressione riguardo SVG Fonts, ovvero la possibilità di rappresentare (in modo portabile) un qualsiasi font all'interno di questo linguaggio XML. Nel prossimo articolo vedremo invece come animare la grafica prodotta attraverso il Modulo di Animazione ereditato da SMIL 2.0, piuttosto che agendo con ECMAScript (JavaScript, Jscript, ActionScript) sul Document Object Model generato, in analogia con HTML, da un sorgente SVG. Vedremo infine come inserire questo formato all'interno di una presentazione multimediale in SMIL, affiancando una interfaccia dalle spiccate doti d'interattività a filmati o brani musicali diffusi in streaming.

Gli esempi richiedono il plugin Adobe SVG viewer 3.0 o superiore. Dal momento che Internet Explorer per Mac non consente di interagire con i plugin attraverso JavaScript, Adobe ha incluso un interprete per questo linguaggio nella versione 3.0, rendendolo la migliore soluzione per un'utenza eterogenea di Windows, Mac e Linux. Il plugin è scaricabile gratuitamente nella sezione dedicata a SVG del sito di Adobe.

Componenti visive

SVG nasce con un'intrinseca modularità dettata dallo status di linguaggio XML, che consente di raggiungere, clonare e modificare (anche run-time) porzioni qualsiasi di un documento attraverso tre astrazioni differenti: SAX, DOM e XSL.

Il primo è appannaggio dei linguaggi di programmazione d'alto livello, mentre il DOM consente di manipolare i contenuti anche con linguaggi di scripting quali ECMAScript. eXtensible Stylesheet Language è infine il linguaggio XML per l'elaborazione di contenuti XML e si divide nelle Transformations (XSLT), in grado di produrre formati testuali qualsiasi, e nei Formatting Objects (XSL-FO) rivolti invece alla formattazione tipografica di documenti. Quest'ultimo è destinato essere sempre più utilizzato, dal momento che la convergenza tra pubblicazione online e offline diverrà ben presto essenziale per le grandi aziende e rappresenta in generale una delle frontiere aperte da XML. Internamente al linguaggio SVG, abbiamo poi la possibilità di definire un oggetto generico per istanziarlo in seguito più volte, eventualmente modificandone alcune caratteristiche, attraverso gli elementi def e use.

L'elemento radice svg può essere inoltre nidificato a piacere, consentendo l'inclusione di componenti preesistenti in un'immagine più complessa, ad esempio il layout del sito piuttosto che la copertina della brochure della propria società. L'elemento image consente poi l'inserimento di un'immagine SVG (oltre che GIF, JPG e PNG) contenuta in un file esterno.

Altri articoli

Altre guide

Altre newsletter