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

Aplicaciones WAP para dispositivos móviles

Ing. Sergio Valero OreaUniversidad Tecnológica de Izúcar de Matamoros

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

Agenda

Requerimientos Historia Emuladores WAP WAP WML XHTML MP Servidores WAP -- Creación portales WAP -> WML -- Creación portales WAP -> XHTML MP


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


Requerimientos

Algún editor de páginas WML o XHTML MP WAPtor Bloc de notas

Emulador WAP WAP Proof WinWAP

Servidor Web Apache


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)


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


¿Cómo funciona?

1. Se activa el dispositivo y se ejecuta el navegador de WWW incluido.

2. El teléfono establece una conexión por radiofrecuencia, solicitando el servicio.

3. Se establece una conexión con el proveedor.4. Se selecciona el sitio WWW que se desea ver.5. Se envía una solicitud a un servidor especial,

llamado gateway, usando WAP.6. El gateway recupera la información, vía el

Protocolo de Hipertexto (HTTP). desde el sitio WWW.

7. El gateway codifica los datos HTTP como WML.8. Los datos en WML se envían al dispositivo portátil.9. Se visualiza la versión inalámbrica de la página

que se ha seleccionado.


Cómo funciona?


Emuladores WAP


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


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

Ejemplo 1 – Hola mundo de una sola carta

<?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="MainCard" title="Ejemplo 1"><p align="center"> Hola mundo!!!</p></card></wml>

Ejemplo 2 – Hola mundo con 2 cartas

<?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="t1" title="Ejemplo 2"><p align="center"> <a href="#t2">Hola mundo con 2 cartas!!!</a></p></card><card id="t2" title="Ejemplo 2"><p align="center">Bienvenido...</p></card></wml>


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


Ejercicio 1 – Sitio WAP personal


Ejercicio 1 – cont…


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.


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


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>

Tags

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


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


Ejercicio 2 – Estadísticas deportivas


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


Configuración Servidor WAP

mime.types

/etc /etc/httpd/conf

WAP 1.0

application/vnd.wap.wmlc wmlcapplication/vnd.wap.wmlscriptc wmlscimage/vnd.wap.wbmp wbmptext/vnd.wap.wml wmltext/vnd.wap.wmlscript wmls

WAP 2.0

application/vnd.wap.xhtml+xmlapplication/xhtml+xmltext/html


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 Universidad Tecnológica de...

Documents

Transcript of Aplicaciones WAP para dispositivos móviles Ing. Sergio Valero Orea Universidad Tecnológica de...