WAP - Aplicaciones Informticas I WAP (WIRELESS APPLICATION PROTOCOL)

WAP es un protocolo basado en los estndares de Internet que ha sido desarrollado para permitir a telfonos celulares navegar a travs de Internet. Con la tecnologa WAP se pretende que desde cualquier telfono celular WAP se pueda acceder a la informacin que hay en Internet as como realizar operaciones de comercio electrnico. WAP es una serie de tecnologas que consisten en: WML, que es el lenguaje de etiquetas, WMLScript es un lenguaje de script, lo que vendra a ser JavaScript y el Wireless Telephony Application Interface (WTAI) Las caractersticas principales de WML son: 1. Soporte para imgenes y texto, con posibilidad de texto con formato. 2. Tarjetas agrupadas en barajas. Una pagina WML es como una pgina HTML en la que hay una serie de cartas, al conjunto de estas cartas se les suele llamar baraja. 3. Posibilidad de navegar entre cartas y barajas de la misma forma que se navega entre pginas Web. 4. Manejo de variables y formularios para el intercambio de informacin entre el telfono celular y el servidor. WML es un lenguaje de marcas similar al HTML. WML es compatible con XML 1.0. Las pginas WML son llamadas barajas ya que estn compuestas por cartas, un navegador WAP, solo puede mostrar una carta al mismo tiempo.

SINTAXIS DE WML
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 carcteres 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"?>

JoshuaCompany
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 inicio. <etiqueta> Inicio </etiqueta> Fin Y las etiquetas que no contienen elementos que tienen el siguiente formato: <etiqueta/>

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 "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="t1" title="Tarjeta 1"> - <p>Hola mundo !</p> </card> </wml>

Vamos a explicar detenidamente el ejemplo: <?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 "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> 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"

WAP - Aplicaciones Informticas I

<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... 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 version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.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>

JoshuaCompany 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 Tambin hay que resear que aunque indiquemos el conjunto de carcteres que vamos a emplear, existen algunos que no pueden escribirse directamente como son los siguientes: &#34; " Comillas

&#38; & Ampersand &#39; ' Apstrofe

&#60; < Menor que &#62; > Mayor que &#16 0; Espacio fijo

<?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="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 <em> <strong> <i> <b> <u> Etiqueta cierre </em> </strong> </i> </b> </u> Significad o Enfatizado Fuerte Cursiva Negrita Subrayado

WAP - Aplicaciones Informticas I

<big> <small> </big> </small> Grande Pequeo

<?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="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 "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.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>

JoshuaCompany
</card> </wml>

WAP - Aplicaciones Informticas I

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. 4. <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. <refresh>...</refresh> Refresca el contenido de la tarjeta actual, volvindola a pedir al servidor.

<?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="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>

JoshuaCompany
</card> </wml>

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 mas completa y <a> es mas sencilla de usar. As que empezaremos por la etiqueta <a> para pasar luego a </anchor> 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 esta 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

WAP - Aplicaciones Informticas I

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" alt="WebEstilo" vspace="2" hspace="3" height="50" weight="120"/>