PDF de programación - Lenguajes de marcado para Independencia Web de dispositivo

Lenguajes de marcado para

Independencia Web de dispositivo

Manrique López <[email protected]>

Resumen

Tradicionalmente, a la Web se ha podido acceder a través de un PC de escritorio,
pero desde hace ya años es posible consultarla por medio de otros dispositivos,
como los teléfonos móviles. Ésto ha sido posible gracias al desarrollo de estándares
de marcado para el contenido Web que se sirve a estos aparatos, sin embargo, la
diversidad de dispositivos y sus capacidades ha provocado la evolución de estos
estándares. Por eso, resulta interesante analizar esta evolución mostrando al final
qué tendencias y desarrollos se están llevando a cabo.

Palabras clave

estándares, web, movilidad, W3C, Web Móvil, XHTML, XML, WML, XHTML Basic, XHTML Mobile
Profile, DIAL
Introducción

Miles de dispositivos móviles con una amplia gama de características se usan hoy en día. La gente
espera la misma calidad de servicio y riqueza de la información disponible cuando está en movimiento
de la misma forma que la encuentran en la Web en sus ordenadores de sobremesa.

Esta diversidad supone retos significativos a los diseñadores Web y operadores móviles del mismo
modo. ¿Cómo se puede crear contenido para más de 2.500 tipos diferentes de dispositivos móviles?
¿Cómo pueden ofrecer los operadores este contenido de forma que sea eficiente y satisfactorio para
el cliente?

Una de las claves de la Web es el desarrollo del hipertexto como medio para representar los
documentos, y los lenguajes de marcado como medio para generar hipertexto. Por eso, se han
desarrollado lenguajes específicos para contextos de uso particulares como móviles o dispositivos
especiales, donde la Web no puede ser representada de igual manera que en un PC de escritorio.
WML, el principio

