Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea Universidad Tecnológica de Izúcar de Matamoros

Agenda Requerimientos Historia Emuladores WAP WAP WML XHTML MP Servidores WAP -- Creación portales WAP -> WML -- Creación portales WAP -> XHTML MP Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 2

Motivación Las terminales móviles son más potentes y livianos cada vez Necesidad de acceder a la información, independientemente de la ubicación geográfica (datos, archivos, email, etc.) 45 millones de usuarios telefonía celular Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 3

Requerimientos Algún editor de páginas WML o XHTML MP Emulador WAP WAPtor Bloc de notas Emulador WAP WAP Proof WinWAP Servidor Web Apache Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 4

Historia Celulares surgieron 1947 -> AT&T Motorola 1983 Tecnología surgida cerca del año 2000 WAP Forum (Open Mobile Alliance) -> Sony-Ericsson, Nokia, Motorola y Openware (2002) Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 5

WAP – Wireless Application Protocol WAP Versión 1.0 definida en 1999 WAP 1.0 utiliza WML para la presentación de contenidos Identificación Componente WAE Wireless Application Environment WML WSP Wireless Session Protocol Orientada a conexión o no WTP Wireless Transaction Protocol Manejador de transacciones WTLS Wireless Transport Layer Security Seguridad, encriptación, etc. WDP Wireless Datagram Protocol UDP - Internet Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 6

¿Cómo funciona? Se activa el dispositivo y se ejecuta el navegador de WWW incluido. El teléfono establece una conexión por radiofrecuencia, solicitando el servicio. Se establece una conexión con el proveedor. Se selecciona el sitio WWW que se desea ver. Se envía una solicitud a un servidor especial, llamado gateway, usando WAP. El gateway recupera la información, vía el Protocolo de Hipertexto (HTTP). desde el sitio WWW. El gateway codifica los datos HTTP como WML. Los datos en WML se envían al dispositivo portátil. Se visualiza la versión inalámbrica de la página que se ha seleccionado. Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 7

Cómo funciona? Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 8

Emuladores WAP Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 9

WAP – Wireless Application Protocol WAP Versión 2.0 nace en 2004 Utiliza XHTML-MP para la presentación de contenidos Utiliza TCP en la capa de transporte y HTTP en la de aplicación No es necesario un gateway Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 10

WML – Wireless Markup Language Extensión de XML -> HTML A cada página se le llama ‘baraja’ Cada ‘baraja’ consta de una o más ‘cartas’ Sensible a mayúsculas/minúsculas Todas las etiquetas se escriben en minúsculas <etiqueta> </etiqueta> Comentarios <!–- comentario --> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 11

Ejemplo 1 – Hola mundo de una sola carta <?xml version="1.0"?> <!-- created by WAPtor (http://www.waptop.net/) --> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <!-- THIS IS THE FIRST CARD IN THE DECK --> <card id="MainCard" title="Ejemplo 1"> <p align="center"> Hola mundo!!! </p> </card> </wml> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 12

Ejemplo 2 – Hola mundo con 2 cartas <?xml version="1.0"?> <!-- created by WAPtor (http://www.waptop.net/) --> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <!-- THIS IS THE FIRST CARD IN THE DECK --> <card id="t1" title="Ejemplo 2"> <p align="center"> <a href="#t2">Hola mundo con 2 cartas!!!</a> </p> </card> <card id="t2" title="Ejemplo 2"> Bienvenido... </wml> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 13

Tags Texto <p></p>, <i></i>, <b></b>, <u></u> Tablas <table></table>, <td></td>, <tr></tr> Imágenes WBMP <img/> -- src, alt, height, width – Tareas <do></do> <go/><prev/><noop/> Enlaces <a></a> Plantillas <template></template> Eventos <timer> Introducción de datos <input/> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 14

Ejercicio 1 – Sitio WAP personal Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 15

Ejercicio 1 – cont… Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 16

XHTML MP Es el lenguaje de presentación de contenidos de WAP 2.0 Casi idéntico a HTML Soporta CSS Es más fácil llevar un sitio HTML a XHTML que WML No soporta cartas, barajas, eventos, variables, etc. Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 17

XHTML MP Todo elemento debe estar debidamente jerarquizado Etiquetas y atributos deben estar en minúsculas Todas las etiquetas deben cerrarse El valor de los atributos debe estar entre comillas Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 18

Ejemplo 3 – XHTML MP <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>XHTML MP</title> </head> <body> <p>Hola mundo!!!</p> </body> </html> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 19

Tags <!-- Comentarios --> <p> Página </p> Salto de línea <br/> Líneas <hr/> Encabezados <h1></h1>….<h6></h6> Tipos de letra <b>,<i>,<small>,<big> Listas <ul></ul>,<ol></ol>,<li></li> Imágenes <img/> Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 20

Tags - cont Tablas <table></table>, <tr></tr>, <td></td> Enlaces <a></a> Misma página Otra página Listas de selección <select></select>, <option></option> Elementos de entrada <input/> Text Password Checkbox Radio button Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 21

Ejercicio 2 – Estadísticas deportivas Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 22

Servidores WAP Web Site -> Web Server WAP Site -> ? Un servidor WAP almacena sitios WAP y responde mediante una petición Web server más populares son? Apache IIS Tomcat Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 23

Configuración Servidor WAP mime.types /etc /etc/httpd/conf WAP 1.0 application/vnd.wap.wmlc        wmlc application/vnd.wap.wmlscriptc  wmlsc image/vnd.wap.wbmp              wbmp text/vnd.wap.wml                wml text/vnd.wap.wmlscript          wmls WAP 2.0 application/vnd.wap.xhtml+xml application/xhtml+xml text/html Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 24

Configuración Servidor WAP httpd.conf /etc /etc/httpd/conf DirectoryIndex index.html index.htm index.php index.xhtml index.wml Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea 25