Introduzione ai Wap CSS

Si tratta di un sottoinsieme di CSS2 (cascading style sheet livello 2) comunemente usati per i siti web, oltre a delle estensioni specifiche WAP (Wireless Application Protocol). Alcune caratteristiche e proprietà dei CSS2, non particolarmente utilizzate per applicazioni internet mobile, non sono incluse nei WAP CSS. I WCSS sono utilizzati con l'XHTML Mobile Profile (XHTML MP). Ognuno di essi è definito in WAP 2.0, che è stato creato dall'ex WAP Forum, attualmente Open Mobile Alliance (OMA).

L'idea dei CSS è molto semplice - formattazione ed informazioni del layout di un documento XHTML MP sono scritti in un foglio di stile CSS e sono collocati separatamente dal contenuto del documento. Per cambiare l'aspetto di un documento in un browser, è sufficiente modificare il foglio di stile CSS - cosa che avviene normalmente in presenza di un sito web. Tale funzione è molto utile, per il mondo wireless, in cui diversi dispositivi mobili, quali telefoni cellulari, palmari ecc, hanno varie caratteristiche quali, per esempio, la dimensione dello schermo. È possibile controllare il layout dei documenti su diversi dispositivi mobili agendo semplicemente sui WCSS, in maniera distinta dal file XHTML MP, senza alcuna necessità di modificare il contenuto del file.

Nelle applicazioni mobile WAP 2.0, l'XHTML MP è utilizzato specificamente per marcare i contenuti e i WCSS, invece, per "descrivere" come presentare il contenuto nei browsers WAP. Sarebbe preferibile, prima di procedere, che si siano acquisite almeno le nozioni di base per quanto riguarda l'XHTML MP e consiglierei di dare una lettura al corso di XHTML Mobile Profile.

MIME Type ed estensione del file dei WCSS

Il MIME (Multipurpose Internet Mail Extensions) type di un file WCSS è text/css e la sua estensione è ".css". Sono le stesse di un foglio di stile per una pagina di un sito web, visualizzabile con device diverso dal browser mobile.

Wireless CSS e Wireless Profile CSS

Potrebbe capitare di leggere, durante il seguente tutorial o in altri siti web presenti in rete, diversi "sinonimi" di uno stesso termine: "Wireless CSS" o "Wireless Profile CSS". In effetti WCSS, WAP CSS e Wireless Profile CSS sono solo nomi diversi che si riferiscono allo stesso argomento e possono essere usati in maniera assolutamente intercambiabile. Gli acronimi più frequentemente utilizzati sono: WCSS, WAP Wireless CSS.

Vantaggi nell'utilizzo dei WCSS nei siti web per dispositivi mobili

Di seguito alcuni vantaggi nell'uso dei WAP CSS style sheets nei siti web per dispositivi mobili:

• convergenza del WAP 2.0 (XHTML MP - WAP CSS) e della programmazione web.Imparare a realizzare pagine WAP non richiede molti sforzi, se già si conoscono e si hanno le basi su come programmare una pagina web. Coloro i quali scrivono pagine di markup HTML (HyperText Markup Language) possono continuare a utilizzare strumenti di authoring per il web e browser per pc (personal computer) per la realizzazione di siti web mobile. Questo è uno dei principali vantaggi dell'XHTML MP e WCSS nei confronti del WML (Wireless Markup Lenguage).
• L'utilizzo dei WAP CSS apporta il vantaggio che contenuto e presentazione possono essere separati. Questo significa che si può:
  • associare in maniera molto semplice il layout e lo stile del contenuto alle caratteristiche dei diversi dispositivi wireless. Ad esempio, se si desidera che il layout del sito Internet mobile deve essere differente sui telefoni cellulari, a seconda delle dimensioni dello schermo, è possibile progettare varie versioni di fogli di stile WAP CSS, associando ogni versione per una particolare dimensione dello schermo;
  • combinare layout e stile dello stesso contenuto a seconda dei differenti user agents. Per esempio, se si desidera che il layout del sito Internet mobile debba avere diversa visualizzazione a seconda che lo si veda su un pc, PDA (Personal Digital Assistant) e telefoni cellulari, si possono creare diverse versioni di fogli di stile WAP CSS, a seconda di un differente client. Quello che conta è che non devono essere modificati i contenuti del sito;
  • ridurre al minimo lo sforzo per la manutenzione di un sito WAP. In presenza di nuovi modelli di dispositivi mobili, si dovrà scrivere solo parte dei fogli di stile WCSS per ottimizzare il layout a tali devices. Non si deve intervenire sui contenuti del sito;
  • applicare un unico foglio di stile WAP CSS a più pagine di un sito mobile. In seguito, se si desidera modificare l'aspetto grafico di tutto il sito, basta modificare il solo foglio di stile WAP CSS;
  • riutilizzare il codice di stile in più progetti;
  • promuovere la suddivisione del lavoro. Se si lavora in gruppo, ci si potrebbe dividere i compiti nel senso che chi si occupa del look and feel del sito WAP può farlo in maniera indipendente da chi si occupa dei contenuti del sito stesso. Con la separazione delle funzioni diventa più facile mantenere un aspetto più coerente in tutto il sito.
• E' possibile avere un maggior controllo per l'aspetto delle pagine WAP con i WCSS rispetto al WML. Ad esempio, è possibile specificare: colori, caratteri, gli sfondi, margini e padding dei vari elementi.
• Se si applica un unico foglio di stile a cascata a tutto il sito Internet mobile, il suddetto foglio di stile verrà scaricato solo una volta dal server, quando il sito viene richiamato la prima volta nel browser. I fogli di stile CSS verranno quindi memorizzati nella cache e può essere letta in seguito senza la connessione al server.
• Le dimensioni dei file dei documenti XHTML MP possono ridursi se il layout e le informazioni di formattazione vengono spostate ad un altro foglio di stile WAP CSS. Un file di piccole dimensioni ha il vantaggio di un tempo di download più breve. Tuttavia, questo non è applicabile alla prima pagina WAP visitata da un utente in quanto il foglio di stile esterno deve essere scaricato con una richiesta HTTP (HyperText Transfer Protocol), il che significa che il tempo totale di download non può essere breve, in base alla duplice domanda-risposta.

Svantaggi nell'uso dei WAP CSS Style Sheets nei siti web per dispositivi mobili

Di seguito alcuni svantaggi nell'uso dei WAP CSS Style Sheets nei siti web per dispositivi mobili:

• Diversi browser WAP hanno diversi livelli di supporto per i WCSS. Una proprietà che è supportata su un browser WAP potrebbe non essere disponibile su un altro browser WAP.
• Un foglio di stile WAP CSS può aumentare il tempo di caricamento della pagina, quando richiesta per la prima volta, per i seguenti motivi:
  • il foglio di stile WAP CSS esterno non è memorizzato nella cache del dispositivo mobile alla prima richiesta da parte dell'utente; questo potrebbe implicare un maggiore tempo di attesa in quanto il device mobile lo deve "scaricare" dal server;
  • un documento XHTML MP ed il suo file WAP CSS esterno devono essere scaricati con richieste separate, sarebbe il primo mobile device che "richiede" il documento XHTMl MP, poi analizza il documento, estrae l'URL del WAP CSS style sheet e stabilisce un'altra richiesta con il server per il download. Di conseguenza, il numero di richieste, tra il client ed il server, aumenta;
  • se viene utilizzato un unico file WAP CSS per indicare tutte le informazioni presenti nel sito, a livello di presentazione, la dimensione del file CSS potrebbe essere di dimensioni abbastanza grandi.
  • per il browser WAP è necessario processare il foglio di stile CSS in aggiunta al documento XHTML MP.