En el año 1994, la empresa Openwave desarrolló un lenguaje de marcado para servir contenidos a
través de Internet a dispositivos móviles, se llamaba Handheld Device Mark-up Language (HDML).
Este lenguaje estaba inspirado en HTML introduciendo algunas características específicas enfocadas
a teléfonos móviles y teniendo en cuenta el escaso ancho de banda (introduciendo el concepto de
baraja (deck) y cartas (card).

Posteriormente, Openwave se unió a otras compañías del sector (Nokia, Motorola, etc.), para crear un
estándar global. Esta unión se conoció como WAP Forum (hoy conocida como Open Mobile Alliance
(OMA), y de ella nació el Wireless Application Protocol (WAP) y el Wireless Markup Language (WML)
[XHTML-MP_History].

WML es un lenguaje basado en XML utilizado para crear páginas para cualquier dispositivo basado
en tecnología WAP, principalmente para teléfonos móviles, creado por la OMA en 1999 [WML].

Además de WML, el
lenguaje de marcas para la creación de páginas, la tecnología WAP está
formada también por el lenguaje de script WMLScript y por WTAI (Wireless Telephony Application
Interface), un API de funciones disponible en dispositivos WAP que pueden ser invocadas desde
WML y WMLScript.

WML soporta imágenes en formato WBMP, aunque ciertos dispositivos soportan más formatos

1

Lenguajes de marcado para
Independencia Web de dispositivo

gráficos y texto al que se puede aplicar formato.

Los documentos WML se denominan barajas (deck) y pueden contener varias cartas (cards). Una
carta se corresponde con la información presentada de una vez en la pantalla del dispositivo. Al
acceder a un documento WML disponible en un servidor, se visualizará una de las cartas. Todas las
cartas de la baraja estarán en memoria, por lo que el cambio de carta dentro del documento,
utilizando la interfaz del navegador (o micro-browser, en la terminología WAP), no implica un
intercambio entre éste y el servidor.

Ejemplo 1. Ejemplo de 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="carta1" title="CARTA 1">

Esto es una carta.

</p>
<p><a href="#carta2">Pulsa aqui para acceder a otra carta</a></p>

</card>
<card id="carta2" title="CARTA 2">

Esto es otra carta.

<p>

<p>

</p>
</card>

</wml>

Existen varias versiones de WML (1.1, 1.2, 1.3, 2.0,…) y de WMLScript (1.0, 1.1, 1.2, 1.3) en el
parque actual de dispositivos móviles, lo cual puede complicar la adaptación de contenidos en cierta
medida.

WML ha sido diseñado pensando en cómo proporcionar servicios a los teléfonos móviles básicos, y
no pensando en distribuir información a través del canal Web. Por eso no se recomienda su uso para
servir información, puesto que no aprovecha todo el potencial disponible a través de los perfiles de
dispositivo o de las preferencias del usuario de los distintos dispositivos.

Una de las desventajas de WML es que obliga a los creadores de contenidos Web a aprender un
lenguaje diferente del tradicional HTML, y por eso se desarrolló hacia una convergencia con este
último. De esta manera, nació a través del W3C la propuesta del estándar XHTML Basic y a través de
la OMA del XHTML Mobile Profile que se comentan a continuación.
XHTML Basic 1.0

Es un subconjunto de XHTML, que incluye un conjunto de módulos considerado mínimo, diseñado
para clientes Web que no puedan soportar el conjunto completo de características de XHTML (por
ejemplo, teléfonos móviles, PDAs, set-top boxes y paginadores). El DTD de XHTML Basic está
implementado utilizando el concepto de módulo XHTML, tal y como se define en el documento
“Modularization of XHTML” de W3C [XHTMLMOD]. Este tipo de documento es suficientemente rico
para la autoría de contenidos e incluye imágenes, formularios, soporte básico de tablas y soporte de
objetos.

Estructura

Texto

<body>, <head>, <html>, <title>,

<abbr>, <acronym>, <address>, <blockquote>, <br>, <cite>,
<code>, <dfn>, <em>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <kbd>,
<p>, <pre>, <q>, <samp>, <span>, <strong>, <var>

Hipertexto

<a>

2

Lenguajes de marcado para
Independencia Web de dispositivo

Listas

<dl>, <dt>, <dd>, <ol>, <ul>, <li>

Formularios básicos

<form>, <input>, <label>, <select>, <option>, <textarea>

Tablas básicas

<caption>, <table>, <th>, <td>, <tr>

Imágenes

Objetos

Metainformación

Enlace

Base

<img>

<object>, <param>

<meta>

<link>

<base>

XHTML Basic está diseñado como una base común que puede ser extendida con módulos totalmente
nuevos o con módulos no incorporados inicialmente al lenguaje (por ejemplo, el módulo de Scripting,
que no forma parte de XHTML Basic a día de hoy).

Las características de XHTML que no están presentes o están presentes parcialmente en el
subconjunto XHTML Basic son:

• Hojas de estilo: No existe el elemento <style>. Se recomiendan hojas de estilo externas, que
pueden ser incluidas mediante el elemento <link>. Los elementos <div> y <span> y el atributo
class son soportados para asociar información de estilo con la estructura. Se soporta también el
atributo media para seleccionar las hojas de estilo apropiadas.

• Scripts y eventos: No están soportados los elementos <script> y <noscript>. Se ha
considerado que, al estar XHTML Basic orientado a pequeños dispositivos con poca memoria y
capacidad de procesamiento, no tiene sentido permitir la ejecución de programas mediante
scripting. Es importante tener en cuenta que los contenidos deben estar diseñados para que sean
legibles sin la ejecución de scripts. Tampoco hay soporte en el lenguaje para atributos asociados a
manejadores de eventos (que son utilizados en definitiva para invocar código de scripts).

• Presentación: Se considera que muchos de los clientes Web no pueden mostrar fuentes que no
texto bidireccional, en negrita y otros elementos para

sean monoespaciadas, por lo que el
extensión de texto no están soportados.

• Formularios: Se soportan formularios XHTML básicos. Puesto que solamente aquellos dispositivos
con un sistema de ficheros local pueden utilizar elementos <input> de los tipos file e image, y
los dispositivos móviles más simples no disponen de sistema de ficheros local, éstos no están
incluidos en los formularios básicos. Los desarrolladores de contenidos deberían tener en cuenta
también que el usuario no podrá introducir ciertos tipos de caracteres desde ciertos dispositivos con
mecanismos de entrada de datos limitados.

• Tablas: Existe soporte de tablas XHTML básicas, pero se considera que las tablas pueden ser
complicadas de mostrar en pequeños dispositivos. En concreto, hay que reseñar que en este
lenguaje está prohibido el uso de tablas anidadas. La recomendación de W3C sobre XHTML Basic
sugiere, a su vez, seguir las pautas WCAG 1.0 para crear tablas accesibles ([WCAG]).

• Frames: No hay soporte de frames, al considerar que dependen de una interfaz de pantalla que

puede no ser aplicable a pequeños dispositivos.

Un documento conforme a la recomendación XHTML Basic es aquel que incluye las características
consideradas obligatorias en la especificación. Estos documentos deben seguir todos los criterios
siguientes:

• El documento debe ser creado conforme a las restricciones expresadas en el Apéndice B de la
recomendación XHTML Basic [XHTML-Basic], que muestra los distintos DTDs útiles para la
especificación de documentos (el DTD SGML, el DTD XML y el DTD basado en modularización).

3

Lenguajes de marcado para
Independencia Web de dispositivo

• El elemento raíz del documento debe ser <html>.

• El elemento raíz del documento debe indicar el espacio nominal XHTML usando el atributo xmlns.

El espacio nominal para XHTML es http://www.w3.org/1999/xhtml.

• Debe haber una declaración DOCTYPE en el documento antes del elemento raíz. El identificador
público incluido en la declaración DOCTYPE debe hacer referencia a la DTD comentada usando el
Identificador Formal Público correspondiente. El
identificador del sistema puede ser modificado
apropiadamente para reflejar convenciones de rango local.

Ejemplo 2. Declaración DOCTYPE para un fichero XHTML Basic

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-basic10.dtd">

• El subconjunto del DTD no