Tutorial bsico de Wireless Markup Language

WML es un lenguaje de marcas comprendido dentro del estndar XML 1.0, esto conlleva que WML debe cumplir con la sintaxis de XML 1.0. Vamos a describir brevemente los rasgos ms importantes de esta sintaxis.

Sensible a maysculas/minsculas
Todos los elementos de WML son sensibles a maysculas/minsculas, esto incluye las etiquetas, los atributos, los identificadores, las variables...

El conjunto de caracteres admisibles por WML

El conjunto de carcteres definido por defecto es el ISO/IEC-10646 que es el mismo que el Unicode 2.0 WAP soporta los siguientes subconjuntos de Unicode: 1. UTF-8 2. ISO-8859-1 o ISO Latin-1 3. UCS-2

Se definen en la etiqueta <?xml version="1.0" encoding="UTF-8"?>

Etiquetas
Todas las etiquetas en WML se escriben en minsculas. Hay dos tipos de etiquetas, las contienen elementos, para lo cual hay una etiqueta de inicio y otra de fin. Los atributos de las etiquetas han de ir siempre en la etiqueta de incio.
<etiqueta> Inicio </etiqueta> Fin Y las etiquetas que formato: <etiqueta/>

no

contienen

elementos

que

tienen

el

siguiente

Comentarios Los comentarios al igual que en HTML tienen el siguiente formato:

<!-- Comentario -->

Un ejemplo sencillo Hola mundo Para comprender mejor como funciona una pgina WAP vamos a hacer un sencillo ejemplo en el que mostraremos el mensaje "Hola mundo".
<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD WML 1.1//EN" "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Tarjeta 1"> -<p>Hola mundo !</p> </card> </wml>

El ejemplo se resume a partir de las siguientes sentencias:

<?xml version="1.0"?>

Indica que es un documento XML de versin 1.0 por lo tanto cumple todas las restricciones y reglas de los documentos XML.
<!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD "http://www.midominio.org/DTD/wml_1.1.xml"> WML 1.1//EN"

Indica el tipo de documento XML y donde localizar la especificacin del tipo de documento.
<wml>

Indica que comienza un pgina WML.

<card id="t1" title="Tarjeta 1">

Indica que comienza una tarjeta que tiene como identificador "t1" y cuyo ttulo es "Tarjeta 1"
<p>

Indica que comienza un prrafo de texto. A diferencia de HTML esta etiqueta es obligatoria si queremos escribir texto, adems debe cerrarse con la correspondiente </p>

Hola Mundo ! Este es el texto que aparecer en nuestro navegador.

</p>

Como sealamos anteriormente, con esta etiqueta indicamos que el prrafo ha terminado y no vamos a escribir ms texto dentro de este prrafo.
</card>

Fin de la tarjeta.
</wml>

Fin de la pgina WML

Barajas y cartas
A las pginas WML se les suele llamar barajas porque estn compuestas por cartas. Una carta es la unidad de informacin que un navegador WAP puede mostrar. El navegador nos permite pasar de una carta a otra dentro de la baraja para as poder acceder a todas las cartas.

Baraja
Una baraja de cartas se marca con las etiquetas <wml> ...</wml>dentro de estas marcas irn todas las cartas de la baraja. Puede contener las etiquetas head,template y es obligatorio que al menos tenga una etiqueta card.

Carta
Una carta es la unidad de informacin que se muestra en un navegador WAP, una carta puede contener texto, campos de datos, enlaces, etc. La etiqueta es <card> ... </card> y algunos de los atributos son title que nos permite indicar el ttulo de la carta, id que nos proporciona una manera de identificar la carta. El atributo id es comn para todos las etiquetas WML y nos permite identificar un elemento dentro de un documento WML.
<?xml <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Tarjeta 1"> -<p>Hola mundo !</p> </card> <card id="t2" title="Otra tarjeta"> - <p>Bienvenido</p>
</card> </wml>

version="1.0"?> WML 1.1//EN"

