WAP Wireless Internet Diseo de Sistemas Interactivos WAP

WAP Wireless Internet Diseño de Sistemas Interactivos WAP

Introducción a WAP • Que es Wap? • Arquitectura Web para WAP • Simulador de Wireless Internet - NOKIA • Diseño de paginas • Que es WML? • Paginas WML • Paginas dinámicas WML (servlets) Diseño de Sistemas Interactivos WAP 2

Qué es WAP? Wireless Application Protocol Provee un servicio de Internet a través de dispositivos inalámbricos, los cuales están limitados en su pantalla, datos y funciones. Diseño de Sistemas Interactivos WAP 3

Arquitectura Web para WAP Diseño de Sistemas Interactivos WAP 4

Arquitectura Web para WAP sigue una arquitectura de capas WML, equivalente a HTML WML Script: puede realizar funciones de verificación WAE - WTA: mantienen la interfaz del dispositivo (wireless application environment – wireless telephony application) WSP: se maneja el inicio y cierre de las sesiones (wireless session protocol) WTP: provee el servicio de conexión (wireless transport protocol) WTLS: provee técnicas de encriptación y negociación (wireless transport layer security) Diseño de Sistemas Interactivos WAP 5

Arquitectura Web para WAP Diseño de Sistemas Interactivos WAP 6

Simulador de Wireless Internet Simulador NOKIA - (www. forum. nokia. com) Requerimientos: • 64 MBytes RAM • JDK 1. 2 (Java Run. Time Environment) • No tener asociados. jar al Winzip Instalación: • Ejecutar c: setupex 13 b. exe Ejecución: • Desde Inicio - Tool. Kit • Correr en MS-DOS el. . . jar que es ejecutable con Javaw Diseño de Sistemas Interactivos WAP 7

Simulador de Wireless Internet Provee: • Browser WAP • Interprete WMLScript • Librerías WMLScript • Modulo de simulación de interfaces de teléfono WAP (NOKIA 6110) • Codificadores WML • Editores WML, WMLScript y WBMP Diseño de Sistemas Interactivos WAP 8

Diseño de paginas Restricciones: • Mayores que en HTML • Por el uso de redes inalámbricas - Bajo ancho de Banda (codificación binaria) - Alta Latencia - Inestabilidad de la conexión Disponibilidad del proveedor impredecible Diseño de Sistemas Interactivos WAP 9

Diseño de paginas Restricciones: • Por el uso de dispositivos - Display pequeño (decks y cards) - Limitación en el ingreso de datos - Memoria y CPU limitada - Baterías de poder limitado Diseño de Sistemas Interactivos WAP 10

Qué es WML? Wireless Markup Language Es el lenguaje que se utiliza para realizar paginas en cualquier elemento que utilice tecnología WAP, como teléfonos móviles. Diseño de Sistemas Interactivos WAP 11

Qué es WML? Diseño de Sistemas Interactivos WAP 12

Paginas WML Encabezado de la pagina WML <? xml version="1. 0"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> Tag que engloban las paginas WML <wml> </wml> Separacion de Cards <card id=”EJEMPLO"> Salto de línea <br/> y no , como en html Diseño de Sistemas Interactivos WAP 13

Paginas WML Links - página externa (hay que colocar el url completo) <a href="http: //www. wapclub. com/">Ir a wapclub</a> - página interna <a href="#carda 2">Link a la cards dos</p> Comentarios, igual que HTML Tags de texto Caracteres especiales Variables Tildes Diseño de Sistemas Interactivos WAP 14

Ejemplo de pagina 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="home" ontimer="#Log. ORes" title="Apuesta Virtual"> <timer value="25"/> <p align="center"> <big>BIENVENIDO</big><br/> <img src="Pesos. wbmp" alt="Logo"/></p> <do type="accept" label=" " > <refresh> <setvar name="usuario" value=""/> <setvar name="contrasena" value=""/> </refresh> </do> </card> Diseño de Sistemas Interactivos WAP 15

Ejemplo de Servlet. WML public void do. Get(Http. Servlet. Request req, Http. Servlet. Response res) throws Servlet. Exception, IOException { res. set. Content. Type("text/vnd. wap. wml"); String user=req. get. Parameter("User"); if (user!= null) { Print. Writer out = res. get. Writer(); String monto=""+ user. get. Monto(); out. println("<? xml version="1. 0"? >"); out. println("<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml">"); out. println("<wml>"); out. println("<card id="Saldo" title="Saldo">"); out. println("<p>El saldo del usuario <b>'"+user. get. Nombre() +" "+user. get. Apellido()+"'</b> es: <br/>$$"); out. println("<b>"+monto+"</b></p>"); out. println("<do type=" " label="Accept"><go href="http: //" + req. get. Header("Host") + "/"+Calendario. DIR+"/Apuesta. Virtual. wmlc#Log. Opciones"/></do></card>"); out. println("</wml>"); out. close(); } Diseño de Sistemas Interactivos WAP 16

Ejemplo de Servlet. WML else { Print. Writer out = res. get. Writer(); out. println("<? xml version="1. 0"? >"); out. println("<!DOCTYPE wml PUBLIC "//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml">"); out. println("<wml>"); out. println("<card id="ERROR" ontimer="http: //" + req. get. Header("Host")+"/"+Calendario. DIR+"/Apuesta. Virtual. wmlc#Login" title="Acceso Denegado">"); out. println("<timer value="25"/>"); out. println("<p align="center">"); out. println("Usted no está habilitado para consultar el saldo"+password+"<br/>"); out. println("</p>"); out. println("</card>"); out. println("</wml>"); out. close(); } } Diseño de Sistemas Interactivos WAP 17