gototopgototop
 
Sei in: Home Page Corso XHTML Mobile Profile Vantaggi dell'XHTML Mobile Profile

Vantaggi dell'XHTML Mobile Profile

Tutto ciò va a vantaggio dello sviluppo delle applicazioni WAP come descritto di seguito:

  • Se si ha familiarità con le tecnologie web quali HTML, XHTML e CSS, si potrebbe partire con lo sviluppo di applicazioni WAP quasi immediatamente. Se si è nuovi alle suddette tecnologie e si vorrebbe imparare l' XHTML MP, si imparerà contemporaneamente come scrivere il codice di markup per il web.
  • Gli stessi strumenti di sviluppo possono essere utilizzati per creare sia i siti Web che i siti WAP. Si possono unire le due tecnologie ed ottenere, contemporaneamente, un sito anche per i dispositivi mobili. Questo vuol dire un costo più basso di sviluppo (nessuna necessità di comprare nuovi "strumenti" di lavoro) ed un basso investimento di tempo(nessuna necessità di imparare nuove tecnologie)
  • Normalmente i browser web possono essere usati per vedere i siti WAP durante il processo di sviluppo. Sarebbe opportuno esaminare il sito WAP con gli emulatori e/o con i reali telefoni cellulari prima di terminare il lavoro, poichè le caratteristiche dei dispositivi mobili variano considerevolmente. Per esempio: misura dello schermo, numero di colori supportati ecc...
  • Le pagine HTML /XHTML del nostro sito possono essere convertite in documenti XHTML MP con poche modifiche o persino senza apportarne nemmeno una. Ci si deve assicurare, tuttavia, che il layout delle pagine HTML /XHTML si veda bene su un piccolo monitor e che la dimensione non sia più grande di quella che sarà la dimensione dei dispositivi degli utenti finali.
  • L' XHTML MP supporta WAP CSS, il quale permette la separazione dei contenuti dalla presentazione in file distinti e con estensioni diverse. Come tutti sappiamo, i dispositivi mobili hanno caratteristiche molto differenti, per esempio i formati di schermo. La separazione del contenuto dalla presentazione significa che si deve scrivere il contenuto una sola volta, e cambiare lo stile ed il layout per dispositivi mobili differenti intervenendo solo sul file WAP CSS.
  • Con XHTML MP e WAP CSS si ha più controllo sulla presentazione. Per esempio si possono controllare bordi, sfondi, margini, padding, ecc... È possibile specificare, inoltre, la dimensione del font, font-family ed il colore. Tali caratteristiche non erano presenti in WML 1.x.

Di seguito le caratteristiche del WML non più presenti in XHTML MP:

  1. XHTML MP non supporta decks e cards;
  2. XHTML MP non supporta timers;
  3. XHTML MP non supporta gli eventi;
  4. XHTML MP non supporta le variabili;
  5. XHTML MP non supporta scripting lato client;
  6. XHTML MP non supporta la configurazione dei tasti rapidi;
  7. XHTML MP non supporta il tag <u> per la sottolineatura;
  8. XHTML MP non supporta l' attributo format per i campi di testo;
  9. XHTML MP non supporta l' invio dei dati attraverso i link.

XHTML MP non supporta decks e cards

Gli elementi <deck> e <card> del WML non esistono più in XHTML MP. Le CARD sono, in pratica, i luoghi dove vengono visualizzate ed elaborate le informazioni, cioè il testo e la grafica. Queste CARD sono organizzate in DECK (in inglese: "deck of cards" mazzo di carte). Il DECK è l' analogo della struttura del sito web che tutti conosciamo.

In WML un file può contenere una o più schede. Assieme esse formano un <deck>. Tutte le card che costituiscono un deck sono trasferite progressivamente al dispositivo senza fili. Il browser WAP visualizza ogni volta una scheda e ci si può spostare in altre schede attraverso i collegamenti àncora (link). Con l' uso dei deck e delle card il numero di richieste al server (i tempi di attesa e ritorno, altrimenti detti latenza) sono ridotte.

L' aumento di prestazioni può essere significativo, poichè lo stato di attesa innescato da ogni richiesta al server è alto per i dispositivi senza fili. Per ottenere caratteristiche simili in XHTML MP, si possono dividere i messaggi in più parti (più documenti vengono messi in una singola risposta http). Un' altra soluzione potrebbe essere quella di usare i link àncora ( i link àncora sono presenti in varie parti della pagina, ed i collegamenti sono definiti con lo scroll sui punti in cui essi si trovano). Torna su

XHTML MP non supporta timers

