WAP y el Wireless Markup Language

Un Estudio de Caso: WAP y el Wireless Markup Idioma

A medida que la Web se ha convertido en más omnipresente, los desarrolladores han empezado a buscar en otros dispositivos a utilizar para el acceso Web. En los últimos años, dispositivos portátiles e inalámbricos, tales como buscapersonas, teléfonos móviles y PDA se han convertido en parte integral de nuestra sociedad tecnológica. Es perfectamente lógico entonces, Webenable estos dispositivos. Ahí es donde entra en escena El WAP Wireless Application Protocol (WAP) que comenzó como una propuesta de la W3C - llamado el Computadora de manoDispositivo Markup Language (HDML) - En mayo de 1997 por una empresa llamada Unwired Planet. Casi un mes después, HDML fue asumida por el Wireless Application Protocol, que sacó de los elementos de ambas HDML y el dispositivo de mano Transport Protocol (HDTP) - creaciones de Unwired Planet. El grupo de empresas que trabajan con la nueva propuesta de WAP (incluyendo Ericsson, Motorola y Nokia, junto con Phone.com [anteriormente Unwired Planet]), consideró que debería ser basados en la telefonía y así creó el Foro WAP. El escurridizo HDML reapareció en WAP como el lenguaje de marcado inalámbrico (WML), que es lo que principalmente discutir en este artículo.

NotaWML parece ser un planteamiento provisional que será reemplazada en el largo plazo, mediante alguna forma de integración con XHTML, como se discute al final de este artículo. WML sigue siendo importante, como un archivo HTML como vocabulario XML, y probablemente será uno de los más objetivos comunes de transformación de información de la Web XHTML se convierte en WML para su entrega final a un teléfono celular. Enfoques Provisional tiene una manera de pegarse alrededor.

Elegir el emuladorAntes de empezar en la programación de un ejemplo de documento WML, necesita encontrar algo que te permiten ver lo que parece. Existen varios emuladores de WAP por ahí, pero es importante asegurarse de elegir la correcta.

Emuladores WAP

  

Gelon.Net 's Wapalizer (http://gelon.net/). Esta es la forma más fácil de los tres emuladores en esta lista para usar. Todo lo que tienes que hacer es hacer referencia a una URL en el archivo WML en el cuadro de entrada y haga clic en "Wapalize".

