Actualización 07/06/2011: Este artículo ha quedado obsoleto, ver detalles en Movilizando aplicaciones con Domino 8.5.3

Continuando con la serie, vamos a ver cómo mostrar información de una vista de una aplicación Lotus Domino en iPhone. Para configurar el entorno podéis consultar el primer artículo de la serie.

El objetivo de esta entrada es ver cómo crear un interfaz web para dispositivo móvil para una sencilla aplicación de gestión de tabletas, que permite visualizar un listado de tablets y acceder a una ficha del tablet.




El resultado a obtener, accediendo desde un dispositivo móvil,es el siguiente:





Opciones de trabajo
A la hora de trabajar con XPages Mobile Controls, o con XPages en general, tenemos dos opciones:

• acceder directamente a información contenida en la base de datos o
• acceder a información contenida en otras bases de datos que pueden estar ubicadas, incluso en otros servidores Lotus Domino, en versiones no necesariamente 8.5.x.

XPages puede actuar como proxy para la publicación en web de información contenida en servidores 7.x, 6.x,... No es necesario actualizar la infraestructura Lotus Domino para trabajar con XPages. Tan sólo es necesario instalar un servidor versión 8.5.x para alojar la aplicación.

Tanto si optamos por una opción como por la otra, podemos trabajar modificando la base de datos MobileControlsDojo16.nsf o creando una base de datos vacía y creando nuestros nuestros elementos de diseño.

Para poder trabajar con una base de datos vacía hemos de prepararla primero:

• Copiamos manualmente TODOS los controles personalizados de MobileControlsDojo16.nsf en nuestra base de datos.
• Copiamos las clases Java org.openntf.util.DataInitializer y org.openntf.util.Directories

Para ello, abrimos la vista "Package Explorer". En Eclipse Window > Show Eclipse view >Other > Package Explorer. Es esta vista podemos ver las "tripas" de nuestra base de datos. Primero creamos en nuestra base de datos una carpeta para alojar los fuentes de las clases.



La carpeta será  WebContent/WEB-INF/src



Posteriormente, localizamos MobileControlsDojo16.nsf  y copiamos la jerarquía de carpetas con los fuentes...



... y la pegamos en nuestra base de datos en la carpeta WebContent/WEB-INF/src creada anteriormente




En este punto ya disponemos de una base de datos propia para crear nuestros elementos de diseño.

Creando la aplicación

Lo primero que vamos a realizar es una visualización de los documentos de la vista. Para ello:
Creamos una XPage e insertamos los controles personalizados mConfiguration y mInitialize, necesarios para inicializar nuestro framework

La previsualización en el navegador es la siguiente


En nuestra XPage, para crear la estructura,
- insertamos un control personalizado mPage,
- en el area editable del control mPage insertamos un Panel
- en el panel, insertamos un control mHeader y otro mRectangle
- en el area editable del control mRectangle insertamos un control mView

Para mostrar datos únicamente hemos de dar valores a las propiedades personalizadas  del control mView



viewName indica el nombre de la vista, columnNumbers las columnas a mostrar separadas por comas, entriesPerRequest el número de registros a solicitar al servidor al hacer scroll en la pantalla, targetPageName el control mPage a mostrar al pulsar sobre el resgistro en el dispositivo, transition  el efecto visual al abrir otra página




Conclusiones
En esta entrada hemos visto cómo publicar el contenido de una vista de una aplicación Lotus Domino en un formato web adaptado para dispositivos móviles. En la siguiente entrada veremos cómo mostrar el contenido de los documentos.