PDF de programación - Desarrollo de software para navegación web desde terminales celulares de 3ª generación

Desarrollo de software para navegación web desde 

terminales celulares de 3ª generación 



Registro SIP 2008-0796



Resumen
Como parte de un “Programa generador de páginas web para celulares”, se desarrolló un
módulo de software que despliega una vista previa o final de la página web. Cuando se
introduce al Programa información de texto e imágenes el módulo despliega la composición
de como se verá la página en el celular, de esta manera el usuario puede decidir si la página
quedó terminada o si aún requiere introducirle cambios.


1. Introducción
La red internet se ha convertido en un medio universal de comunicación, y también en una
gigantesca biblioteca de información contenida en páginas web. Además ofrece la
posibilidad de efectuar operaciones comerciales y bancarias, trámites ante instituciones y
agencias de gobierno.
Los celulares modernos están habilitados para el uso de los navegadores web de ambiente
inalámbrico (web-a-i), por lo que los usuarios celulares pueden ingresar a los servidores
web de empresas que han desarrollado sus propios sitios web-a-i, y efectuar acciones
similares a las que llevan a cabo al navegar en una Internet de red fija. No obstante, los
celulares no pueden desplegar correctamente las páginas web tradicionales.
La publicidad comercial a través de Internet adquiere cada vez mayor auge, y pone al
alcance de compradores potenciales información de productos y servicios a través de
celulares de generaciones 2.5G y 3G.
En este contexto, se plantea el proyecto de desarrollar módulos de SW para elaborar
páginas web accesibles desde terminales celulares de tecnología 2.5G en adelante.


2. Métodos y materiales

2.1. Tecnologías XML
XML (eXtensible Markup Language) es un metalenguaje basado en marcado; es decir, es
un lenguaje que permite definir otros lenguajes. XML se utiliza para describir los datos, lo
que se haga con ellos dependerá de la aplicación específica que pueda procesarlo. Las
tecnologías Web actuales basan su funcionamiento en tecnologías XML.
El lenguaje de hojas de estilo de transformación XSL (eXtensible Stylesheet Language) es
un subconjunto de XML. Las hojas de estilo XSL tienen la finalidad de convertir un
lenguaje de marcado basado en XML a otro, se puede convertir a formatos de despliegue
como WML, HTML, XHTML-MP, etc. XHTML-MP es el lenguaje que se adopó para
desarrollar el “Programa generador de páginas web para celulares”.



2.2. Lenguaje XHTML – MP
XHTML-MP es el lenguaje de marcado que se utiliza para la creación de páginas Web
para dispositivos móviles. Es un subconjunto de XHTML que es a su vez una versión
estricta de HTML.

Para ser una versión restringida, debe cumplir las siguientes reglas:


1. Las etiquetas deben cerrarse apropiadamente.
2. Las etiquetas y propiedades deben estar en minúsculas.
3. El valor de los atributos deben estar dentro de comillas.
4. No se permite la minimización de atributos.
5. Las etiquetas deben estar anidadas debidamente.


Para entender mejor lo anterior se presentan unos ejemplos:


• La siguiente línea es incorrecta en XHTML-MP ya que la etiqueta <p> no está



cerrada.

<p>XHTML MP tutorial paragraph 1

La forma correcta es:

<p>XHTML MP tutorial paragraph 1</p>



atributo ID están en mayúsculas.

<P ID="p1">XHTML MP tutorial paragraph 1</P>

La forma correcta es:
<p id="p1">XHTML MP tutorial paragraph 1</p>

está encerrado entre comillas

<p id=p1>XHTML MP tutorial paragraph 1</p>

La forma correcta es:

<p id="p1">XHTML MP tutorial paragraph 1</p>



• La siguiente línea es incorrecta en XHTML-MP por que la etiqueta <P></P> y el

• La siguiente línea es incorrecta en XHTML-MP por que el valor del atributo id no

• Para algunos atributos sólo existe un valor posible, en HTML es posible omitir el
nombre del atributo e indicar solamente el valor, a esto se le llama minimización de

atributos. En XHTML-MP la minimización de atributos no está permitida, por lo
que la siguiente línea no es correcta.

<input type="checkbox" checked />

La forma correcta es:

<input type="checkbox" checked="checked" />


• La siguiente línea es incorrecta en XHTML-MP porque las etiquetas no están

anidadas correctamente.

<p><b>XHTML MP tutorial paragraph 1</p></b>

La forma correcta es:

<p><b>XHTML MP tutorial paragraph 1</b></p>

"-//WAPFORUM//DTD XHTML Mobile 1.0//EN"


