Upload
lino-cayo
View
12
Download
2
Embed Size (px)
Citation preview
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
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, email, 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 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?
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.
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
(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 13
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"><p align="center">Bienvenido...</p></card></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" "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 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 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
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