Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

12 September, 2011 10:07:41 Miguel Calvo  Android  Domino 8.5  iPhone  mobile  XPages  |  Comentarios (3)

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.

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
El resultado a obtener, accediendo desde un dispositivo móvil,es el siguiente:

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)



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.

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

La carpeta será  WebContent/WEB-INF/src

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

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

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

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

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)


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
Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
La previsualización en el navegador es la siguiente

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
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
Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
Para mostrar datos únicamente hemos de dar valores a las propiedades personalizadas  del control mView

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)

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

Image:Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)


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.

Gravatar Image
1) Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
Jordi Vilaró 12.09.2011 13:07:20 http://www.maxland.es

¡Excelente artículo!

Gravatar Image
2) Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
Xani 12.09.2011 13:22:06

Y el dojo no lo copias???

Gravatar Image
3) Movilizando aplicaciones en Lotus Domino con XPages Mobile Controls (II)
Miguel Angel Calvo 12.09.2011 15:18:44

Hola,

La infraestructura la creamos en la entrada anterior { Link } En ella se incluía la copia de la "mini" versión de dojo 1.6

Un saludo,

Deja una respuesta


Nota:  (No HTML - Los enlaces serán convertidos si están precedidos por http://)

¿ Recuérdame?