La estructura general de un documento en XHTML-MP es la siguiente:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>

<body>
<p>Hello world. Welcome to our XHTML MP tutorial.</p>
</body>
</html>
<?xml version="1.0"?>
Indica que la versión del documento XML es la 1.0 y la codificación es: UTF-8

<!DOCTYPE html PUBLIC
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

La declaración de tipo de documento (DOCTYPE) especifica el nombre de DTD
(Document Type Definition) y la URL del DTD. El DTD contiene información acerca de la
sintaxis del lenguaje de marcado. Define que elementos, atributos y reglas que deben ser
usados en el documento.

<html xmlns="http://www.w3.org/1999/xhtml">
<html> es el nodo principal y todos los demás elementos deben estar contenidos en el.


"-//WAPFORUM//DTD XHTML Mobile 1.0//EN"

<head><head>
Especifican el inicio y el fin de la cabecera.

<title>XHTML MP Tutorial</title>
Indica el título de la página

<body> </body>
Indican el principio y el fin del cuerpo del documento, es un contenedor ya que dentro de él
se especifican los elementos de la página.

2.3. Validación
La página resultante del “Programa generador de páginas web para celulares” debe ser una
página válida. Esto quiere decir que hará referencia a un DTD.

Como se dijo en la sección anterior DTD es una descripción de estructura y sintaxis de un
documento XML. Su función básica es la descripción del formato de datos, para usar un
formato común y mantener la consistencia entre todos los documentos que utilicen la
misma DTD. De esta forma, dichos documentos, pueden ser validados, conocen la
estructura de los elementos y la descripción de los datos que trae consigo cada documento,
y pueden además compartir la misma descripción y forma de validación dentro de un grupo
de trabajo que usa el mismo tipo de información.[dtd]

Cabe destacar la diferencia entre documento bien formado y documento válido. El
documento bien formado es el que sigue las reglas básicas para XML, puede tener alguna
combinación de elementos/atributos y puede tener alguna gramática. El documento válido
es un documento bien formado y que además hace referencia a un DTD, tiene una
gramática definida en el DTD.

n este caso el DTD es "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
E
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> y es mediante el que se realiza la
validación.

a página resultante del Asistente de WebCel será una página válida, ya que seguirá la
L
gramática del DTD.

ara verificar si el código XHTML-MP es correcto, se utiliza el Markup Validation Service
P
[valid] es un sitio web en donde se puede validar el código de 3 formas distintas, la primera
es proporcionando el URL del sitio, la segunda es indicando un archivo del directorio local
y la última es proporcionando directamente el código a validar. Ver Figura 1.


Figura 1 Página para validar Código XHTML



2.4. Plataforma de desarrollo: .NET
.NET es una plataforma de software que permite el desarrollo de aplicaciones para
plataformas Windows. Esta tecnología se basa en los mismos preceptos que Java.
Actualmente existe soporte para 40 lenguajes de programación, siendo los más importantes
C# (pilar de la plataforma), Visual Basic .NET y J# (versión de Java para .NET). Estos
lenguajes son soportados por Microsoft en su herramienta Visual Studio. Otros lenguajes
soportados son Ada, Delphi, entre otros.
El entorno .NET ha llegado agrupar todas las tecnologías existentes para el desarrollo de
software en Windows a tal punto que .NET forma actualmente es parte importante del
sistema, al grado de que muchos programas lo ocupan para poder trabajar de manera
adecuada.
En lo que respecta a la versión de .NET para dispositivos con capacidades limitadas como
lo son los dispositivos móviles y empotrados recibe el nombre de .NET Compact
Framework (CF) por tener una versión reducida del Framework normal de .NET. La
ventaja que tiene .NET CF con respecto a J2ME es que un programa realizado en .NET CF
se puede ejecutar en un dispositivo normal mientras que en J2ME de manera normal esto
no es posible.
El módulo de Visulización previa, al igual que el pprograma principal, son desarrollados en
Visual.NET.



3. Resultados

3.1. Transformación de datos capturados a formato XHTML MP
El resultado de la transformación de la información es un sitio web que cuenta con una
página Index.html y las páginas que el usuario desarrolla. Dicho sitio se guarda en una
carpeta llamada SitioWeb que debe estar dentro de la carpeta contenedora del archivo
ejecutable (WebCel2.exe). La carpeta SitioWeb contiene a su vez dos carpetas más; css e
img. La carpeta css contiene las hojas de estilo que el usuario puede escoger, en la carpeta
img se guardarán las imágenes que el usuario añada a su sitio. La Figura 8 muestra el
archivo index.html.

Figura 8. Archivo Index.html resultante



La Figura 10 mue