Texto
El texto debe ir entre las etiquetas <p>... </p> ya que as est definido en el DTD de WML. Podemos incluir saltos de lnea con la etiqueta <br/>. La etiqueta <p> puede llevar los siguentes atributos: 1. align="" Puede contener los valores left, right y center. Indica la alineacin del texto. Por defecto es left. 2. mode="" Puede ser warp o nowrap. warp significa que el texto puede ir en varias lneas y nowrap quiere decir que el texto no puede ser roto en varias lneas. Por defecto es warp. A su vez, existen caracteres que no son imprimibles en WML por los navegadores, por ejemplo los que se muestran a continuacin, de manera que se definen las equivalencias en la siguiente tabla para que sean imprimibles. &#34; &#38; &#39; &#60; &#62; &#160; " Comillas

& Ampersand ' Apstrofe

< Menor que > Mayor que Espacio fijo

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD WML 1.1//EN" "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Tarjeta Texto"> - <p>Esto es un <br/>ejemplo<br/> de &#34;texto&#34;.</p> </card> </wml>

Formato de texto
Aunque los navegadores WAP estn muy limitados en lo referente al apartado visual podemos hacer algunos efectos en el texto. Estas son las etiquetas para dar formato al texto:

Etiqueta apertura Etiqueta cierre Significado

<em> <strong> <i> <b> <u> <big> <small> </em> </strong> </i> </b> </u> </big> </small>

Enfatizado Fuerte Cursiva Negrita Subrayado Grande Pequeo

Ejemplo:
<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD WML 1.1//EN" "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Formato de texto"> - <p>Esto es un <i>texto</i> con algo de <b>formato</b> para - ver como <u>funciona</u>.</p> </card> </wml>

Tablas
En WML tambien se pueden hacer tablas, aunque estas estn mucho ms limitadas que en HTML. En WML no se puede poner tablas dentro de tablas y se debe especificar el nmero de columnas en la etiqueta <table> Atributos de la etiqueta<table>: 1. columns=numero. Con este atributo ponemos el nmero de columnas que tendr nuestra tabla, es obligatorio ponerlo. 2. title="". Titulo de la tabla, puede ser representado o no por el navegador. 3. align="". Con este atributo se especifica la alineacin de las columnas dentro de la tabla. C significa centrado, L alineado a la izquierda y R alineado a la derecha. Se escribe una letra por cada columna, de manera que CCR, significara que la primera y segunda columnas van centradas y la tercera alineada a la derecha. Por cada columna pondremos una etiqueta <tr>...</tr> y por cada celda una etiqueta<td>...</td> tal y como se hace en HTML. Salvo que en WML las etiquetas <tr> y <td> solo pueden llevar los atributos genricos de todas las etiquetas.

<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Tablas"> - <p> - <table columns="3"> <tr> - <td>Dato 1</td> - <td>Dato 2</td> - <td>Otro dato</td> </tr> <tr> - <td>4</td> - <td>5</td> - <td>6</td> </tr> </table> - </p> </card> </wml>

WML

1.1//EN"

Eventos y tareas
Los eventos y las tareas nos proporcionan un mecanismo para realizar acciones sobre las tarjetas, permitindonos navegar entre tarjetas y construir pequeos interfaces para dar ms funcionalidad a las pginas. El ms importante de todos es quizs en elemento <do>, ya que nos permite asignar una tarea sobre una accin. La etiqueta <do> puede contener uno de las siguientes tareas, <go>, <prev>, <noop>,<refresh> que indican la accin se realiza sobre la etiqueta. Los atributos ms importantes que contiene la etiqueta <do> son:
type="", label="" y name="".

1. type="". indica sobre qu botn del navegador se aplica la accin, las ms comunes son "accept", "prev" y "help". 2. label="". Texto que aparece asociado a la accin. 3. name="". Nombre de la accin, es imprescindible si vamos a asignar ms de una accin a un mismo tipo. El contenido de la etiqueta <do> es la tarea que se realizar al seleccionar esa accin, y estas tareas pueden ser: 1. 2. 3.
<go href=""/> Permite ir a la direccin indicada en el atributo href. <prev/> Permite ir a la tarjeta anterior, en la historia del navegador. <noop/> Es una accin que no realiza nada.

