ESLUG 2012 XPages Movilización

Movilizando aplicaciones en un entorno IBM Lotus Domino con XPages
Movilizando aplicaciones en un
entorno IBM Lotus Domino con
XPages
Miguel Angel Calvo
ESLUG !"
Presentacin
Miguel Angel Calvo
mcalvo#itta$a%com
&&&%zarazaga%net
Consultor en tecnolog'a IBM Lotus Domino(
)perd*n IBM Colla+oration So,t&are
- ". a/os tra+a0ando con tecnolog'as IBM Lotus
- IBM Certi,ied Application Developer
- IBM Certi,ied S1stem Administrator
- IBM Certi,ied Lotus Instructor
I22A3A innovacion SL
Especialistas en tecnolog'a Lotus Domino
XPages E4tension Li+rar1

Agenda
5
6+0etivos
5
Modelos de desarrollo m*vil
5
6pciones de movilizaci*n en IBM Lotus Domino
5
Introducci*n a XPages
5
Movilizaci*n con XPages
5
Prerre7uisitos
5
Elementos de dise/o
5
E0emplo de aplicativo m*vil
5
Construcci*n de la aplicaci*n

6+0etivos

6+0etivos
5
8evisar estado actual de las tecnolog'a m*viles en la
actualidad
5
8evisar opciones de movilizaci*n en entorno Lotus
Domino
5
Pro,undizar en la movilizaci*n de
aplicaciones con Xpages
5
8evisar el desarrollo de un aplicativo m*vil
con XPages

