Easy-Micro

TECHNIQUE Web Mobile
WML

Les langages WML et XHTML pour site WAP 1.1 et 2.0

Le Wap (Wireless Application Protocol) est un protocole de communication sans fil destiné à faciliter l'accès à Internet sur les terminaux mobiles.

Il existe aujourd'hui deux formats WAP :
◊ le WAP 1.1 qui utilise le langage WML
◊ le WAP 2.0 qui utilise le XHTML

WAP Site au format Wap 2.0 (Langage XHTML)
Le XHTML est le langage utilisé par un site Wap pour les téléphones compatibles Wap 2.0. Il peut aussi être visible sur des PDA. Les avantages par rapport à un site Wap 1.1 sont énormes! Possibilités d'afficher des images Gif, de la couleur, des liens externes, pas de contrainte de langage spécifique... bref, que du bonheur. De plus, un site XHTML est directement visible sur votre navigateur actuel. Voici la structure type d'un site Wap 2.0 :

Exemple de site WAP :
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<link href="monstyle.css" rel="stylesheet" type="text/css"/>
<title>Easy-Micro.org</title>
</head>
<body>
<div><img src="images/monlogo.gif" alt="Easy-Micro.org" /></div>
<div><a href="texte1.php">Montexte1</a><br/>
<a href="texte2.php">Montexte2</a></div>
<div>Site réalisé par <a href="http://www.easy-micro.org/">Easy-Micro</a></div>
</body></html>

XHTML Mobile vs XHTML Basic
Est utilisé ci-dessus le langage XHTML Mobile, qu'il est préférable d'utiliser au XHTML Basic, lui aussi destiné à l'implémentation par les mobiles et PDA mais aux capacités de traitement réduite (pas d'éléments et attribut style par exemple). Dans la pratique, les mobiles implémentent majoritairement XHTML Mobile, une spécification issue d'XHTML Basic, mais légérement étendue, créée par l'Open Mobile Alliance. Par exemple, l'élément <style>, exclu d'XHTML basic, a été réintégré dans XHTML Mobile, car il était en fait largement implémenté par les navigateurs mobiles.
Sources: Forum.alsacreations.com

Exemple de code XHTML Basic
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org / TR / xhtml-basic / xhtml-basic11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang="fr">
<body>...


WAP Easy-Micro Les contraintes du Wap 2.0
Les écrans d'affichage des portables sont encore aujourd'hui minuscules par rapport aux écrans d'ordinateur. La taille des écrans en moyenne avoisine les 100 pixels de haut sur 60 pixels de large, soit 5 lignes avec 13 caractères par lignes. Abandonnez donc vos prétentions littéraires... L'information transmise devra être brève et concise !

WAP Site au format WAP 1.1 (Langage WML)
Pour créer un site Wap 1.1, vous devez d'abord découvrir les secrets du langage WML (Wireless Markup Language), un langage de mise en forme directement issu du XML (eXtended Markup Language). Le WML est régit par le Wap Forum (Open Mobile Aliance), une association de compagnies dont Ericsson, Motorola, Nokia... et qui a comme objectif d'élaborer des standards pour la technologie du Wap et son langage le WML. Le Wap Forum est donc au WML ce que le World Wide Web Consortium (W3C) est au HTML. Le Wap est disponible sur tous les téléphones compatibles Wap à la condition que vous ayez choisis de souscrire ce service chez votre opérateur.

Un document WML n'est pas appelé "page" mais Deck (Paquet en français). Une page Wap (un deck wap donc:-) doit être enregistrée sous l'extention ".wml", soit "mondeck.wml". Du fait de la taille des écrans des téléphones portables, on ne pourra afficher qu'un petit fragment d'information et vu le débit proposé, il n'est pas concevable d'entreprendre une connexion téléphonique pour chacun de ces petits fragments (appelés des "cards"). Ainsi, la procédure adoptée par le Wap sera de charger un ensemble, un paquet de fragments, qui sera stocké dans la mémoire du portable. Les différents fragments seront appelés au cours de la consultation.

Les paquets WML reposent sur une structure fixe. Chaque paquet est composé de plusieurs sections intitulées Cards (ou Cartes en français). Celles-ci correspondent à autant de sous-rubriques, et vous pouvez aisément naviguer entre elles en exploitant leurs titres. Elles se comportent en fait comme les ancres (ou signets) d'un document HTML. Concrètement, une carte se déclare de la façon suivante :

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="macarte1" title="Titre1">
<p align="left">Mon texte1</p>
<p align="left"><a href="#macarte2">Voir Mon texte2</a></p>
</card>
<card id="macarte2" title="Titre2">
<p align="left">Mon texte2</p>
<do type="prev" label="Back"><prev/></do>
</card>
</wml>

L'attribut "id" de la balise "card" permet d'identifier chaque carte. Vous pouvez insérer autant de cartes que vous le souhaitez à condition de leur donner à toutes un id différent. Mais quoi qu'il arrive, ce sera toujours la première carte du paquet qui s'affichera en premier à l'écran.

WAP Pour réaliser cette page Wap, vous pouvez très bien vous contenter du Bloc-notes de Windows ou de SimpleText sur Macintosh. Vous n'aurez qu'à écrire vos balises et enregistrer vos pages sous le format WML. Mais attention, un site Wap n'est pas visible avec un navigateur normal! Pour avoir un aperçu de celui-ci, vous devez utiliser le navigateur de votre téléphone portable. Avant de consommer la totalité de votre forfait mobile sur les sites WAP, évaluez-le plutô sur votre machine grâce à un émulateur Wap. Les émulateurs Wap vont reproduire sur votre ordinateur le site WAP que vous consultez normalement à partir de votre téléphone portable.

• Émulateur Wap payant (environ 100 €): Wap Proof
• Émulateur Wap gratuit à télécharger: Klondike WAP Brother

◊ Navigateur Wap Shareware (30 jours): WinWap
◊ Navigateur Wap gratuit: Klondike WAP Browser

Les contraintes du WAP 1.1
Le langage WML possède son propre format d'image, adapté du format BMP : Le WBMP. Ce format n'accepte que 2 couleurs (noir et blanc), sans compression possible. Bref, c'est horrible! Si vous êtes, malgré tout, intéressé, il existe des plug-in pour les logiciels de retouche d'images (comme Paint Shop Pro ou Photoshop), qui permettent de convertir vos images au format WBMP. Citons, entre autres, Unwired, téléchargeable à l'adresse suivante : http://www.rcp.co.uk/distributed/Downloads


< Page précédente WEB MOBILE Page suivante >