WebWebVectorial GraphicVectorial Graphic

Proposta di progetto per il Proposta di progetto per il corsocorso

didi

LOA - 2006LOA - 2006

Il web oggiIl web oggi

HTMLHTML CSS (Cascade Style Sheet)CSS (Cascade Style Sheet) JavaScriptJavaScript

Ciò che è offerto dal web oggi è noto a Ciò che è offerto dal web oggi è noto a tutti.tutti.

Il web domaniIl web domani

Questo progetto mira a creare una Questo progetto mira a creare una nuova dimensione del web, dove non nuova dimensione del web, dove non serve più comporre la grafica tramite serve più comporre la grafica tramite una serie di immagini, ma tramite una serie di immagini, ma tramite una serie di vettori che provvedono una serie di vettori che provvedono in pochi Kbyte a realizzare una in pochi Kbyte a realizzare una pagina completa e professionale.pagina completa e professionale.

Complicazioni oggi…Complicazioni oggi…benefici domanibenefici domani

La realizzazione di una pagina simile a questaLa realizzazione di una pagina simile a questa

Menu Testo pagina

Header Notiamo che il bordo è arrotondato. Per fare ciò in una pagina HTML attuale dobbiamo fare così:

Abbiamo:4 immagini per i bordi arrotondati4 immagini per le linee (solo qualche pixel)

Abbiamo la seguente suddivisione della tabella

Complicazioni oggi…Complicazioni oggi…benefici domanibenefici domani

Altra pagina, ma molto più complessa. Questa volta una semplice tabella come quella di prima non basta.

Quindi cosa si fa?

Usiamo quasi certamente un’immagine suddivida in più parti ma che impiegherà tanto ad essere caricata.

E ogni volta che chiediamo una nuova pagina dobbiamo attendere il caricamento delle immagini o comunque la richiesta tramite l’attributo If-Modifier dell’HTTP.

Non tutti hanno ADSL e tutti vogliono essere veloci, sia nello sviluppo che nella visualizzazione delle pagine.

Tempo Buttato Via ! ! !

Potenzialità di WVGPotenzialità di WVG

Velocità nello sviluppo e nel Velocità nello sviluppo e nel caricamento delle paginecaricamento delle pagine

Riduzione del traffico di rete Riduzione del traffico di rete Grafica ad alto impatto visivoGrafica ad alto impatto visivo Supporto per disabili, sia motori che Supporto per disabili, sia motori che

non vedentinon vedenti

Velocità e traffico di reteVelocità e traffico di rete

Ogni pagina sarà composta da più parti Ogni pagina sarà composta da più parti distinte (header, menu, contenuto, footer)distinte (header, menu, contenuto, footer)

Ogni parte è aggiornabile separatamente Ogni parte è aggiornabile separatamente dalle altre (similmente a ciò che accade dalle altre (similmente a ciò che accade con AJAX)con AJAX)

Saranno trasferiti solo i dati essenziali senza Saranno trasferiti solo i dati essenziali senza rinviare tutta la pagina ogni volta e rinviare tutta la pagina ogni volta e perdere tempo a scaricare roba che già si perdere tempo a scaricare roba che già si possiede.possiede.

Grafica vettorialeGrafica vettoriale

Con l’ausilio della grafica vettoriale Con l’ausilio della grafica vettoriale potremo creare pagine diverse da potremo creare pagine diverse da quelle attualmente presenti in internet.quelle attualmente presenti in internet.

Sperimentare nuove forme d’arte, nuovi layout, creare siti che virtualizzino musei e molto di più.

Supporto ai disabiliSupporto ai disabili

È bene pensare anche a chi non è È bene pensare anche a chi non è fortunato come noi e deve ogni fortunato come noi e deve ogni giorno superare degli ostacoli.giorno superare degli ostacoli.

WVG può offrire un accesso vocale alle WVG può offrire un accesso vocale alle paginepagine Selezione dei linkSelezione dei link Compilazione di form da inviare ai Compilazione di form da inviare ai

webmasterwebmaster Lettura digitale o in streaming MP3 dei Lettura digitale o in streaming MP3 dei

contenuti delle paginecontenuti delle pagine

Problematiche di Problematiche di svilupposviluppo

Realizzazione di un Realizzazione di un EditorEditor di pagine e controlli di pagine e controlli Come realizzare la grafica vettoriale e la Come realizzare la grafica vettoriale e la

colorazionecolorazione Uso del formato utilizzato da Photoshop Uso del formato utilizzato da Photoshop

(eventuale)(eventuale) Uso di OpenGL (eventuale)Uso di OpenGL (eventuale) Creazione di una serie di controlli, per ottimizzare il Creazione di una serie di controlli, per ottimizzare il

flusso di datiflusso di dati

Creazione di un Creazione di un ServerServer per la gestione delle richieste per la gestione delle richieste di pezzi di paginadi pezzi di pagina Autenticazione utentiAutenticazione utenti Uso di crittografia (eventuale)Uso di crittografia (eventuale)

Problematiche di Problematiche di svilupposviluppo

Realizzazione del Realizzazione del BrowserBrowser che supporta quanto che supporta quanto creato dall’editor e supporto per i disabilicreato dall’editor e supporto per i disabili Interazione vocaleInterazione vocale Lettura dei contenuti o eventuale streaming Lettura dei contenuti o eventuale streaming

audio della paginaaudio della pagina

Realizzazione di tutti i possibili Realizzazione di tutti i possibili Controlli webControlli web, , con relative proprietà, eventi e metodi.con relative proprietà, eventi e metodi.

Domande?Domande?