4. <refresh>...</refresh> Refresca el contenido de la tarjeta actual, volvindola a pedir al servidor. Ejemplo:

<?xml <!DOCTYPE wml PUBLIC "-//MIDOMINIO//DTD "http://www.midominio.org/DTD/wml_1.1.xml"> <wml> <card id="primera" title="Eventos"> - <do type="accept" label="dos" name="dos"> - <go href="#segunda"/> - </do> - <do type="accept" label="tres" name="tres"> - <go href="#tercera"/> - </do> - <do type="accept" label="nada" name="tres"> - <noop/> - </do> - <p>Primera tarjeta</p> </card> <card id="segunda"> <p>Segunda tarjeta</p> </card> <card id="tercera"> <p>Tercera tarjeta</p> </card> </wml> version="1.0"?> WML 1.1//EN"

Enlaces (Links)
Al igual que en HTML podemos seleccionar parte de un texto o una imagen y que este sea un enlace a otra pgina o que realice una tarea. Para realizar esto existe dos etiquetas <anchor>...</anchor> y<a>...</a>. <anchor> es ms completa y <a> es ms sencilla de usar. La etiqueta <a>...</a> nos permite seleccionar un texto o imagen y hacer que sea un enlace a otra pgina, de una manera muy similar a la etiqueta <a>...</a> de HTML. Contiene el atributo href en el cual ponemos la URL a donde nos llevar el enlace.
<a href="#tarjeta2">Ir a tarjeta 2</a>

Con la etiqueta </anchor>...<anchor> podemos adems de indicar que se realice una accin al activar el enlace. Las acciones que podemos incluir son: 1. <go href=""/> Permite ir a la direccin indicada en el atributo href. 2. <prev/> Permite ir a la tarjeta anterior, en la historia del navegador. 3. <refresh>...</refresh> Refresca el contenido de la tarjeta actual, volvindola a pedir al servidor.
<anchor> Ir a la tarjeta anterior. <prev/> </anchor> <anchor> Ir a la tarjeta 2 <go href="#tarjeta2"/> </anchor>

Imgenes
El uso de imgenes en las navegadores WAP est limitado, pero aun as es posible poner imgenes en dichas pginas. La etiqueta para poner imgenes en las pginas WAP es <img/>, con ella podemos poner una imagen e indicar un texto alternativo por si nuestro navegador WAP no es capaz de representar dicha imagen. La etiqueta <img/> tiene los siguientes atributos: 1. alt="". Texto alternativo que se visualiza si nuestro navegador no es capaz de visualizar la imagen. 2. src="". URL de la imagen. Normalmente esta ha de estar en formato .wbmp 3. vspace="numero". Espacio vertical en blanco entre la imagen y el resto de la pgina. 4. hspace="numero". Espacio horizontal en blanco entre la imagen y el resto de la pgina. 5. Align="". Puede ser top, middle o bottom indica la alineacin de la imagens con respecto al texto. o top. Alineado a la parte superior. o middle. Alineado al centro. o bottom. Alineado con la parte inferior del texto. 6. height="numero". Altura de la imagen.

7. weight="numero". Anchura de la imagen.

<img src="WebEstilo.wbmp" height="50" weight="120"/> alt="WebEstilo" vspace="2" hspace="3"

Tipos MIMES
Para que el servidor de HTTP sepa que debe servir las pginas *.wml como pginas WAP debemos indicrselo, de lo contrario el servidor responder como que el tipo de fichero es de texto. Para decirle al servidor que las pginas de extensin wml con pginas WAP existen los tipos MIME, con estos tipos indicamos al servidor como se debe comunicar con el cliente cuando le solicitan una pgina wml. La configuracin de tipos MIMES, si su servidor no est configurado ya, es la siguiente: Contenido WML Source Compiled WML WMLScript source Tipo MIME text/vnd.wap.wml Application/vnd.wap.wmlc text/vnd.wap.wmlscript Extensin wml wmlc wmls

Compiled WMLScript Application/vnd.wap.wmlscriptc wmlsc Wireless Bitmap image/vnd.wap.wbmp wbmp

Ms recursos en: http://tutorialspoint.com/wap/htm