Introducci*n
5
Auge de la movilizaci*n
5
Conceptos calientes
B96D( MDM(

Introducci*n
5
:uevas necesidades
-
2rans,ormaci*n del corpotamiento del
usuario%
-
Acceso a las aplicaciones corporativas desde
dispositivos m*viles%


5
Nativo
-
Espec',ico para el disposito
5 Android - ;ava
5 iP<one - 6+0ective C
5 =indo&s > C?
-
@enta0as
5 Integrado con la plata,orma
5 Me0or rendimiento de las aplicaciones%
5 Uso de ,uncionalidades espec',icas de la plata,orma
-
Inconvenientes
5 Desarrollo e4clusivo para cada platad,orma
5 Modelo de desarrollo mAs costoso

5 Desarrollo hbrido
- Despliegue en dispositivo m*vil
- B2ML CSS ;avaScript
- Cuncionalidad nativa en envoltorio ;avascript
- Se e0ecuta en un contenedor =e+ en el dispositivo D=e+$it(%%E
- 6pci*n IBM
- @enta0as
5 Desarrollo Fnico para mFltiples plata,ormas
- El ,rame&or$ se encarga del despliegue multiplata,orma
5 2ecnolog'a &e+ estandar
- B2ML( CSS( ;avascript
5 8eutilizaci*n de c*digo de aplicativos &e+
5 Acceso a ,uncionalidades nativas
- Inconvenientes
5 8endimiento in,erior al de aplicaciones nativas
- SD3s
5 P<oneGap( 2itanium(%%

5
Modelo web
- Caracter'sticas
5 B2MLGCSSG;avaScript
5 B2MLH =e+$it
5 Contenido cargadao en el navegador mediante U8LS
5 Aspecto no nativo
5 6pci*n Xpages
5 Crame&or$s 0avascript
- @enta0as
5 2ecnolog'as mu1 e4tendidas
5 Soportado en mAs dispositivos
5 Desarrollo 1 despliegue mAs rApido
- Inconvenientes
5 MAs lento 7ue opciones <'+ridas o nativas
5 :o dispone de ,uncionalidades nativas

6pciones de movilizaci*n en
IBM Lotus Domino

6pciones de movilizaci*n en IBM
Lotus Domino
5 Productos de terceros
- 2eamstudio Unplugged
- 9ouAt:otes Domino 2o Go
- )
5 Desarrollo aplicaciones nativasG&e+
- Independientes de tecnolog'a Domino
- Acceso via 8ES2 a Domino
5 Desarrollo nativo Domino
- Con Xpages
5 Domino I%H%J UP"
- controles m*viles nativos
- Basados en Do0o Mo+ile
5 Integrando otros ,rame&or$s
- ;7uer1 mo+ile
- Senc<a
- )

Introducci*n a XPages

Introducci*n a XPagesK L MuN son
XPagesO
5 Un elemento de dise/o :otesGDomino
5 Un modelo de e0ecuci*n para para generar aplicaciones &e+
modernas
5 Utiliza lengua0e de marcas XML para de,inirK
- Controles( or'genes de datos( l*gica de negocios 1 controles
personalizados
5 8esuelve limitaciones P<ist*ricasQ en Lotus Domino como
plata,orma de desarrollo &e+
- Separaci*n del inter,az de usuario 1 el modelo de datos( control de la
generaci*n del B2ML( estado en el servidor( multiidioma( e4tensi+ilidad
5 Modelo Fnico para distintos tipos de cliente
5 E4tensi+le en tiempo de e0ecuci*n 1 desarrollo
5 Basado en tecnolog'a estAndarK ;avaServerR Caces
5 Integrado en Domino Designer I%H%4
5 Berramientas de desarrollo visuales

Introducci*n a XPagesK Desarrollo
Domino en la actualidad
5 I%H%J CP D ! septiem+re de !"E
5 @ersi*n I%H%. Domino Social Edition D "er trim% !"JE
5 XPages
- ;SC en plata,orma Lotus Domino
5 Do0o tool$it
- Crame&or$ 0avascript
- =idgets de de,inici*n inter,az de usuario( A;AX( mo+ile
5 6:EUI %" CSS
- Un ,rame&or$ CSS
- Soporte multinavegador
5 Xpages E4tension Li+rar1
- Controles +asados en ;ava
- So,t&are li+re
- Incorporado como PCeature Pac$Q en Domino I%H%J UP"


5
Principios de dise/o
-
Modelo de desarrollo &e+
5 Aplicaciones &e+ > Acceso online
5 Estilo de desarrolloK Aplicaciones en PunaQ pAginaQ
5 Estilos 1 eventos <acen uso de Do0o Den segundo planoE
"%S%"
- :o es necesario conocer Do0o
-
Dispositivos o+0etivo
5 iP<one( Android( Blac$+err1 D pendiente E
-
Dise/o +asado en controles del Domino I%H%JUP"
5 Elementos propios para desarrollo m*vil
5 Elementos compartidos con aplicativos de escritorio
- Data@ie&( Corm2a+le( Corm8o&()

5
Alternativas
-
Desarrollo &e+ clAsico
5 Es necesario crear un Crame&or$ propio%
5 Ba1 7ue PlidiarQ con la trans,ormaci*n de B22P de Domino
- PrActicamente es desarrollo en editor de te4to
5 :o recomendado
-
Uso de ,rame&or$s alternativos
5 P%e0% ;7uer1 mo+ile
5 Una opci*n via+le
5 8e7uiere mAs tra+a0o
5 Es necesario conocer el ,uncionamiento del ,rame&or$
5 :o se aprovec<an los controles e4istentes
- Data@ie&( Corm

5
Inter,az 07uer1 mo+ile

Movilizaci*n con XpagesK Do0o
mo+ile

Prerre7uisitos
5
So,t&are necesario
-
Domino I%H%J CP" o superior
-
Domino Designer I%H%J CP" o superior
-
Domino I%H%J Upgrade Pac$ " DCIHBUE:E
5 Descarga+le desde IBM Passport Advantage
- Paquete ejecutable
- ISO
5
Instalaci*n de Domino I%H%J UP" en
-
Domino Designer
-
Lotus :otes
-
Servidor Domino

Prerre7uisitosK Domino I%H%J UP"
5
Instalaci*n en Domino DesignerG:otes
-
Para =indo&sK
5
Lanzar el e0ecuta+le 853UpdatePack_
5
Seguir las indicaciones del asistente%
5
:62AK E0ecutar la instalaci*n de Designer( la de
:otes o am+as%

5
Instalaci*n en Domino
-
Asegurarnos de no tener instalada la XPages
Extension Library
-
Para =indo&sK
5
Lanzar el e0ecuta+le w32n_upgradepack.exe o
w6n_upgradepack.exe
5
Seguir las indicaciones del asistente%

5
Instalaci*n en Domino
-
8einiciamos el servidor 1 compro+amos la
correcta instalaci*n de los nuevos p!ug"ins
desde la consolaK
T tell <ttp osgi ss com%i+m%domino
T tell <ttp osgi ss com%i+m%&in$
T tell <ttp osgi ss com%i+m%4sp%e4tli+

Elementos de dise/o

Elementos de dise/o
5
:uevos elementos de dise/o incorporados
en la XPages E4tension Li+rar1

Elementos de dise/o
Tag name ommon name Descri!tion
appPage Mobile Page Contains one mo+ile page% 6nl1 one
page displa1s at a time%
d04mBeading Page "eading Provides <eader in,ormation and +asic
navigation%
d04mLineItem Static line item Provides a &a1 to lin$ to ot<er mo+ile
pages%
d04m8ound8ectLis
t
#ounded $ist 2<is control displa1s a rectangle &it<
rounded corners%
d04mS&itc< Mobile Switch =or$s as an onGo,, s&itc< &it< +e<avior
li$e a c<ec$+o4%
singlePageApp Single Page
%!!lication
Contains a mo+ile application% Controls
its la1out and con,iguration%
ta+Bar Tab &ar Presents a +anner upon &<ic< +uttons
can +e placed%
ta+BarButton Tab &ar &utton Presents a +anner upon &<ic< +uttons
can +e placed%

Elementos de dise/o
5
8eutilizaci*n de controles no
espec',icos para desarrollo m*vil
-
Distintos comportamientos de los
controles en ,unci*n del dispositivo
-
@isualizaci*nK Estilos a0ustados al
dispositivo mediante temas(
automAticamente%
-
Controles para visualizaci*n de vistas(
de documentos()


5
Aplicaci*n desarrollada en !!.
-
Gesti*n de clientes( pro1ectos( actividades e
incidencias%
-
Inter,az Lotus :otes
5
6+0etivo
-
Permitir el acceso desde dispositivos m*viles
5 iP<one( Android( BB
5
Presupuesto asignado al pro1ecto
-
El m'nimo
5
Propuesta tecnol*gica
-
XPages

5
Gesti*n de clientesK Inter,az :otes

5
Inter,az m*vil

5
Inter,az m*vil

5
Inter,az m*vil

5
Inter,az m*vil


5
SinglePage Application
Control
-
La aplicaci*n se crea en
una sola XPage
-
La aplicaci*n contiene
mFltiples vistas DpAginasE
5
2ransiciones A;AX entre
pAginas
-
:avegaci*n entre vistas
5
8eseteo de contenido

Construcci*n de la aplicaci*nK
Con,iguraci*n
5
Propiedades de la aplicaci*n
-
Activaci*n del uso de la li+rer'a XPages
Extension Library
-
#cti$ado auto%&tica%ente

Con,iguraci*n
5
Modi,icaci*n de 4sp%properties
5
4sp%t<eme%mo+ile%pagePre,4UmV
5
Indicamos el pre,i0o 7ue tendrAn las Xpages 7ue
van a re7uerir el uso de temas m*viles
5
Utilizado para los controles 7ue pueden utilizarse
en aplicaciones m*viles 1 de escritorio

Primeros pasos
5
Estructura de la
aplicaci*n
- SinglePageApp
5 Contenedor de 26DA
la aplicaci*n
5 Un elemento 7ue
agrupa todo el dise/o
5 selectedPage:ame
- 6+ligatorio
- :om+re de la
pAgina viaulizada al
arrancar la
aplicaci*n

Primeros pasos
5
La primera pAgina
-
mo+ilePage
5 8epresenta la
ventana de
visualizaci*n
5 ContendrA listas de
registros( ,ormularios(
imAgenes%
5 Es el elemento
destino de las
transiciones entre
pAginas

Primeros pasos
5
La primera pAgina
-
Panel de dise/o en Designer
-
@isualizaci*n en el navegador

Elementos de pAgina
5
Page Beading
-
2'tulo superior de
la pAgina
-
:avegaci*n de
retorno
-
Permite incluir
acciones
5
Static Line Item
-
Eti7uetas
-
:avegaci*n

Construcci*n de la aplicaci*n K
Elementos de pAgina
5
Previsualizaci*n
-
PageBeading

Elementos de pAgina
5
Inclu1endo una eti7ueta
-
8ounded List
5
ActFa como marco contenedor
5
Cuadro con ,ondo +lanco 1
+ordes redondeados
-
Static Line Item
5
Eti7ueta con propiedades
- :avegaci*n( icono( te4to( te4to a la
derec<a

Elementos de pAgina
5
Arrastramos el control 'oundedList a
nuestra XPage

Elementos de pAgina
5
Insertamos el control
(tatic Line )te%
5
Propiedades
-
la+el
5 Eti7ueta 7ue se visualiza
-
move2o
5 PAgina 7ue se va a
visualizar al PtocarQ la
eti7ueta
-
transition
5 Cade(,lip(slide()

Elementos de pAgina
5
@isualizaci*n de los controles de
navegaci*n

Elementos de pAgina
5
Inclu1endo una imagen
-
Image
5
Previamente importada en
la +ase de datos

2ransiciones entre pAginas
5

5 $ineItem
- Permite navegar a una pAgina de la
aplicaci*n
- Prop% move2o
5 Incluir el valor del atri+uto page:ame de la
pAgina destino
- Propiedad transition
5 Indica c*mo va a ser la transici*n entre
pAginas
5 Puede de,inirse a nivel de 8ound 8ect List
5 Page "eading
- Elemento de navegaci*n 7ue permite
P@olverQ a una pAgina anterior
- Prop% move2o
5 Incluir el valor del atri+uto page:ame de la
pAgina destino
- Prop% 2ransition
- Prop% Bac$
5 Eti7ueta a mostrar al usuario

5
6tros mecanismos
-
2ransiciones mediante eventos
5 P%e0% En un +ot*n
-
Corzando la U8L
5 B+dd%ns,G4page%4sp?miPagina

6rganizando el dise/o
5
Usando controles personalizados
-
E7uivalente PconceptualmenteQ a un su+,ormulario
-
Permite PordenarQ 1 clari,icar el dise/o
-
Permite reutilizaci*n de elementos de dise/o
-
@amos a utilizarlo para PordenarQ

5 Copiamos 1 cortamos el c*digo de nuestra mo+ilePage
5 Pegamos el c*digo en el control personalizado creado anteriormente
- Insertamos el namespace xmlns:xe="http://www.ibm.com/xsp/coreex"

5
C*digo ,uente de nuestra Xpage tras la
creaci*n de los controles personalizados
-
Se <an insertado mediante Parrastrar 1 soltarQ
los nuevos controles creados

@isualizaci*n de datos
5
Data@ie& control
- Elemento no espec',ico
de desarrollo m*vil
- Estilo visual
dependiente del
dispositivo 7ue solicita
la pAgina
- Permite visualizar los
documentos de una
vista%
- AdicionAlmente( puede
mostrar in,ormaci*n de
un origen de datos
relacional

5
Data@ie& control
-
Puede mostrar in,ormac'*n
de una vista de la propia
++dd o de otra%
-
Data source name
5
:om+re programAtico del
control en SS;S

5
Data@ie& control
-
Propiedades +Asicas
5
ro&s
- :W de ,ilas a mostrar
5
summar1Column
- :om+re de la
columna de la vista a
mostrar

5 @isualizando mAs registrosK
Pager Add 8o&s
- Permite mostrar mAs
registros%
- Mecanismo A;AX de
petici*n de registros 1
modi,icaci*n del inter,az de
usuario
- Propiedades
5 ,or
- :om+re del control al
7ue se asocia este
paginador
5 ro&Count
- :W de ,ilas a a/adir
5 te4t
- Eti7ueta a mostrar

5
8esultado en nuestra aplicaci*n

@isualizaci*n de documentos
5
Apertura de documentos
-
Crear pAgina de visualizaci*n doc*!iente
5
ContendrA un control de tipo panel
- Es un elemento contenedor
- Puede gestionar su propio datasource
-
Indicar en el Data@ie& c*mo a+rir el
documento
5
page:ame propert1

5
Creaci*n del ,ormulario de visualizaci*n del
documento%
-
Pasos
5 Crear un control mo+ilePage
- page+a%e,doc*!iente
5 Crear un control PageBeading
- 2itulo( navegaci*n()
5 Posteriormente
- Crear un Panel
- Crear un datasource en el Panel
- Crear un ,ormulario asociado al datasource para mostrar el
contenido de los campos <erramienta automAtica

5
Preparaci*n del
contenedor Panel
-
:ecesario para
7ue el Am+ito del
datasource sea el
correcto
-
Pasos
5 Arrastramos un
control de Panel
en nuestro CC
5 Insertamos un
8ound 8ect List
dentro del panel

5 De,inimos el datasource a nivel de
Panel
- En la ventana de dise/o Seleccionamos
el control Panel
- Accedemos a la pesta/a TData
- Pulsamos el +ot*n Add
- Indicamos el ,ormulario a utilizar Corm
5 Creamos del ,ormulario DE:286 del
Panel
- En la vista de Eclipse Data
5 Activamos el uso del asistente
5 Seleccionamos todos los campos
5 Arrastramos los campos al interior de
nuestro panel

5
Indicar en el Data@ie&
c*mo a+rir el
documento
5
page:ame propert1
- Incluir el valor del atri+uto
page:ame de la pAgina
destino
5
openDocAs8eadonl1
propert1

5
8esultado visual

Edici*n de documentos
5 Mecanica de edici*n similar a una aplicaci*n para navegador
estAndar
- Utilizaci*n de acciones simples G o mediante c*digo
5 @amos a crear una +arra de acciones
- 2a+Bar( 2a+Bar Button
5 Puede crearse en la ca+ecera de la pAgina o dentro de la misma
5 Botones soportan condiciones del tipo P@isi+leQ
- Podemos ocultarlos condicionAlmente
- Acci*n simple move 2o Mo+ile Page
5 Permite navegar a una pAgina distinta
5 Utiliza+le en cual7uier evento de la XPage

5 Creaci*n de una +arra de acciones
dentro del control Panel
- 2a+Bar
5 +ar21pe propert1
- SegmentedControl
5 Insertamos los P+otones 2a+Bar
Button
- 2a+Bar Button
5 La+el propert1
- Eti7ueta del control

5
6cultando +otones
- Seleccionamos el control
2a+BarButton D +ot*n
EDI2A8E
- Desmarcamos la
propiedad @isi+le
- Pulsamos +ot*n derec<o
del rat*n so+re el icono
en ,orma de rom+o 0unto
a la propiedad
- Indicamos la condici*n
mediante SS;S para la
visualizaci*n del control
!document1.isEditable
- 8epetimos el procedimiento
con el resto de +otones

5 Creando la acci*n GUA8DA8
GUA8DA8E
- A+rimos la pesta/a Eventos
- Seleccionamos Server
Action)
- Seleccionamos la acci*n
simple Move 2o Application
Page
5 A+andona la pAgina actual 1
opcionalmente guarda el
documento 7ue estuviNramos
editando
5 Propiedades
- ,orceCull8e,res<
- saveDocument
- targetPage
- 2ransition21pe

Eliminaci*n de documentos
5 Creando la acci*n ELIMI:A8
ELIMI:A8E
- A+rimos la pesta/a Eventos
- Seleccionamos Sever
Action)
simple Delete Document
5 Elimina un documento(
solicitando( opcionAlmente(
con,irmaci*n al usuario%
5 Propiedades
- :ame o, page to open
ne4t
- Data source name
Action)
simple Move 2o Application
Page

BFs7uedas
5
:o automAticas
5
Uso de varia+les de
sesi*n
- re7uestScope
5
Ciltrado del
Data@ie& similar al
utilizado en
aplicaciones &e+
para navegador de
escritorio

Propiedades especiales
5
appPage
-
resetContent
5 Por de,ecto a CALSE
5 Indica 7ue <a de volver a
cargarse el contenido de
la pAgina
5 A 28UE( en pAginas 7ue
contengan contenido
dinAmico

5 Corzando la pAgina de inicio segFn el tipo de navegador
- a'terPage$oad event
X4pKt<is%a,terPageLoadT
XYZCDA2AZ?[0avascriptK
var uAgent U conte4t%getUserAgentDE%getUserAgentDE\
i, DDuAgent%matc<D]iP<one]E YUU null ^^ param%plat,romUU]ip<one]E ^^
DuAgent%matc<D]Android]E YUU null ^^ param%plat,romUU]android]E ^^
uAgent%matc<D]iPad]E YUU null
E
[
conte4t%redirect2oPageD]GmVApplication%4sp]( trueE\
_
else
[
conte4t%redirect2oPageD]GallDocuments%4sp]( trueE\
_
_``T
XG4pKt<is%a,terPageLoadT
aS
Turno de !reguntas
<ttpKGG&&&%slug%es
aa
r(ditos
<ttpKGG&&&%slug%es
aI
Gracias
Grbcies
Es$erri$ as$o
Merci
2<an$ 1ou
Dan$esc<cn
Grazie
Grada

ESLUG 2012 XPages Movilización

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

ESLUG 2012 XPages Movilización

Cargado por

Copyright:

Formatos disponibles

Movilizando aplicaciones en un entorno IBM Lotus Domino con XPages

También podría gustarte