Aplicaciones WAP para dispositivos móviles

Presentación del tema: "Aplicaciones WAP para dispositivos móviles"— Transcripción de la presentación:

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

2 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

3 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, , etc.) 45 millones de usuarios telefonía celular Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea

4 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

5 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

6 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

7 ¿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

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

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

10 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

11 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

12 Ejemplo 1 – Hola mundo de una sola carta
<?xml version="1.0"?> <!-- created by WAPtor ( --> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <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

13 Ejemplo 2 – Hola mundo con 2 cartas
<?xml version="1.0"?> <!-- created by WAPtor ( --> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <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

14 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

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

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

17 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

18 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

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

20 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

21 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

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

23 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

24 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

25 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