Siti web per cellulari e pda wap

  •  Costruire e rendere compatibili siti web per cellulari, PDA e devices mobili con le specifiche WAP e XHTML. Esperienza e impressioni d'uso. del
  • , aggiornata al
  • , di
  • in

Da alcuni giorni mi sto dedicando alla costruzione di siti web per cellulari , pda e apparecchiature mobili. Qui voglio mettere in comune alcune mie esperienze sulla costruzione di siti web per cellulari. Se hai consigli da dare in merito, scrivili nei commenti.

Il sito proprietaricasa.org in versione wap e pda

In questa immagine puoi vedere come si presenta uno dei miei siti, rivisto per poter essere compatibile con il simulatore di mobile device della Nokia.

C'è da dire che vedere un sito web su cellulare per me è una esperienza frustrante. Non hai libertà di manovra. Tutto è rimpicciolito alle dimensioni di un francobollo o poco più. La linea è lenta e i costi di connessione sono in genere più alti. Tuttavia non è sempre possibile avere dietro un personal computer desktop o un computer portatile. Così la comodità di un PDA tascabile può fare la differenza quando si è in viaggio o fuori sede e si ha necessità di accedere ad informazioni altrimenti non disponibili.

Rendere le pagine web conformi agli standard dettati dal W3C non è sempre così semplice come può sembrare, se si parte da un sito già costruito per html o xhtml, perché le regole di definizione dei tag possono cambiare in modo più restrittivo.

E' bene fare riferimento al sito web del W3C. In particolare questi link : //www.w3.org/Mobile/ e XHTML basic possono essere dei punti di riferimento importanti per iniziare a costruire o a trasformare siti web nelle versioni per cellulari e pda.

Così ho voluto provare a rendere uno dei miei siti web amatoriali, compatibili con i telefoni cellulari. Sono andato sul sito della Nokia e ho scaricato il SDK, simulatore web di cellulare e il Nokia gateway per poter testare le mie pagine web. Mi sono studiato un po' di XHTML Basic sul sito del W3C e ho cominciato a fare prove su prove con il php e con Movable Type per arrivare a scrivere un po' di codice XHTML funzionante.

Dopo diversi tentativi di prove con l'encoding dei caratteri e il content type, ho messo giù una pagina XHTML semplice, semplice, con un link ad un foglio di stile CSS per vedere come si vedeva il mio sito sul simulatore di cellulare della Nokia. Una vera schifezza! Non si vede niente, occorre scrollare un casino, poi i link di navigazione sono in genere disposti uno sopra l'altro perché il display è più stretto. Ci vuole molta abilità e capacità di sintesi nel progettare pagine web per cellulari.

Qui, comunque, hai come esempio il codice PHP / Xhtml che ho usato per creare l'head del file di inizializzazione e configurazione.

<?php if(!headers_sent()) {header('Content-Type: application/xhtml+xml; charset=UTF-8');} else {header('Content-Type: application/xhtml+xml; charset=UTF-8', true);}print "<?xml version=\"1.0\" encoding=\"";?>UTF-8"<? print "?>"; ?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "//www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>Il titolo del sito</title>
<meta name="description" content="Descrizione sito" />
<meta name="keywords" content="parole chiavi" />
<link rel="stylesheet" href="Url del file di stile.css" type="text/css" />
</head>
<body>
</body>
</html>

Se si usa il PHP, bisogna controllare che la codifica dei caratteri inviata al browser del cellulare sia quella giusta, in genere UTF-8. Inoltre bisogna controllare il content type del documento che dovrebbe essere application/xhtml+xml per la compatibilità con le specifiche wap 2.0 o per quelle XHTML Basic 1.1, ma si puo' sostituire con text/html per la compatibilità con i comuni browser.