Per generare un temporizzatore (timer) in WML, si usa il tag <timer> con il corrispondente evento "ontimer". Entrambi questi due elementi appena visti, non sono supportati dall' XHTML MP. Per avere lo stesso risultato, si deve usare il tag <meta http-equiv="refresh" />, come l' esempio di seguito riportato:

<head>
<meta http-equiv="refresh" content="10; URL=http://www.Nomesito.com/" />
</head>

Nell' esempio di codice qui sopra proposto, l' elemento <meta> indica al browser WAP di andare all' url indicato (nell' esempio un url generico) dopo 10 secondi. La stessa cosa avviene con le pagine web quando un sito (portale in costante aggiornamento) mostra news diverse dopo un tempo stabilito.

Si noti che un timer in WML parte soltanto se l' utente va alla scheda successiva, mentre un aggiornamento (refresh) HTTP parte ogni volta che un utente visita una pagina XHTML MP. Torna su

XHTML MP non supporta gli eventi

Gli eventi non sono disponibili in XHTML MP. Il WML supporta 4 eventi: ontimer, onenterbackward, onenterforward e onpick. Come detto nella precedente sezione, l' aggiornamento HTTP lo si può simulare con l' evento ontimer.

Per gli altri eventi, non ci sono alternative in XHTML MP. Se il loro uso deve necessariamente essere previsto per la visualizzazione delle applicazioni sui dispositivi Internet mobili, si deve prendere in considerazione la possibilità di usare il WML dalla versione 1.x al posto dell' XHTML MP. Torna su

XHTML MP non supporta le variabili

In WML si devono necessariamente dichiarare le variabili ed assegnare ad esse un valore. Esse hanno un valore "globale" (le differenze tra una variabile globale e locale sono principi del JavaScript) e questo sta ad indicare che possono essere utilizzate per ogni deck ed in ogni card. Un uso comune delle variabili in WML è memorizzare i dati di un utente in modo tale che egli non debba riscriverli in un successivo passaggio.

Non è possibile usare le variabili in XHTML MP. L' alternativa è di affidare completamente l' elaborazione ad una tecnologia lato server. Per esempio, se si desidera condividere i dati scritti da un utente in una pagina XHTML MP con un' altra, i dati dovrebbero essere trasmessi ed essere memorizzati sul server. Successivamente il server elabora e trasforma i dati dell' utente nel markup della pagina XHTML MP, quando necessario, e li trasmette sul video del dispositivo mobile. Torna su

XHTML MP non supporta scripting lato client

In WML è possibile utilizzare un linguaggio di scripting lato client chiamato WMLScript, il quale è molto simile al JavaScript. Uno degli usi più comuni del WMLScript è il controllo dei dati inseriti da un utente.

Attualmente questo linguaggio lato client non è disponibile in XHTML MP. L' alternativa è quella di affidarsi all'elaborazione lato server. Per esempio, invece di validare i dati dell'utente sul dispositivo wireless, gli stessi dati possono essere inviati al server affinchè possano essere processati. Se i dati non sono stati scritti correttamente, (per esempio al di fuori di un intervallo valido o inesistenti in alcuni campi), il server può effettuare un redirect ad un' altra pagina XHTML MP per correggere i dati.

I dispositivi mobili supportano un linguaggio di scripting lato-client chiamato ECMAScript Mobile Profile (ESMP), il quale è stato pensato per poter interagire con l' XHTML MP. Esso supporta tutte le funzionalità di WMLScript. Torna su

XHTML MP non supporta la configurazione dei tasti rapidi

Le softkeys,presenti in un qualsiasi dispositivo mobile, sono una caratteristica importante del WML.

Piccola precisazione circa le softkey. Con l' aumentare delle funzioni e delle interfacce grafiche presenti nei dispositivi portatili, è stato necessario introdurre dei tasti (di solito due o più) la cui funzione variasse in relazione al contesto in cui ci si trova o in cui si vuole accedere.

Senza voler fare pubblicità gratuita a nessuno, le "softkeys" sono state introdotte dalla Nokia e solitamente sono situate immediatamente sotto il display dell' apparecchio. Premendo uno di essi, si indica al sistema di eseguire un' azione programmata dal software (accedere ad un' area, inviare una email, rispondere ad una email, attivare la fotocamera, annullare un' azione ecc...)

Tornando al nostro tutorial, il tag <do> del WML è usato per programmare le softkeys.

Gli utenti possono selezionare le opzioni, a seconda dell' azione che devono svolgere, più usate di frequente premendo il tasto destro o sinistro presente sul dispositivo mobile.

Non è possibile programmare le softkeys in XHTML MP. Una alternativa è quella di usare l' attributo "accesskey". L'attributo "accesskey" è usato per specificare una scorciatoia da tastiera. I tag àncora ed i pulsanti di invio (submit) supportano l' attributo accesskey. Di seguito un esempio:

<a accesskey="1" href="/pag1.xhtml">Lezioni XHTML MP Parte 1</a>
<a accesskey="2" href="/pag2.xhtml">Lezioni XHTML MP Parte 2</a>
<a accesskey="3" href="/pag3.xhtml">Lezioni XHTML MP Parte 3</a>

Se l'utente preme il tasto "1" il browser WAP andrà direttamente alla "pag1.xhtml".

Con l'attributo accesskey, l' utente può innescare un' azione con un solo scatto in una pagina XHTML MP. Questo comportamento è simile a ciò che può essere realizzato dalle softkeys.

La proprietà "wap-accesskey" trattata nel "WAP CSS" può essere usata come alternativa all' attributo accesskey.

Su alcuni browsers WAP Nokia, tutti i tag àncora ed i pulsanti di invio che hanno una scorciatoia da tastiera contraddistinta dall' attributo accesskey, sono inclusi automaticamente nel menu delle opzioni. Gli utenti possono accedere alle opzioni del menu premendo la softkey di sinistra (o destra).

L' etichetta di un link àncora, nelle opzioni del menu, è un semplice testo racchiuso tra i tag <a> e </a>. Per le immagini alle quali è associato un link ed i pulsanti di invio, le etichette, tra le opzioni del menu, sono contrassegnate dall' attributo "alt" per le immagini e dall' attributo "value" per il tag <input> . Di seguito un esempio:

<a accesskey="1" href="/pag1.xhtml">Lezioni XHTML MP Parte 1</a><br/>
<a accesskey="2" href="/pag2.xhtml"><img src="/imm.gif" height="30" width="30" alt="Lezioni XHTML MP Parte 2" /></a><br/>
<form action="pag_xhtml_tutorial.asp" method="get">
<p>
Quale parte del tutorial XHTML MP preferisci?<br/>
<input type="text" name="tutorial" title="Pubblica" /><br/>
<input accesskey="3" type="submit" value="Invia Dati" />
</p>
</form>

Nel codice appena scritto, il testo in grassetto diviene l' etichetta tra le opzioni del menu. L' etichetta è "troncata" se è troppo lunga. Torna su

XHTML MP non supporta il tag <u> per la sottolineatura

In WML il tag <u> è utilizzato per sottolineare una frase o parte di essa.

Tale tag non esiste in XHTML MP. Per sottolineare delle parole, si deve usare la proprietà "text-decoration" del WAP CSS. Per esempio, se si volesse sottolineare un titolo contraddistinto dal tag h1, si deve scrivere la seguente dichiarazione in un foglio di stile WAP CSS, oppure nella pagina XHTML:

h1 {
text-decoration: underline
}

Tale sintassi non è per nulla diversa da quella utilizzata dai fogli di stile utilizzati per le pagine web. Torna su

XHTML MP non supporta l' attributo format per i campi di testo

In WML si può specificare un valore per l' attributo <format> di un elemento di "input" per restringere il tipo ed il numero dei caratteri che un utente può scrivere in un campo di testo.

In XHTML MP, l' attributo "format" è stato eliminato dall' elemento "input". L' alternativa è usare la proprietà "wap-input-format" presente in WAP CSS. La proprietà "wap-input-format" è come una maschera di input che ha la stessa sintassi dell' attributo "format". Per esempio, per restringere l' immissione nei campi di testo e fare in modo che in essi si debbano inserire solo 5 caratteri numerici, si può scrivere la seguente dichiarazione attraverso il WAP CSS nella pagina XHTML:

input {
-wap-input-format: "5N"
}

Torna su

In WML, l'invio dei dati dell'utente al server avviene mediante i link àncora, come il seguente:

Il tuo nome?
<input name="nome"/><br/>
Quale parte del tutorial XHTML MP ti ha interessato di più?
<input name="tutorial"/><br/>
<anchor>
<go method="get" href="/pag_xhtml_tutorial.asp ">
<postfield name="name" value="$(name)"/>
<postfield name="tutorial" value="$(tutorial)"/>
</go> Invia dati
</anchor>
</p>

XHTML MP non supporta l' invio dei dati con i link àncora; devono essere utilizzati, invece, i pulsanti di invio. Il successivo codice XHTML MP esegue la stessa azione del precedente. Ulteriori particolari circa l'invio dei dati al server saranno trattati in una delle prossime lezioni del seguente corso.

<form action="pag_xhtml_tutorial.asp " method="get">
<p>
Il tuo nome?<br/>
<input name="nome"/><br/>
Quale parte del tutorial XHTML MP ti ha interessato di più?<br/>
<input name="tutorial"/><br/>
<input type="submit" value=" Invia dati"/>
</p>
</form>

Torna su

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati