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

Transcripción

1 Desarrollo de software para navegación web desde terminales celulares de 3ª generación Registro SIP 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.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> La siguiente línea es incorrecta en XHTML-MP por que la etiqueta <P></P> y el 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> La siguiente línea es incorrecta en XHTML-MP por que el valor del atributo id no 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> 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

3 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> La estructura general de un documento en XHTML-MP es la siguiente: <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" " <html xmlns=" <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 "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" " 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=" <html> es el nodo principal y todos los demás elementos deben estar contenidos en el.

4 <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 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. En este caso el DTD es "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" " y es mediante el que se realiza la validación. La página resultante del Asistente de WebCel será una página válida, ya que seguirá la gramática del DTD. Para verificar si el código XHTML-MP es correcto, se utiliza el Markup Validation Service [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.

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

6 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 muestra la organización de la carpeta SitioWeb una vez generado el sitio. Figura 10 Organización de las carpetas del Sitio Web resultante.

7 El Módulo Vista Previa y Final, permite la visualización de la información introducida al Programa generador de páginas web para celulares tal como se veria en la pantalla de un celular. A continuación se presentan ejemplos de ventanas con sus respectivas Vistas Previas. Función de Usuario habilitada por el Módulo Vista Previa. Figura 2. Ventana Identidad Figura 3. Página Identidad

8 Figura 4. Ventana Quiénes Somos? Figura 5. Vista Previa Quiénes Somos?

9 Figura 4. Ventana Contacto Figura 5. Vista Previa Contacto

10 Figura 6. Ventana Producto Figura 7. Vista Previa Producto

11 4. Impacto Contar con una herramienta que permita a una empresa publicitarse mediante páginas web desplegables en celulares, tendrá un impacto en la manera de hacer negocios, expandiendo su mercado potencial, y la posibilidad de diversificar su negocio. Esto retribuirá en una mayor actividad económica. Adicionalmente la herramienta de SW constituye un catalizador para que los empresarios se sensibilicen a explorar otras aplicaciones que pueden desarrollar y explotar, tales como juegos, noticias, información especializada, etc. Elaboró M.C. Ernesto E. Quiroz M.