Descarga del Nokia WAP ToolkitPara descargar el Kit de herramientas Nokia WAP (versión 1.3 beta o superior), ir a la página del Foro Nokia (http://www.forum.nokia.com). Haga clic desarrolladores WAP y seleccionar la opción Formulario de Inscripción. Regístrate para el acceso del foro y selecciona Nokia WAP Developer Forum. Siga los enlaces para el Nokia WAP Toolkit y descargarlo. Si usted necesita un entorno de ejecución Java, que, además de instalar.

NotaSiéntase libre de utilizar el Wapalizer para sus ejemplos WML si usted está preocupado por el tamaño de la descarga de Nokia o de tener que registrarse en el foro de desarrolladores. Sólo recuerde que cuando escribo esto, hay varios problemas con la Wapalizer.

Nota Un articlemark no se considera añadido hasta que salga de cada célula. Después de escribir en su ubicación de URL, ficha de nuevo a la celda de nombre para completar la adición.

Crear un documento WMLPara iniciar el documento WML en primer lugar, haga clic en Archivo → Nuevo → WML Deck. El documento que se abre junto a la ventana es el modelo básico para cualquier documento WML. Los dos primeros elementos son el XML y las declaraciones de DOCTYPE. Un documento WML válido es un documento XML válido. Por consiguiente, tanto el XML y las declaraciones DOCTYPE son necesarios para cualquier documento WML. Esta sección del documento WML se conoce como la prólogo y se considera un error de omitir esta sección de su documento:


    

Una baraja de cartas La estructura de su documento WML gira en torno a la cubierta de un "de las tarjetas de" analogía. Cada documento WML singular es una cubierta, y cada tarjeta dentro de ese paquete contiene el contenido del documento y la navegación de la información. Piensa en una tarjeta como una capa DHTML o, si han utilizado alguna vez HyperCard de Apple, pensar en ello como una tarjeta en una pila HyperCard. ¿Qué capa se muestra en un momento dado depende del lugar donde el usuario decide hacer clic. El elemento siguiente después de que el prólogo es el elemento. Esta etiqueta se define el "WML" y encierra todas las "cartas" que figura en el documento. Una tarjeta se especifica mediante la elemento. Cada tarjeta tiene un identificador y atributo de título. Mientras que la ID es principalmente para uso de documentos internos, el valor del atributo título aparece casi como el HTML elemento. </ html></p> <p><strong>Hola Mundo</strong>El primer programa en todo el mundo aprende cuando ahondar en cualquier equipo nuevo basado en el lenguaje es Hello World. WML no debe ser diferente. Usted puede haber notado que la plantilla de Nokia lo hace por usted:</p><pre><?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="card1" title="Título"> <p><!-- Write your card implementation here. --> Hola Mundo! </p></card></wml></pre> <p>Ahora tiene su documento WML primera sesión justo en frente de usted. Haga clic en Compilar para asegurarse de que funciona, sino que le pregunta si desea guardarlo. Elija un directorio en el que colocar todos los futuros documentos de WML y el nombre de esta hello-world.wml.</p> <p><strong>Navegación</strong>Una de las características principales de la Web es permitir a los usuarios navegar a través de diferentes páginas utilizando los enlaces. Para llegar a una nueva página, haga clic en el enlace. WML emplea enlaces para obtener de tarjeta a tarjeta. Pero en lugar de utilizar la falta de <a>elementos específicos, que utiliza</a> <do> <a>y</a> <go> <a>. Estos elementos dan un contexto poco más que su homólogo HTML.</a></p><pre><card id="mycard" title="Bienvenido a mi mundo"><do type="accept" label="Forward"><go href="#mycard2"/></do> <p> Haga clic en "adelante" para ir a la siguiente tarjeta. </p></card></pre> <p>El <do> elemento indica al navegador que "hacer" lo que las acciones se especifican en el mismo. En este caso, se dice "ir" a la referencia de hipertexto de mycard2 debido al valor de la <go> elemento. La pantalla del navegador muestra el título de la <do> elemento y le dice a Haga clic en adelante para ir a la siguiente tarjeta. Añade que todos juntos y esto es lo que el documento WML es así:</p><pre><?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="mycard" title="Mi mundo"><do type="accept" label="Forward"><go href="#mycard2"/></do> <p> Haga clic en "adelante" para ir a la siguiente tarjeta. </p></card><card id="mycard2" title="Tarjeta 2"><p> Bienvenido al número de la Tarjeta 2. </p></card></wml></pre> <p>El <do> elemento tiene otros tipos, además de aceptar. También puede utilizar la ayuda para obtener ayuda sobre lo que estás haciendo, de reinicio para reiniciar todos los valores, las opciones para darle un conjunto de posibles opciones para elegir, y la anterior para desplazarse en sentido inverso. <go /> en realidad tiene unos pocos atributos y valores diferentes. Ya ha utilizado href, que puede referirse a una tarjeta dentro de la cubierta actual o una dirección URL que apunta a una cubierta completamente diferente. En realidad puede especificar si desea o no que el navegador del usuario para enviar una URL de referencia HREF para el servidor especificado en el atributo href con el atributo sendreferrer y establecer como TRUE. Si se ocupan de las formas (véase más adelante en este artículo), puede especificar GET o POST como el valor para el atributo del método que se ocupa del atributo href correspondiente.</p> <p><strong>Tiempo de la automatización basada en</strong>Si un desarrollador quiere tener un <em>Página de bienvenida </em>que reenvía automáticamente al usuario a la página Web principal de un sitio, él o ella utiliza el HTML 4.01 <meta> elemento con un valor de http-equiv de actualización. Además, el desarrollador utiliza un valor de contenido que contiene la cantidad de segundos a esperar antes de que se reenvía el navegador a una URL, que es designado en el valor del contenido. Podrá seguir utilizando este método en WML, pero los redactores de la especificación han creado la <timer> elemento que permite la automatización programada entre cada tarjeta en una baraja.</p><pre><card id="mycard" ontimer="#mycard2" title="Mi mundo"><timer value="150" /></pre> <p>El código anterior se dice que después de la cantidad de tiempo especificado en el <timer> elemento (15 segundos entró en décimas), el navegador de proa de la pantalla actual a la tarjeta de identificación, cuyo valor se especifica en el evento OnTimer intrínseco. Veamos cómo funciona:</p><pre><?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="mycard" ontimer="#mycard2" title="Mi mundo"><timer value="150" /> <p> En 15 segundos, se transmitirá automáticamente a nuestra página principal o <a href="#mycard2">ir a usted mismo</a> si no quieren esperar </p></card><card id="mycard2" title="Bienvenido a mi mundo"> <p> Bienvenidos a la página principal de "Mi Mundo". </p></card></wml></pre> <p>Tenga en cuenta que también añadir un <a>elemento. Esto es exactamente igual que el elemento utilizado en HTML 4.01 a crear un vínculo en una página Web.</a></p> <p><strong>La entrada del usuario y las formas</strong>Todo lo que hemos visto hasta ahora con WML es básica, run-of-the-mill Web cosas - no la interactividad que las compañías telefónicas reclamando mantener en anuncios extravagante. Tratemos ahora de solicitar información de un usuario. El uso de la entrada del usuario WML formas definitivamente aumenta la capacidad para navegantes inalámbrico para tomar decisiones en lugar de lidiar con el contenido que se les empuje. Empecemos con una caja de entrada simple, basado en texto. Este elemento se basa en su homólogo HTML 4.01:</p><pre>Nombre: <br /><input type="text" name="firstname" /><br /> Apellido: <br /><input type="text" name="lastname" /> Para insertar los valores de los elementos de entrada en una tarjeta de futuro, se utiliza $ (nombre) y $ (apellido). Bienvenido $ (nombre) $ (apellido). Por favor, haga clic en Atrás para volver a la página anterior.</pre> <p>Con la adición de algunos elementos más - incluyendo <do> , <go /> , Y <prev /> - Usted tiene una experiencia totalmente interactiva:</p><pre><?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="mycard" title="Bienvenido a mi mundo"><do type="accept" label="Forward"><go href="#mycard2"/></do> <p> Nombre: <br /><input type="text" name="firstname" /><br /> Apellido: <br /><input type="text" name="lastname" /></p></card><card id="mycard2" title="Mi mundo"><do type="prev" label="Back"><prev /></do> <p> Bienvenido, $ (nombre) $ (apellido). Por favor, haga clic en "Volver" para regresar a la página anterior. </p></card></wml></pre> <p>Después de hacer clic en Aceptar la segunda vez, seleccione el botón Opciones y elija Siguiente. Ahora usted debería ver una tarjeta titulada "Mi mundo", que dice: "Bienvenido, nombre apellido. Por favor, haga clic en" Atrás "para volver a la página anterior." Esta vez, también agregar la <prev /> elemento, que crea una función para que usted pueda regresar a la página anterior haciendo clic en el botón marcado Atrás.</p> <p><strong>Enviar un formulario</strong>Ahora que usted ha determinado la forma de introducción de datos en los campos de formulario, usted debe averiguar cómo llegar a su servidor para su procesamiento. La forma más sencilla de hacerlo es mediante la introducción de un nuevo elemento llamado <postfield> . También modificar su ir por lo que es creado para enviar a un script CGI.</p><pre><?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="mycard" title="Bienvenido a mi mundo"><do type="accept" label="Forward"><go method="post" href="www.example.com/form.pl"><postfield name="name" value="$(firstname)"/><postfield name="age" value="20"/></go></do> <p> Nombre: <br /><input type="text" name="firstname" /><br /> Apellido: <br /><input type="text" name="lastname" /></p></card></wml></pre><p>No hay manera fácil de mostrar los resultados. Si usted tiene la posibilidad de crear un eco script CGI que muestra los valores presentados en WML, a continuación, seguir adelante y darle una oportunidad. De lo contrario, este documento WML se ve exactamente como</p><p><strong>forma-input.wml</strong>.</p><p><strong>Imágenes en WML</strong>Adición de imágenes a su WML no es diferente de hacerlo en HTML 4.01, con la excepción de que los archivos están en un formato diferente. En lugar de usar JPG, GIF o PNG, se utiliza un formato de sólo WAP WBMP de WAP o de mapa de bits. (Véase la siguiente sección, "Creación de imágenes WBMP.")</p><pre><img src="http://www.zotgroup.com/development/wap/images/sunny.wbmp" alt="El Sol" /></pre><p>Crear una nueva tarjeta y de entrada de esta línea:</p><pre><?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="mycard" title="Mi mundo"><p><img src="http://www.zotgroup.com/development/wap/images/sunny.wbmp" alt="El Sol" /> es soleado. </p><p align="center"> ¿Qué tal el tuyo? </p></card></wml> </pre><p><strong>Creación de imágenes WBMP</strong>En la actualidad, el formato de imagen sólo se admite en WAP es el propietario <em>WBMP </em>o <em>WAP Bitmap</em>. Estas imágenes deben ser pequeños, tanto en tamaño del archivo y la altura / anchura y de color negro y blanco. La mejor manera de crear un WBMP es abrir un archivo GIF o JPG en su programa favorito de gráficos, asegúrese de que el tamaño de píxel se corresponde con la de la pantalla WAP tradicionales dispositivo y guardarlo. A continuación, ábralo en el Nokia WAP Toolkit - hay una opción para abrir "Imágenes para la importación de WBMP (. Gif,. Jpg), que excluye los colores. Por último, guardarlo como un WBMP. Veamos un ejemplo de de este proceso. Agarra el GIF en http://www.zotgroup.com/development/wap/images/window.gif. Ábrelo en su programa de gráficos, asegúrese de que el tamaño de píxel es de al menos 49 × 42 y que es no-entrelazado cuando vuelva a guardarlo. Ábrelo en el Nokia WAP Toolkit y volver a guardar como un WBMP. Ahora agregue al código siguiente. (I incluir un enlace a un ejemplo para que pueda ver lo que debe ser similar.)</p><pre><?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="mycard" title="WinLove"><p><img src="http://www.zotgroup.com/development/wap/images/window.wbmp" alt="Windows" /></p> </pre><p><strong><em>La integración de WML y XHTML</em></strong>El 30 de octubre de 1998, el WAP Forum, los creadores de WML, y el W3C publicó un documento detallando su intención de cooperar en los esfuerzos futuros de las normas. Hasta ahora, el Foro WAP ha contribuido las siguientes tres notas a la W3C:</p><p>-- <em>CC / Perfiles (CC / PP): Un Marco lado del usuario para el contenido</em> <em>Negociación ( </em><em>http://www.w3.org/TR/NOTE-CCPP </em><em>)</em></p><p>-- <em>CC / PP Intercambio protocolo basado en HTTP de Extensión Marco (</em> <em>http://www.w3.org/TR/NOTE-CCPPexchange </em><em>)</em></p><p>-- <em>WAP Content Formato XML binario ( </em><em>http://www.w3.org/TR/wbxml </em><em>)</em></p><p>Estos documentos son los primeros pasos hacia la reconciliación y la eventual integración de la WAP / WML enfoque con el enfoque W3C/XHTML, y los miembros del Foro WAP han participado activamente en diversas actividades del W3C (XHTML Basic en particular). Partes y piezas de los documentos WAP están incluidos en el <em>Modularización de XHTML </em>proyecto de trabajo como la negociación un "contenido" y, de ser incluidos, así como referencias. Aunque no está claro cómo suavizar el proyecto será, o cuánto tiempo tomará esta nueva evolución para alcanzar la madurez dentro de la arquitectura celular que WAP domina actualmente el mercado, este trabajo puede traer la tecnología celular a XHTML y viceversa. (Algunos de los competidores WAP ya utilizan un vocabulario similar a XHTML Basic.) La integración de la Internet Engineering Task Force (IETF), trabajar en la negociación de contenido puede añadir todavía un poco más golpes a la mezcla.</p><p>Hasta que la reconciliación tenga lugar a nivel de los estándares, los desarrolladores pueden tener una cierta comodidad en el uso de estructuras más limpio XHTML para mantener un camino más fácil la transformación a los documentos WML. Herramientas XML estándar, incluyendo las hojas de estilo XSLT se describe en el artículo 12, puede gestionar la transición relativamente suave de XHTML a WML. Esto hace que sea más fácil para crear un documento y dejar que los programas de creación de los derivados.</p> <div align="right"><b>un artículo presentado por Albert Lichtblau </b></div><br><hr size="1"> <b><font color="#FF0000">Descargo de responsabilidad:</font></b>Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.<br><b><font color="#FF0000">Importante:</font></b> Este artículo "WAP y el Wireless Markup Language" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión. <hr size="1"> </div> <br> <script type="text/JavaScript">document.getElementById("Translator").style.display = "none";</script> <p> </td> </tr> <tr><td align="right" style="font-size:13px;"> <br> Online: <font color=red>245</font> users browsing the articles directory   <br> <br> </td></tr> </table><br> </div> <table border="0" align="center" cellpadding="0" cellspacing="0" style="font-size:11px; color:#666666"> <tr> <td align="center"> <table width="50" border="0" align="right" cellpadding="0" cellspacing="0" height="50"> <tr><td width="10">  </td> <td> <script type="text/javascript"><!-- e9 = new Object(); e9.size = "728x90,468x60"; e9.addBlockingCategories="Adult,Floating,Full-page,Violence,Pop-under,Pop-up,Suggestive,Expandable"; //--></script> <script type="text/javascript" src="http://tags.expo9.exponential.com/tags/WebArticles/ROS/tags.js"></script></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>