tutorial lotus designer

Tutorial Lotus Designer http://www.notesring.com

[email protected] http://club.telepolis.com/roccorocco

Bases de Datos

De Gestión del Conocimiento (Tutorial Lotus Designer)

Aprendiendo a Desarrollar en Lotus Notes

http://roccosworld.redireccion.com/

mailto:[email protected]

http://club.telepolis.com/roccorocco

Tutorial Lotus Designer http://RoccosWorld.redireccion.com


2-95 13/12/2014-16:16

Índice

1. Objetivo ..................................................................................... 4

2. Introducción de Ideas ................................................................ 4

3. Empezamos el desarrollo. ......................................................... 4

Características Principales de la Aplicación: .......................... 4

4. Definición de los elementos del Lotus Designer ........................ 6

Páginas .................................................................................. 6

Formularios: ........................................................................... 6

Vistas: .................................................................................... 7

Carpetas: ................................................................................ 7

Guías:..................................................................................... 7

Agentes: ................................................................................. 7

Sinopsis .................................................................................. 8

Recursos Compartidos ........................................................... 9

Recursos de imagen............................................................... 9

Campos compartidos ............................................................ 10

SubFormularios .................................................................... 10

Bibliotecas de scripts ............................................................ 10

Archivos de Java compartidos .............................................. 10

Acciones compartidas .......................................................... 11

5. Creando la Base de Datos....................................................... 12

6. Creación de Formularios, campos, tablas, acciones, etc.: ....... 14

Creando Vistas ..................................................................... 26

7. Nueva parte 28-1-01 ................................................................ 37

Creando un Guía .................................................................. 42

Flujo de Trabajo ................................................................... 49

SubFormulario de Acciones ............................................... 51

Acciones Compartidas .......................................................... 58

Creando el Agente de Envío y Envío de Actualización ......... 60

8. Objetos de Lotus Script y OLE R5 ........................................... 65

9. Objetos de Lotus Script y OLE R4.6 ........................................ 66

10. Objetos de Lotus Script y OLE R4.5 ..................................... 67

11. Preparando la Aplicación para el Entorno Web .................... 69

Comentarios ......................................................................... 69

Preparación para la Web ...................................................... 69

Objetivos: ............................................................................. 69

Navegador Superior, Izquierdo y Central .............................. 70






3-95 13/12/2014-16:16

Creación Formularios de Búsquedas. .................................. 84

Formulario de Resultados. ................................................... 88

Texto Calculado ................................................................... 93

Enlaces desde un campo de tipo Texto y Calculado al Visualizar .................................................................................... 94

Personalizando los Twisties de la vista Incrustada ............... 97






4-95 13/12/2014-16:16

11.. OObbjjeettiivvoo

Se me ocurrió un día escribir un manual sobre el Lotus Designer, pero tiene tantas cosas

que me puedo tirar unos años y decidí crear un manual cuyo objeto fuese crear una

aplicación paso a paso de Gestión del Conocimiento. Con una idea añadida de ir

introduciendo nuevas ideas, modificaciones o mejoras a esta aplicación gracias a las

contribuciones de los desarrolladores o lectores de este manual.

Esta aplicación es pequeña de momento, pero con la ayuda de todos se podría crear una

aplicación bastante compleja.

Hacer un manual completo sobre el Designer con todas las funciones @, LotusScript,

etc. es casi imposible y sería un manual muy grande, por eso, quiero explicar una

aplicación paso a paso para introducir al lector en el desarrollo de aplicaciones Lotus.

22.. IInnttrroodduucccciióónn ddee IIddeeaass

La forma que se me ha ocurrido es introduciendo las mejoras o las dudas en el foro, para

que todos puedan opinar y aprender. Otra opción es enviar un E-mail a

[email protected] con el Asunto Ideas Manual Gestión del

Conocimiento

33.. EEmmppeezzaammooss eell ddeessaarrrroolllloo..

Características Principales de la Aplicación:

Entorno Lotus Notes y Web.

Flujo de trabajo

Envío de correo notificando nuevos documentos o manual mente.

Formularios

Gestión del Conocimiento

La información estará categorizada por Entorno

Habrá una Breve Descripción

Código o ficheros

Puntuación 1-5

Autor

Fecha de Creación

Exportación del formulario a documento de Word

Destinatarios

Dirección

Vistas







5-95 13/12/2014-16:16

Por Categoría

Por Fecha

Nuevos

Destinatarios de Correo

Documentos Con Anexos

Vistas ocultas

Agentes

Envío de Correo

Envío de Actualización






6-95 13/12/2014-16:16

44.. DDeeffiinniicciióónn ddee llooss eelleemmeennttooss ddeell LLoottuuss DDeessiiggnneerr

Páginas

Las páginas y los formularios son, en cierta medida, similares.

Una página es un elemento de diseño de las bases de datos que

muestra información. Las páginas se pueden usar en cualquier

lugar de su aplicación en donde tenga texto, gráficos o controles

incrustados, como, por ejemplo, esquemas, para mostrar a los

usuarios.

Los formularios además le permiten recoger información. No

obstante, los campos, SubFormularios, marcos de diseño y

algunos tipos de controles incrustados sólo pueden utilizarse en

los formularios. En resumen, una página es más apropiada para

mostrar información mientras que un formulario es más adecuado

para recopilar la información.

Formularios:

Los formularios, como las páginas, muestran información. Todo

lo que puede hacerse con una página puede hacerse con un

formulario. Lo que distingue a los formularios de las páginas es

que éstos tienen campos. Los formularios proporcionan la

estructura para la creación y visualización de documentos, siendo

los documentos los elementos de diseño que almacenan los datos

en la base de datos. Cuando un usuario cumplimenta la

información de un formulario y la guarda, la información se

guarda en un documento. Cuando un usuario abre el documento,

el documento utiliza el formulario como plantilla para ofrecer la

estructura de visualización de los datos.






7-95 13/12/2014-16:16

Vistas:

Una vista es un elemento que muestra los datos de los

documentos de una forma organizada. Las vistas constituyen la

zona de acceso a los datos almacenados en una base de datos.

Toda base de datos debe contener una vista como mínimo, aunque

la mayoría está compuesta por varias.

Carpetas:

Las carpetas son archivadores utilizados para almacenar

documentos relacionados o agrupaciones de documentos. Las

carpetas constan de los mismos elementos de diseño que las

vistas. Puede diseñar las carpetas prácticamente de la misma

forma que las vistas, con el comando Crear - Diseño - Carpeta.

La diferencia entre las carpetas y las vistas consiste en que éstas

siempre tienen una fórmula de selección de documentos que

agrupa y muestra los documentos automáticamente. Las carpetas

permanecen vacías hasta que los usuarios o los programas

insertan documentos en ellas.

Guías:

Los guías son elementos gráficos que contienen áreas

programadas que dirigen a los usuarios a zonas específicas de una

base de datos. Los guías permiten a los usuarios localizar

documentos o realizar acciones sin necesidad de abrir las vistas.

Agentes:

Los agentes son programas autónomos que llevan a cabo una

tarea específica en una o más bases de datos. Constituyen el tipo

de automatización más flexible, ya que:

Pueden ejecutarse en primer plano cuando lo deseen los

usuarios, o hacerlo automáticamente en segundo plano como

agentes programados.

No están asociados a ningún elemento de diseño concreto.






8-95 13/12/2014-16:16

Se pueden ejecutar en un servidor determinado, en varios

servidores, en estaciones de trabajo o en Web.

Pueden ejecutar otros agentes.

Pueden contener acciones simples, fórmulas, LotusScript o

programas en Java.

Pueden ser fácilmente distribuidos, puesto que se pueden

replicar.

Pueden ser personales o compartidos.

1. Un agente personal es creado y ejecutado por el

mismo usuario. Ningún otro usuario puede

ejecutar un agente personal.

2. Un agente compartido es creado por un usuario y

lo pueden ejecutar otros.

Dado que los agentes son muy flexibles y potentes, es mejor que

piense sus características antes de decidir el tipo de agente que

desea crear y, una vez pensadas, crearlo.

Con el Administrador de agentes se pueden controlar todos los

aspectos de la creación, ejecución y solución de problemas

relativos a los agentes. El Administrador de agentes comprueba la

seguridad, gestiona la programación de los agentes, supervisa los

eventos y ejecuta los agentes apropiados cuando se producen los

eventos relacionados con ellos, almacena información en un

registro (el Registro de agentes) y lleva a cabo operaciones en las

bases de datos para ejecutar las tareas automatizadas relacionadas

con los agentes. Aunque no se trabaja directamente con el

Administrador de agentes, sí que se utilizan sus componentes para

crear agentes y solucionar problemas relacionados con ellos.

Sinopsis

El cuadro de diálogo Sinopsis del diseño permite generar

informes detallados sobre una base de datos determinada.

Sinopsis del diseño le permite:

1. Recopilar información sobre una base de datos

2. Seleccionar los elementos de diseño que desee

incorporar a su informe






9-95 13/12/2014-16:16

3. Filtrar los contenidos del informe de modo que no se

obtenga de modo automático un informe extenso

4. Seleccionar si se desea que el informe aparezca en

pantalla o que sea escrito en una base de datos

determinada

Recursos Compartidos

Cada base de datos está capacitada para incluir su propia

biblioteca de recursos compartidos. Los recursos compartidos

permiten hacer referencia a un recurso que se repite en numerosas

ocasiones en una misma aplicación, sin necesidad de mantenerlo

más que en una ubicación estándar. Por ejemplo, si se emplea el

logotipo de una empresa en diversas ocasiones en una misma

aplicación y se modifica su diseño, sólo habrá que modificarlo

una vez en el recurso correspondiente para que el cambio se

aplique en todos los lugares en los que se hace referencia a esa

imagen.

Es posible crear los recursos siguientes:

Recursos de imagen

Los recursos de imagen son archivos gráficos que se pueden

utilizar en una aplicación. Éstos pueden proceder de los

formatos GIF, JPEG o BMP, aunque se almacenan en

Designer con los formatos GIF o JPEG. Un recurso de

imagen puede utilizarse como gráfico o icono en las páginas,

los formularios, los botones de acción y las entradas de

esquemas o como imágenes de fondo en formularios,

documentos, páginas, tablas y botones de acción.

Campos compartidos

Si lo desea, puede definir un campo para su uso en varios

formularios. Por ejemplo, muchos formularios disponen de un






10-95 13/12/2014-16:16

campo para la fecha de creación; por lo que puede definirse el

campo una sola vez y utilizarse en repetidas ocasiones.

Cuando se define un campo como campo compartido,

Designer lo muestra con un marco oscuro y agrega su nombre

a una lista de campos compartidos disponibles para su uso en

una base de datos. Si desea más información, consulte el tema

SubFormularios

Un SubFormulario es un conjunto de campos diseñados para

usarse en más de un formulario. Por ejemplo, se podría crear

un membrete corporativo en un SubFormulario y, a

continuación, usar el SubFormulario en una variedad de

formularios de negocios. Si desea más información, consulte

el tema

Bibliotecas de scripts

Una biblioteca de scripts funciona como almacén donde se

guardan y desde donde se comparten programas de

LotusScript y código Java. Una biblioteca de scripts contiene

scripts para usuarios y (Option), (Declaration), Initialize y

Terminate. Todos los scripts incluidos en una base de datos

pueden compartir el código de una biblioteca de esa base de

datos.

Archivos de Java compartidos

Existen applets de Java con múltiples archivos, por lo que

podría ser interesante almacenar algunos de los archivos

relacionados como recursos compartidos en la base de datos.

Al configurar los archivos como recursos compartidos, todos

los applets pueden utilizar una única copia del archivo, en

lugar de que cada applet almacene su propia copia. De este

modo, si se necesita actualizar un archivo, sólo habrá que






11-95 13/12/2014-16:16

actualizar uno de los recursos compartidos. Si desea más

información, consulte el tema

Acciones compartidas

Las acciones compartidas se pueden utilizar en formularios o vistas para configurar

tareas que debe activar el usuario. Se puede establecer que estas acciones estén

disponibles en el menú Acciones o como botones de la barra de acciones. Estas acciones

permiten a los usuarios llevar a cabo determinadas tareas cuando acceden a bases de

datos de Domino en Web.






12-95 13/12/2014-16:16

55.. CCrreeaannddoo llaa BBaassee ddee DDaattooss

Lo primero de todo es crear nuestra Base de Datos

Desde Lotus Notes pulsamos en Archivo Base de Datos

Nueva o pulsamos la combinación de teclas CTRL+K. (Ver

Figura 1.0 )

(Figura 1.0 Ventana de Diálogo Base de Datos Nueva)

Llamamos a la Base de Datos Gestión Conocimiento

(GestionC.nsf) y la ubicamos en el directorio que deseemos, pero

simplemente dentro de Notes \ Data o dentro de un subdirectorio

del mismo.






13-95 13/12/2014-16:16

Dejamos las demás opciones como están.

Pulsamos con el Botón Derecho sobre el Icono de la nueva base

de datos y seleccionamos Abrir Designer (Figura 1.1)

(Figura 1.1 Abrir una Base de Datos en el Designer)






14-95 13/12/2014-16:16

66.. CCrreeaacciióónn ddee FFoorrmmuullaarriiooss,, ccaammppooss,, ttaabbllaass,,

aacccciioonneess,, eettcc..::

Pulsamos en Formularios (Figura 1.2):

(Figura 1.2 Selección del elemento de Diseño Formulario)

y en el botón Nuevo Formulario (Figura 1.3)

(Figura 1.3 Botón de Nuevo Formulario)

Lotus Designer nos muestra un Formulario en Blanco.

Introducimos una tabla seleccionando el menú Crear / Tabla o pulsando sobre el

SmartIcon . Por el momento nos interesa dos filas y dos columnas con lo cual

pulsamos en el Botón Aceptar (Figura 1.4)






15-95 13/12/2014-16:16

(Figura 1.4 Seleccionado las filas, las columnas y el tipo de tabla)

Introducimos los siguientes valores de la siguiente forma:

Escribimos el texto Categoría (Columna Izquierda, primera Fila) e insertamos un campo

( Menú Crear Campo) al que llamaremos dlgCategoria y cuyo tipo será Cuadro de

Diálogo y Editable (Figura 1.5). Por el Momento no introduciremos formula al campo.

Introducimos el texto Descripción (Columna Izquierda, segunda fila) e introducimos

otro campo al que llamaremos tDescripcion y será de tipo Texto y Editable.

Para ver las propiedades de los objetos simplemente seleccionamos el objeto y pulsamos

sobre el SmartIcon .






16-95 13/12/2014-16:16

(Figura 1.5 Configurando las propiedades de los campos)

Cuando tenemos el Cuadro de Diálogo de las propiedades del objeto podemos pulsar en

el triangulito para poder acceder a las propiedades de otros objetos (Figura 1.6)

(Figura 1.6 Selección de las propiedades de otros Objetos)

Dependiendo del objeto seleccionado veremos más o menos objetos en el cuadro de

selección.

Vamos a seleccionar las Propiedades del Formulario de la forma anteriormente explicada

seleccionado Formulario (Figura 1.7)






17-95 13/12/2014-16:16

El Cuadro de Diálogo cambia de forma, mostrándonos las propiedades del Objeto

Formulario.

(Figura 1.7 Propiedades del Formulario)

En Nombre ponemos Gestión de Conocimiento

El Alias FConocimiento

Como se puede observar he puesto el nombre y el alias entre el carácter | que se consigue

con la combinación de teclas Alt Gr + 1. El alias sirve para llamar al formulario de una

forma interna. No es obligatorio, pero es muy aconsejable. Muchas veces podemos

llamar a los formularios de alguna forma y con el tiempo queremos cambiarlo. Si

hiciéramos esta en una aplicación con documentos nos daría error y además tendríamos

que cambiar la referencia del formulario en todos los sitios donde apareciese el nombre

del formulario (en vistas, agente, acciones, etc. Por eso, si creamos un alias y siempre

referenciamos al formulario por el alias, podemos cambiar el Nombre sin tener que hacer

ninguna modificación en ningún sitio. Lógicamente no hay que cambiar el alias, porque

sino estaríamos en el mismo problema.

En Mostrar deseleccionamos

Incluir en

Incluir en el Auxiliar de Búsquedas

Seleccionamos Actualizar Campos Automáticamente.

Añadimos otra fila para introducir nuevos campos. Nos situamos en la fila de abajo y

pulsamos en el menú Tabla Agregar Fila.

Nota: Si pulsáramos en Tabla Insertar Fila nos introduciría una fila entre la primera y

la última fila.

Introducimos el texto Código / Anexo en la columna izquierda y en la columna de la

derecha Creamos un campo de tipo Texto Enriquecido y le llamamos rtcodigo.






18-95 13/12/2014-16:16

Creamos un nuevo campo fuera de la tabla llamado rdValoracion y de tipo Radio Button.

En las propiedades, pulsamos en la segunda pestaña configurándola como en la siguiente

pantalla. (Figura 1.8)

(Figura 1.8 Propiedades del campo rtcodigo de tipo Radio Button).

Número de columna: 5, para que aparezcan las opciones en una sola línea.

Opciones: introducimos los valores 1,2,3,4,5 separados por Enter (Retorno de carro).

Nos creamos otros campos que se suelen utilizar casi siempre que es el Autor y la Fecha

de Creación.

Campo Autor (tAutor):

Creamos un campo de tipo Texto Calculado al Crear llamado tAutor y con la siguiente

formula

@Name([cn];@UserName).

Esta formula nos dará el nombre completo del usuario que crea el documento.

Campo Fecha de Creación (tFechaCreacion):

Campo de tipo Fecha / Hora calculado al crear con la siguiente formula:

@Created

Alguno pensará en @Now pero la diferencia es que la fórmula @Created coge la fecha y

hora del servidor, mientras que @Now la coge de nuestro PC. Si además a la aplicación

acceden muchos usuarios siempre es más fácil encontrarte con usuarios “torpes “ que

tocan cosas del PC y cuando le falla su fecha siempre pueden decir eso de “yo no he

tocado nada..” (Por Experiencia). Es más difícil que esté mal la hora del servidor que la

de los PCS de los usuarios. Con lo que yo siempre utilizo el @Created.

De momento probemos el formulario pulsando en el SmartIcon Vista Previa en Notes

(Figura 1.9)






19-95 13/12/2014-16:16

(Figura 1.9 Vista Previa en Entorno Notes desde un Formulario)

Si habéis seguido bien los pasos tendríais que ver algo parecido a la siguiente pantalla

(Figura 1.10)

(Figura 1.10 El formulario visualizado en Lotus Notes)

Bueno poco a poco vamos creando nuestra aplicación.

Vamos a continuar con el formulario.

Vamos a Crear las acciones Editar Documento, salir, guardar, guardar y salir .

Pulsamos en el menú Crear Acciones (Figura 1.11)






20-95 13/12/2014-16:16

(Figura 1.11 Propiedades de una Acción)

En Nombre ponemos Editar Documento

En la parte de Gráficos Seleccionamos Notes y pulsamos en imágenes seleccionado el

icono que más nos guste. Si pulsáramos en otro podríamos seleccionar imágenes que

tuviésemos en el elemento de diseño Recursos Imágenes (Figura 1.12)

(Figura 1.12 Recursos de Imágenes)

Para introducir nuevos gráficos en Recursos / Imágenes simplemente pulsaríamos en

recurso de imagen, nos abre un explorador de carpetas y seleccionamos las imágenes que

queramos. Como en Windows podemos pulsar la Tecla CRTL para seleccionar ficheros

alternos o la tecla Mayúsculas para coger varios de una vez sin alternar.






21-95 13/12/2014-16:16

Bueno después de explicar los recursos de imágenes continuamos con nuestras acciones.

Ponemos como Formula en nuestro botón de Editar Documento:

@Command([EditDocument])

Pulsamos en la acción para visualizar las propiedades y pulsamos en la pestaña de

formulas de ocultación (Figura 1.13)

(Figura 1.13 Pestaña de ocultación de los objetos Lotus Notes)

Hacemos Click en Ocultar la acción cuando el Documento está en Envista

previa(edición) y Abierto(edición).

Lógicamente este botón se suele ocultar cuando el documento está en modo edición.

Guardar:

Creamos la acción de la misma forma que la anterior y la llamamos Guardar.

Seleccionamos la imagen que más nos guste y en las formulas de ocultación hacemos

Click en Vista Previa (Lectura) y en Abierto (Lectura). Lo más lógico es que este botón

se utilice cuando un documento está en modo edición. La formula es:

@Command([FileSave]).

Guardar y Salir:

Igual que el anterior seleccionar las mismas propiedades de ocultación y seleccionar otra

imagen y la llamamos Guardar y Salir.

La formula sería:

@Command([FileSave]);@Command([FileCloseWindow])

Salir:

Llamamos a la acción Salir, no tiene formulas de ocultación puesto que se puede pulsar

tanto en modo lectura como en edición.

Le ponemos la formula:

@Command([FileCloseWindow])

Bueno ya tenemos nuestras acciones estándar. Pulsemos en el icono Visualización

previa en Notes (Figura 1.15).






22-95 13/12/2014-16:16

(Figura 1.15 Comprobando las formulas de Ocultación de las Acciones en Lotus Notes).

No se ve el botón de Edición porque el documento está en modo Lectura.

Vamos a personalizar un poco más el formulario.

Pulsamos en cualquier parte del Formulario y seleccionamos en el cuadro de Objetos en

el Objeto Titulo de la Ventana (Figura 1.16).

(Figura 1.16 Introduciendo Formulas en el Titulo de la Ventana del Formulario).

He introducimos la siguiente formula:

@if(@IsNewDoc;"Documento Nuevo";tDescripcion)

Explicación:

Utilizamos una condición @If y la formula @IsNewDoc(si es un documento nuevo)

Explicación Literal: Si el documento es nuevo me pones Documento Nuevo y si no el

valor del campo tDescripcion. Guardar el formulario y probarlo, veréis que en el titulo

de la ventana aparece Documento Nuevo (Figura 1.17).

(Figura 1.17 Titulo de la Ventana)

Vamos a dar un poco de forma al Formulario.

Seleccionamos la Tabla y pulsamos en propiedades de la tabla y quitamos las líneas

pulsando en Todos a 0 (Figura 1.18).






23-95 13/12/2014-16:16

(Figura 1.18 Configurando los bordes de la Tabla)

Pulsamos en la Primera Pestaña y en Anchura seleccionamos Anchura Fija y en

Posición Centrada. (Figura 1.19)

(Figura 1.19 Configurando la posición de la Tabla)

Alargamos las celdas de la derecha, pulsando primera ver regla ( ) si no la veíamos,

pulsamos dentro de la celda derecha y veremos que en la regla veremos los marcadores

de la celda (Figura 1.20).






24-95 13/12/2014-16:16

(Figura 1.20 Utilización de la Regla)

Pulsamos en el Cuadradito y sin soltar arrastramos hacia la derecha.

Observamos que las celdas se hacen más largas.

Pongamos color a los campos y a los títulos del formulario. (Figura 1.21)

Seleccionamos el texto o el campo y seleccionamos el tipo de letra el color, etc.

(Figura 1.21 Dando formato al texto y a los campos)

Ponemos el texto Gestión de Conocimiento encima de la tabla, ponemos un al fondo

(Propiedades del Formulario cuarta pestaña Color) e introducimos una Barra

horizontal (Menú Crear Barra Horizontal seleccionamos un color para la barra).

Quedando de la siguiente forma((Figura 1.21):






25-95 13/12/2014-16:16

(Figura 1.21 Comprobando el Diseño del Formulario)

Bueno ya podéis trastear un poco con el diseño del formulario poniéndolo a vuestro

gusto.

Guardamos el formulario y si queremos lo cerramos.






26-95 13/12/2014-16:16

Creando Vistas

Vamos a Crear las vistas Necesarias.

Pulsamos en Vistas, por defecto nos aparece una vista llamada (sin titulo).

Hacemos Doble Click para abrir la vista.

Bueno, vamos a configurar la vista

En la primera columna ponemos en titulo (donde ahora aparece una #), Fecha de

Creación. (Figura 2.1)

(Figura 2.1 Seleccionado columnas)

En la formula de la columna, seleccionamos en campo y elegimos tFechaCreacion.

(Figura 2.2).

(Figura 2.2 Seleccionado la formula de la Columna)






27-95 13/12/2014-16:16

Con lo cual en esta columna nos mostrará el valor del campo tFechaCreacion en la vista.

Seleccionamos las propiedades de la columna haciendo doble Click sobre la columna y

seleccionamos Mostrar triángulo si la fila puede desplegarse. (Figura 2.3).

(Figura 2.3 Seleccionando las propiedades de la columna)

y en la siguiente pestaña seleccionamos Ordena Descendente y tipo Por Categorías

(Figura 2.4).

(Figura 2.4 Configurando el tipo de ordenación y el tipo de la columna)

En la tercera pestaña configuramos el formato de texto de las fechas que vayan

apareciendo y en la sexta pestaña configuramos el formato de texto del titulo de la

columna. Darle el formato que queráis.

Agregar más columnas:

Vamos a Agregar más columnas. Hacemos Doble Click sobre el lado derecho de la

primera columna (la barra larga) (Figura 2.5).






28-95 13/12/2014-16:16

(Figura 2.5 Barra larga)

En este caso no marcamos Mostrar triángulo si la fila puede desplegarse, en Ordenar

seleccionamos ascendente y en tipo marcamos Estándar. Ponemos como Titulo

Categoría.

En la formula de columna seleccionamos el campo dlgCategoria.

Introducimos una nueva columna con las propiedades iguales a la columna anterior,

ponemos el nombre de Descripción y seleccionamos como formula el campo

tDescripcion.

Configurar la vista.

Una vista sirve para mostrar y organizar los datos de los formularios. Las vistas pueden

mostrar datos de un documento como de varios.

Para configurar la vista, mostrar las propiedades y seleccionamos Vista (Figura 2.6)

(Figura 2.6 Seleccionando el Objeto Vista)

Nos aparecerá las siguientes Opciones (Figura 2.7):

Introducimos los datos

Nombre: Por Fecha

Alias: vFecha

(Figura 2.7 Propiedades de la Vista)

Pulsamos en la tercera pestaña y seleccionamos Extender la última columna hasta el

final de la ventana (Figura 2.8)






29-95 13/12/2014-16:16

(Figura 2.8 Configurando las opciones Generales de la Vista)

Bien por el momento no vamos a explicar más sobre las propiedades.

En la formula de selección de la vista veremos que pone Simple

Seleccionamos Formula (Figura 2.9)

(Figura 2.9 Formula de selección de la vista)

Nos aparecerá Select @All

Cambiamos la formula por la siguiente

Select Form=”FConocimiento”

Con esta formula seleccionamos los documentos creados con el formulario

FConocimiento.

Pulsamos en el botón de Aceptar (Figura 2.10)

(Figura 2.10 Seleccionado el Formulario)

Creamos una acción para crear nuevos documento, pulsando en el menú Crear

Acciones. Llamamos a la Acción Crear Documento. Seleccionamos el icono que nos

guste y le ponemos la formula :

@Command([compose];”FConocimiento”)

Guardamos la vista.

Nos vamos al cliente notes, entramos en la Base de datos y veréis algo parecido a esto

(Figura 2.11):






30-95 13/12/2014-16:16

(Figura 2.11 Comprobando la vista)

Probemos el botón Crear Documento para ver si funciona y crear nuevos documento

para visualizarlos en la vista. (Figura 2.12)

(Figura 2.12 Creando un Documento)

Pulsamos en Guardar y Salir y veremos en la vista algo parecido a (Figura 2.13):






31-95 13/12/2014-16:16

(Figura 2.13 Visualizando el documento Guardado en la Vista)

Ya tenemos una vista Categorizada por la Fecha de Creación del Documento.

Vamos a crear una vista especial para que nos muestre valores en el campo

dlgCategoria.

Creamos una vista y la llamamos Categorías , lo ponemos entre paréntesis para que sea

oculta y no se vea cuando entramos a la base de datos desde el cliente notes.

Por defecto tiene las misma columnas que la de Por Fecha, puesto que ésta es la vista

predeterminada y las vistas que crean nuevas cogen el diseño de la vista predeterminada,

aunque siempre podemos elegir otra vista para coger el diseño.

Bien abrimos nueva vista, seleccionamos la primera columna (Fecha de Creación) y

pulsamos en el botón de suprimir. Hacemos lo mismo con la tercera columna

(Descripción).

Nos mostraría esto (Figura 2.14):

(Figura 2.14 Visualizando)

Guardamos la vista y la cerramos.

Abrimos el Documento FConocimiento en el Designer, seleccionamos el campo

dlgCategoria y mostramos las propiedades (Figura 2.15):






32-95 13/12/2014-16:16

(Figura 2.15 Propiedades del campo dlgCategoria)

Seleccionamos en Opciones Permitir Valores Distintos y Usar Formula, pulsamos en

Ventana de Formula e introducimos la siguiente formula (Figura 2.16):

Categoría:=@Unique(@DbColumn("":"NoCache";"";"vCategorias";1));

@If(@IsError(Categoría);"";Categoría)






33-95 13/12/2014-16:16

(Figura 2.16 Introduciendo una formula en el campo dlgCategoria)

Si creamos un nuevo documento veremos que cuando pulsamos el botón que aparece en

el lado derecho del campo dlgCategoria (Figura 2.17)

(Figura 2.17 Probando el campo dlgCategoria)

Si queremos introducir un nuevo valor introduciendo en la parte de Nueva Palabra

Clave.

Seleccionar Lotus Notes, rellenar el resto de campos y Guardar el documento.

Todo esto es para explicar la formula del campo dlgCategoria

Categoría:=@Unique(@DbColumn("":"NoCache";"";"vCategorias";1));

@If(@IsError(Categoría);"";Categoría)

@DbColumn sirve para traer los valores de una columna de una vista a un campo.

Si vemos ahora la vista Categorías veremos lo siguiente (Figura 2.18)

(Figura 2.18 Visualizando la vista vCategorias comprobando que tiene dos documentos)

Como podemos observar se ven dos documentos que tienen la categoría Lotus Notes.

Por eso utilizo la formula @Unique que trae un único valor cuando éste está repetido.






34-95 13/12/2014-16:16

@If(@IsError(Categoría);"";Categoría) lo utilizo porque si no el @DbColumn no

encuentra valor o nos hemos equivocado en la formula daría un error, con lo cual si la

formula me da error el valor del campo es igual a “” y en el caso contrario me trae los

valores de la primera columna que hay en la vista categoría.

Siempre os aconsejo que cuando utilicéis el @DbColumn utilicéis este método

Creamos otro Documento y en categoría introducimos un nuevo valor que puede ser

Lotus Designer. (Figura 2.19)

(Figura 2.19 Comprobamos que sólo nos muestra una palabra clave)

Rellenamos el resto de los campos y guardamos el documento

Ahora tenemos tres documentos (Figura 2.20)

(Figura 2.20 Tenemos tres documentos nuevos)

Crear otro documento y veréis que ahora aparece también como categoría Lotus

Designer (Figura 2.21)






35-95 13/12/2014-16:16

(Figura 2.21 Comprobamos que nos aparece la nueva categoría creada)

Esto es porque en la vista Categorías al guardar el documento nos aparece esta categoría

(Figura 2.22)

(Figura 2.22 Podemos observar en la vista categoría como aparece Lotus Designer)

Si eliminásemos el documento que habíamos creado con la categoría Lotus Designer ya

no aparecería como palabra clave en el campo dlgCategoria. Al igual que según vayamos

creando nuevos documentos e introduciendo nuevas palabras claves, éste campo nos

mostrará las nuevas categorías.






36-95 13/12/2014-16:16

77.. NNuueevvaa ppaarrttee 2288--11--0011

Vamos a crear una vista categorizada por el campo Categoría y otra sin categorizar que

nos muestre el tamaño de los anexos si existen.

Seguimos en el Designer y pulsamos en vistas Nueva Vista.

Llamamos a la vista Por Categoría (Figura 2.23).

(Figura 2.23 Creamos una vista llamada Por Categoria)

Pulsamos en Aceptar y entramos en la vista para configurar la vista.

Por defecto tenemos las mismas columnas que la vista Por Fecha puesto que es la vista

predeterminada de nuestra base de datos.

Seleccionamos la columna categoría, pulsamos en cortar CTRL.+X o el SmartIcon de las

Tijeras. Ahora seleccionamos la columna Fecha de Creación y pulsamos en CTRL.+V o

en el bote de pegamento para pegar la columna. Como podemos observar, nos pega la

columna de Categoría delante de la columna Fecha de Creación.

Sacamos las propiedades de la columna Categorías, y seleccionamos la opción Mostrar

triángulo si la vista puede desplegarse (de la primera pestaña de propiedades), y en Tipo

seleccionamos Por Categorías (segunda pestaña de propiedades).

Ahora seleccionamos la columna de Fecha de Creación y deseleccionamos Mostrar

triángulo si la vista puede desplegarse (de la primera pestaña de propiedades), y en Tipo

deseleccionamos Por Categorías (segunda pestaña de propiedades) quedando la vista de

la siguiente forma (Figura 2.24):






37-95 13/12/2014-16:16

(Figura 2.24 Cambio en el orden de las Columnas )

Ponemos el alias a la vista, llamándolo vCategorias. (Figura 2.25):

(Figura 2.25 Introduciendo el Alias en una Vista)

Ahora vamos a crear otra vista que nos muestre el tamaño de los anexos

Creamos una nueva vista pero en este caso no vamos a elegir el diseño de la vista

predeterminada.

Con lo cual cuando nos aparezca el cuadro de diálogo de la nueva vista pulsamos en el

botón Copiar de y seleccionamos la opción “-Vacía-“ (Figura 2.26).

(Figura 2.26 Seleccionando un estilo vacío para la vista )






38-95 13/12/2014-16:16

Llamamos a la vista Gestión de Conocimiento. Como Podemos observar nos muestra

una vista con una columna como cuando cambiamos al principio, la vista

predeterminada (Figura 2.27).

(Figura 2.27 Estilo de una vista con un estilo Vacío)

Vamos a configurar la selección de la vista, pulsamos dentro de la vista para

seleccionarla y seleccionamos en Formula y introducimos la formula de selección

SELECT Form=”FConocimiento” (Figura 2.28).

(Figura 2.28 Selección del formulario utilizado en la vista)

Ahora vamos a configurar las columnas.

En la columna que ya está creada seleccionamos el campo tDescripcion. Ponemos el

Titulo “Descripción“ en la columna y en Ordenar seleccionamos Ascendente (segunda

pestaña de las propiedades) (Figura 2.29)

(Figura 2.29 Configurando las propiedades a la columna Descripción)

Bien creamos otra columna a la derecha de Descripción y seleccionamos el valor

Nombres de los anexos (Función Simple) (Figura 2.30).






39-95 13/12/2014-16:16

(Figura 2.30 Seleccionando el Valor de la columna)

Guardamos la vista y vamos a insertar una anexo en un documento ya creado.

Abrimos la base de datos desde el Cliente Lotus.

Nos metemos un documento, lo editamos, seleccionamos el campo Código / Anexo y

pulsamos en el SmartIcon que tiene un Clip o en Menú Archivo Anexar. (Figura 2.31)

(Figura 2.31 Anexando un Anexo en un campo de tipo Texto Enriquecido)

Guardamos el documento y volvemos al Designer.

Vamos a vista y hacemos doble Click en la vista Gestión de Conocimiento.

Introducimos otra columna y elegimos la función simple como valor de la columna

Tamaño de los Anexos(Figura 2.32)






40-95 13/12/2014-16:16

(Figura 2.32 Configurando la columna Tamaño para que nos muestre el tamaño de los

anexos)

Por el momento no vamos a hacer más cosas en esta vista, pero antes de salir le ponemos

el alias vGestiondeConocimiento (Figura 2.33).

(Figura 2.33 Introduciendo el Alias).






41-95 13/12/2014-16:16

Creando un Guía

Bueno ahora vamos a crear un Guía para dar un aspecto más bonito a la parte del cliente

Lotus Notes.

Seguimos en Lotus Designer y pulsamos en Guía Nuevo Guía

Nos aparece un guía en blanco. Pulsamos en el SmartIcon o en el Menú Crear Texto.

El cursor del ratón cambia de aspecto por una cruz. Pinchamos y arrastramos como si

estuviésemos dibujando un cuadro de texto en Word.

Nos aparecen las propiedades del cuadro de texto. En Rótulo ponemos el texto Por

Fecha (Figura 2.34).

(Figura 2.34 Introducimos el Texto del Cuadro de Texto del Guía).

Pulsamos en la última columna y seleccionamos las dos opciones de la siguiente forma

(Figura 2.35)

(Figura 2.35 Configurando las opciones del Cuadro de Texto).

Pulsamos en Usar como valores predeterminados para cuadros de texto. (Figura 2.36)

Creamos nuevos cuadro de diálogo con los siguientes texto:

Gestión de Conocimiento

Por Categoría

Salir






42-95 13/12/2014-16:16

(Figura 2.36 Creación del Resto de Cuadros de Texto)

Ahora configuramos los enlaces de cada Cuadro de Texto. Seleccionamos por ejemplo

Gestión de Conocimiento, lo configuramos de la siguiente forma:

Ejecuta: Acciones Simple

Acción : Abrir una vista o una carpeta

Y en cuadro de selección de la vista elegimos la vista Gestión de Conocimiento (Figura

2.37).

(Figura 2.37 Configurando el evento Clic de los Cuadros de Texto)

Configuramos los siguientes cuadros de texto igual que anteriormente pero de la

siguiente forma.

Cuadro de Texto Por Fecha eligiendo la Vista Por Fecha.






43-95 13/12/2014-16:16

Cuadro de Texto Por Categoría eligiendo la vista Por Categoría.

El cuadro de texto Salir lo configuramos de la siguiente formal

Ejecuta elegimos Formula y ponemos como formula @Command([FileCloseWindow])

(Figura 2.38).

(Figura 2.38 Configurando el Cuadro de Diálogo Salir)

Vamos a Configurar el Guía pulsando sobre el Propio Guía sacamos las propiedades

(Figura 2.39).

En Nombre Ponemos Guía Principal | GuiaPrincipal

En Vista o carpeta Inicial seleccionamos la vista Gestión de Conocimiento

Seleccionamos la opción Al ejecutar, ajustar los Paneles automáticamente.

Elegimos un color de fondo.

(Figura 2.39 Configurando el Objeto Guía)

Si tenemos una imagen que nos interese de fondo simplemente abrimos el fichero desde

cualquier programa visor de imágenes, seleccionamos toda la imagen copiamos y lo

pegamos en el guía con CTRL.+V. Seleccionamos la imagen pegada, pulsamos con el

botón derecho y seleccionamos la opción situar en último lugar (Figura 2.40)






44-95 13/12/2014-16:16

(Figura 2.40 Configurando el Fondo).

Ya tenemos nuestro guía. Guardamos y cerramos el Guía. Ahora nos vamos a Lotus

Notes. Seleccionamos el icono de la base de datos y sacamos las propiedades.

Configuramos la quinta pestaña de la siguiente forma (Figura 2.41)

(Figura 2.41 Configurando la quinta pestaña de las propiedades de la Base de Datos)

Ahora podemos probar y nos quedaría de la siguiente forma (Figura 2.42):






45-95 13/12/2014-16:16

(Figura 2.42 Probando que nos abre el Guía)

Vamos a configurar el icono de la base de datos (Figura 2.43).

Al igual que con el fondo del Guía tenemos que abrir un fichero que contenga un icono

que nos guste en formato BMP, con un tamaño de 32x32 y hasta 256 colores.

Pulsamos en Recursos Otros Icono

(Figura 2.43 Configurar el Icono de la Base de Datos)

Nos aparecerá la siguiente ventana de Diálogo (Figura 2.44)






46-95 13/12/2014-16:16

(Figura 2.44 Cuadro de Diálogo del Icono de la Base de Datos)

Si ya hemos copiado la imagen en el portapapeles de Windows simplemente tenemos

que pulsar en el botón Pegar (Figura 2.45)

Quedando de la siguiente forma:

(Figura 2.45 Pegando nuestro Icono)

Pulsamos en Aceptar y nos vamos al cliente Lotus Notes para ver como queda (Figura

2.46)






47-95 13/12/2014-16:16

(Figura 2.46 Visualizando en Lotus Notes el Icono de la Base de Datos)






48-95 13/12/2014-16:16

Flujo de Trabajo

Vamos a configurar el Flujo de Trabajo que envíe un correo a los destinatarios que

deseemos cuando Introducimos un nuevo Documento o cuando se actualiza un

documento.

Nos creamos un nuevo Formulario al que llamaremos Destinatarios | FDestinatarios con

los siguientes campos:

En el objeto Titulo del Formulario introducimos la Siguiente Formula:

“Formulario de Destinatarios”

SendTo: campo editable de tipo Cuadro de Diálogo, permitir múltiples valores. (Figura

2.47)

(Figura 2.47 Configurando el Campo SendTo)

La segunda pestaña del campo SendTo, la configuramos de la siguiente forma (Figura

2.48) :

Opciones:

Usar cuadro de diálogo Nombres (nos mostrará las personas que están dadas de alta en el

Listín de nuestro Servidor (Names.nsf).

Seleccionamos Permitir valores Distintos.

Escritura anticipada de Nombres.

Mostrar el botón de Múltiples Valores.






49-95 13/12/2014-16:16

(Figura 2.48 Configuración de la segunda pestaña del campo SendTo)

Ponemos el formulario más bonito, como puede ser el siguiente (Figura 2.49 ) Ejemplo:

(Figura 2.49 Dando formato al Formulario)

Como podéis observar introducimos ponemos el texto y los campos dentro de una tabla.

Añadimos los botones de Editar, Guardar y Salir, Guardar y el botón de Salir.

Aprovechando la ocasión vamos a crear un SubFormulario con las acciones y veremos

también las acciones compartidas. Se pueden utilizar los dos métodos para utilizar

acciones comunes en varios formularios.






50-95 13/12/2014-16:16

SubFormulario de Acciones

Pulsamos en Recursos SubFormularios Nuevo SubFormulario.

Podemos observar es muy parecido a los formularios.

Abrimos primero el formulario de Gestión de Conocimiento y copiamos la acción Editar

(Figura 2.50).

(Figura 2.50 Copiando la acción Editar Documento)

y la pegamos en el SubFormulario que hemos creado (Figura 2.51):

(Figura 2.51 Pegamos la Acción Editar Documento en el SubFormulario)

Repetimos este proceso con el resto de Acciones (Guardar y Salir, Guardar, Salir)(Figura

2.52).

(Figura 2.52 Repitiendo el mismo proceso con el resto de Acciones)

Damos Nombre al SubFormulario Acciones Generales | SFaccionesGenerales (Figura

2.53).

(Figura 2.53 Dando Nombre y Alias al SubFormulario)






51-95 13/12/2014-16:16

Os aconsejo que introduzcáis el texto que describe las acciones en el cuerpo del

SubFormulario para que cuando entremos desde el Designer leamos que acciones tiene.

Ocultamos este texto en Notes y en Web: (Figura 2.54)

(Figura 2.54 Ocultando el texto explicativo de las Acciones en Notes y en Web)

También podemos introducirlo en los comentarios del SubFormulario (Figura 2.55).

(Figura 2.55 Introduciendo Comentarios en el SubFormulario)

Guardamos el SubFormulario.

Ahora vamos a introducirlo en el formulario Destinatarios.

Abrimos el formulario desde el Designer y pulsamos en el Menú Crear Insertar

SubFormulario. Nos aparecerá la siguiente ventana y seleccionamos el SubFormulario

Acciones Generales(Figura 2.56).






52-95 13/12/2014-16:16

(Figura 2.56 Insertando el SubFormulario Acciones Generales en el Formulario)

El SubFormulario de acciones se suele poner al principio del Formulario quedándonos

de la siguiente forma (Figura 2.57):

(Figura 2.57 Visualizando el SubFormulario dentro del Formulario)

Guardamos el Formulario. Vamos a Crear un vista para ver los destinatarios

Nos vamos a vista y Creamos una nueva vista.

La llamamos Destinatarios | vDestinatarios.

El diseño pulsamos en copiar de y seleccionamos “-Vacía”.

Abrimos la vista . En la selección del formulario introducimos la siguiente

Fórmula(Figura 2.58):

SELECT Form=”FDestinatarios”

(Figura 2.57 Seleccionando el Formulario para la Vista)

En la Primera columna ponemos el valor del campo SendTo y el texto en la columna

Destinatarios. Ordenamos la columna Ascendente (Figura 2.58).






53-95 13/12/2014-16:16

(Figura 2.58 Configurando la Columna Destinatarios)

Creamos una acción que sea Crear Documento de Destinatario con la formula (Figura

2.59):

@Command([compose];”FDestinatarios)






54-95 13/12/2014-16:16

(Figura 2.59 Creando la Acción para crear un Documento de Destinatarios)

Guardamos la vista. Lógicamente tenemos que crear un nuevo cuadro de texto en el guía.

Nos vamos al Guía y creamos un nuevo Cuadro de Texto que llamaremos Destinatarios

y que abra la vista Destinatarios (Figura 2.60):






55-95 13/12/2014-16:16

(Figura 2.60 Creando el Cuadro de Texto Destinatarios y Configurando)

Guardamos el Guía y probamos (Figura 2.61).

(Figura 2.61 Probando el Cuadro de Texto Destinatarios)

Pulsamos en la acción crear Documento de Destinatario para seleccionar a las personas

que tienen que recibir el correo.

Cuando pulsamos en el botón que hay a la derecha del campo nos mostrará una la

ventana siguiente (Figura 2.62):

(Figura 2.62 Ventana de Selección de Usuarios para el campo Destinatarios)

Seleccionamos los destinatarios que queramos y pulsamos en Agregar. A continuación

pulsamos en Aceptar. Es igual que cuando enviamos un correo.

El formulario nos quedaría de la siguiente forma (Figura 2.63):






56-95 13/12/2014-16:16

(Figura 2.63 Destinatarios seleccionados)

Guardamos el documento y podemos observar en la vista de destinatarios como queda

(Figura 2.64):

(Figura 2.64 Visualizando los Destinatarios en la vista)






57-95 13/12/2014-16:16

Acciones Compartidas

Ahora voy a explicar las Acciones Compartidas.

Al igual que hemos hecho en el SubFormulario de Acciones, podemos introducir los

botones de editar, etc. Como acciones compartidas, con lo cual solamente tendremos

que cambiar en el futuro la formula o el icono o el nombre una sola vez, en vez de ir por

cada formulario o cada vista para cambiar las acciones una a una.

Nos vamos al Designer Recursos Otros Acciones Compartidas.

Copiamos las acciones por ejemplo del SubFormulario de Acciones Generales dentro de

Acciones Compartidas. (Figura 2.65)

(Figura 2.65 Acciones Compartidas)

Cuando queramos introducirlas en algún formulario o vista simplemente tendremos que

pulsar en el Menú Crear Insertar acción compartida y seleccionar la que queramos

(Figura 2.66).






58-95 13/12/2014-16:16

(Figura 2.66 Insertando Acciones Compartidas)

Antes, en la versión 4.6 teníamos que crear SubFormularios para las acciones. En la

versión 5 ya nos traen este objeto de acciones compartidas, con lo cual podéis utilizar el

que más os guste.

Vamos a crear nuestro primer Agente en LotusScript. Intentaré explicar paso a paso los

objetos que vamos a utilizar, puesto que el Lotus Script es un lenguaje de programación

y explicarlo todo es difícil y muy largo.






59-95 13/12/2014-16:16

Creando el Agente de Envío y Envío de Actualización

Nos vamos a Agentes Nuevo Agente

Nos aparecerá la siguiente Ventana (Figura 2.67)

(Figura 2.67 Creando un Agente)

Ponemos en Nombre Enviar Correo. Los Agentes también pueden utilizar Alias.

Seleccionamos la Opción Agente Compartido (Figura 2.67).






60-95 13/12/2014-16:16

(Figura 2.67 Agente Compartido)

Pulsamos en Initialize que es donde se pone el código normalmente del agente (Figura

2.68).

(Figura 2.68 Seleccionado el Objeto Initialize del Agente)

Introducimos el siguiente código del fichero incrustado Script.txt entre el Sub Initialize y

el End Sub.

Ahora abrimos el formulario de Gestion de Conocimiento y nos vamos al objeto

QuerySave del Formulario e introducimos la formula (Figura 2.69):

@if(@IsNewDoc;@Command([ToolsRunMacro];"Enviar Correo");"")

Si el documento es nuevo me ejecutas el agente “Enviar Correo” y sino no me haces

nada.






61-95 13/12/2014-16:16

(Figura 2.69 Introduciendo la Formula para Ejecutar el Agente en el QuerySave del

Formulario)

Ahora cada vez que alguien crea un documento nuevo al guardar el documento envía el

enlace a los destinatarios que hayamos introducido en el documento de destinatarios.

Una vez pulsado en guardar, el documento ya no es nuevo con lo cual cada vez que se

guarda no envía un correo nuevo.

Si queremos que cuando actualicemos se genere un correo nuevo con otro asunto y otro

cuerpo en el mensaje nos crearemos otro agente muy parecido.

Vamos a crear un agente llamado Enviar Actualización que se va a ejecutar desde un

botón que estará ubicado dentro del formulario (Figura 2.70).

(Figura 2.70 Creando el Agente Enviar Actualización)

Insertamos el Código del fichero actualizacionLScript.txt dentro del Sub Initialize y el

End Sub.

Abrimos el formulario de Gestion de Conocimiento para crear una acción.

Pulsamos en Crear Acción.

Llamamos a la acción “Enviar Actualización” y ponemos el icono que queramos (Figura

2.71)






62-95 13/12/2014-16:16

(Figura 2.71 Configurando la Acción Enviar Actualización)

En la 2ª pestaña de la acción vamos a configurar las opciones de ocultación de la

siguiente forma:

Ocultar la acción si se cumple la Formula @IsNewDoc (ocultamos el botón si es un

documento nuevo (Figura 2.72).

(Figura 2.72 Configurando las opciones de Ocultación de la Acción enviar

Actualización)

En la formula de la acción ponemos que ejecute el agente Enviar Actualización que

habíamos creado antes:

@Command([ToolsRunMacro];"Enviar Actualización")

Ya tenemos nuestro pequeño flujo de trabajo.






63-95 13/12/2014-16:16






88.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR55






65-95 13/12/2014-16:16

99.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR44..66






66-95 13/12/2014-16:16

1100.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR44..55






1111.. PPrreeppaarraannddoo llaa AApplliiccaacciióónn ppaarraa eell EEnnttoorrnnoo WWeebb

Comentarios

Mi opinión personal, que por supuesto no soy un Dios, pero algo se sobre el desarrollo

Web de aplicaciones de Lotus Notes, es que hay que aprovechar todo el Potencial de

Lotus Notes con sus eventos (Encabezado de Js, vista incrustadas, etc.) y no como me he

encontrado con gente que crea un formulario pegando todo el código Html directamente

en el diseño dentro de un formulario, con lo cual, creo que es mejor hacerlo en MS

FrontPage y dedicarse a otra. Si se programa en Lotus Notes, se programa en Lotus

Notes y nos quitamos de tonterías. Es un tema que la verdad me ofende, puesto que lo

único que podemos sacar a nuestro favor es nada, puesto que no aprendemos a

desarrollar en Lotus Domino. Respecto a la gente que lo hace, pero que pasará cuando

saquen nuevas versiones de Lotus Domino, ¿nos podemos fiar de un código Html

pegado?, Tenemos que ir línea por línea para configurar simplemente una tabla, cuando

en Lotus la dibujamos y la configuramos gráficamente, ahorrando tiempo y permitiendo

investigar cosas más complejas.

Simplemente es mi opinión y supongo que habrá gente en contra y a favor, pero tenía

que decirlo, puesto que cuando voy a un cliente y veo lo anteriormente comentado, lo

primero que pienso es que es una chapuza y quien lo ha programado sabe de Html y no

de Lotus Notes.

Preparación para la Web

Objetivos:

Navegador Superior, Izquierdo y Central

Crear un conjunto de Frames.

Creación de Vistas especiales para la Web.

Aprender diferentes formas de Enlaces (hipervínculos), utilizando campos, Zonas

Activas, etc.

Formulario de Búsquedas

o Campo Query

o Campo $$Return

o Campo SaveOptions

Formulario de Resultados

o Campo $ViewBody

o Campo TotalHits

Indexar una Base de Datos

Texto Calculado

Enlaces desde una imagen

Insertar una vista en un Formulario

Introducir Código de Hojas de estilos en los formularios.

Personalizar los Twisties de las vistas en Web






68-95 13/12/2014-16:16

Navegador Superior, Izquierdo y Central

Lo primero es crear nuestros gráficos en Photoshop o cualquier herramienta de

tratamiento de Imágenes.

Cuando tenemos los gráficos los introducimos en Recursos de Imágenes (Figura 3.1)

(Figura 3.1 Seleccionado un grafico para los Recursos de Imágenes)

(Figura 3.2 Grafico introducido en Recursos de Imágenes)






69-95 13/12/2014-16:16

Mi Gráfico sería éste (Figura 3.2):

(Figura 3.2 Grafico seleccionado como fondo)

Hacemos lo mismo con el resto de gráficos del navegador izquierdo y si queremos de

algún botón, aunque de momento no los utilicemos.

Nos creamos un Nuevo Formulario al que llamaremos Navegador Superior

Web|FWNavegadorSuperior(Figura 3.3).

(Figura 3.3 Dando nombre al Nuevo Formulario)

Introducimos el gráfico como fondo del formulario. Pulsamos en la Propiedades del

Formulario 4ª Pestaña Pulsamos en la Carpetita para seleccionar el Recurso de

Imagen y Seleccionamos la Opción No crear un mosaico con el gráfico(Figura 3.4).






70-95 13/12/2014-16:16

(Figura 3.4 No Crear un mosaico con el gráfico)

Vamos a Introducir código Html en el objeto del formulario Atributos del texto en Html

(Figura 3.5):

(Figura 3.5 Introduciendo código Html para ajustar los márgenes)

La formula es

"topmargin=0 leftmargin=0 bgproperties=fixed"

Con esta fórmula estamos diciendo que no me deje márgenes en el lado superior e

izquierdo y además que cuando se haga scroll no mueva el fondo (Marcas de Agua en

editores de Html).

Ahora vamos a crear otro formulario que va a ser el navegador Izquierdo al igual que el

superior con las mismas propiedades pero eligiendo otra imagen de fondo, lógicamente.

Le llamaremos:

Navegador Izquierdo Web | FWNavegadorIzquierdo (Figura 3.6)






71-95 13/12/2014-16:16

(Figura 3.6 Ponemos el ajuste de los márgenes)

Le ponemos la misma fórmula en Atributos del texto Html que habíamos utilizado en el

formulario de Navegador Superior.

Creamos otro Formulario al que llamaremos

Navegador Central Web | FWNavegadorCentral

Lo guardamos aunque por el momento no hayamos introducido nada

Vamos a crear un Conjunto de Marcos (FrameSet)

Vamos a Conjuntos de Marcos Nuevo Conjunto de Marcos

Seleccionamos en Números de Marcos 3 y cogemos la segunda Disposición (Figura 3.7)






72-95 13/12/2014-16:16

(Figura 3.7 Seleccionando la distribución del conjunto de Marcos)

Nos encontramos con la siguiente pantalla(Figura 3.8)

(Figura 3.8 Visualizando los marcos)

Pulsamos con el botón derecho y seleccionamos las propiedades del marco del cuadro

superior y nos aparecen las propiedades del Marco. (Figura 3.9)

(Figura 3.9 Visualizando las propiedades del Marco)

Nos aparece el cuadro de propiedades (Figura 3.10):






73-95 13/12/2014-16:16

(Figura 3.10 cuadro de propiedades del Marco)

Lo configuramos de la siguiente forma

Nombre Frame Superior|FrSuperior

Pulsamos en Tipo y seleccionamos elemento a continuación pulsamos sobre la carpeta

(Figura 3.11)

(Figura 3.11 Seleccionando el tipo de elemento)

Nos aparecerá la siguiente ventana de diálogo y la configuramos de la siguiente forma

Tipo de objeto: Formulario

Base de Datos: -Base de Datos Actual-

Formulario: Navegador Superior Web (Figura 3.12)






74-95 13/12/2014-16:16

(Figura 3.12 Seleccionando el Formulario que se mostrará en el Marco)

Pulsamos en el botón Aceptar

Nos queda el FrameSet de la siguiente forma (Figura 3.13)

(Figura 3.13 Visualizando el Navegador Superior)

Configuramos las propiedades del marco de la siguiente forma (Figura 3.14):






75-95 13/12/2014-16:16

(Figura 3.14 Propiedades de los tamaños del Marco)

(Figura 3.15 Configurando los bordes)

(Figura 3.16 Configurando los márgenes)

Configuramos el resto de marcos de la siguiente forma:

Navegador de la Izquierda:

Nombre del marco: Frame Izquierdo|FrIzquierdo

Contenido: Elemento – Formulario –Navegador Izquierdo Web






76-95 13/12/2014-16:16

(Figura 3.17 Configurando el tipo de elemento del Navegador Izquierdo)

(Figura 3.18 Configurando el formulario de elemento del Navegador Izquierdo)

(Figura 3.19 Configurando el desplazamiento del Navegador Izquierdo)






77-95 13/12/2014-16:16

(Figura 3.20 Configurando el borde Navegador Izquierdo)

(Figura 3.21 Configurando los márgenes del Navegador Izquierdo)

Navegador Central:

Nombre: Frame Central|FrCentral

Contenido: Elemento – Formulario – Navegador Central Web

(Figura 3.22 Configurando el formulario de elemento del Navegador Central)






78-95 13/12/2014-16:16

(Figura 3.23 Configurando el formulario de elemento del Navegador Central)

(Figura 3.24 Configurando el desplazamiento del Navegador Central)

(Figura 3.25 Configurando el borde del Navegador Central)






79-95 13/12/2014-16:16

(Figura 3.26 Configurando los márgenes del Navegador Central)

Probamos el FrameSet en el Navegador (Figura 3.27):

(Figura 3.27 Visualizando en Web)

Si no se quedan bien los Frames podéis ajustarlo de la siguiente forma:

Seleccionamos el marco que no está bien ajustado y vemos las propiedades. Damos el

valor 2 o 3 en el Grosor del Borde. (Figura 3.28)

(Figura 3.28 Ajustando el Borde)






80-95 13/12/2014-16:16

Para que podamos arrastrar el Frame. Para hacer esta opción nos ponemos entre los dos

marcos hasta que cambie el cursor y arrastramos. Hasta ajustarlo. Después volvemos a

poner a 0 el borde.

Ahora configuramos el Conjunto de Marcos

Pulsamos en propiedades del Conjunto de Marcos

Nombre: FrameSetPrincipal

Alias: FrPrincipal

Titulo: "Bienvenidos a Gestión de Conocimiento"

El Titulo es lo que aparece en el Titulo del Navegador (Figura 3.29)

(Figura 3.29 Configurando el Frameset)

Ya tenemos nuestro Conjunto de Marcos:

Ahora configuramos las propiedades de la Base de Datos para que cuando se acceda

desde web nos abra el Conjuntos de Marcos.

Pulsamos en las propiedades de la Base de Datos 5ª pestaña y en la opción de Al abrir

la base de datos desde un navegador seleccionamos Abrir el conjunto de marcos

seleccionado y elegimos en Conjunto de Marcos FrameSetPrincipal (Figura 3.30)






81-95 13/12/2014-16:16

(Figura 3.30 Configurando la base de datos cuando se abra desde Web)






82-95 13/12/2014-16:16

Creación Formularios de Búsquedas.

Lo primero que tenemos que hacer es indexar la base de datos.

Pulsamos en las propiedades de la base de datos y pulsamos en la sexta pestaña.

Pulsamos en Crear Índice (Figura 3.31).

(Figura 3.31 Creando el Índice de la Base de datos)

Quitamos el tic de la opción Indexar los campos codificados y pulsamos en Aceptar

Tarda un poco. (Figura 3.32)

(Figura 3.32 Deseleccionando la Opción Indexar los campos codificados)






83-95 13/12/2014-16:16

Vamos a crear un formulario de Búsquedas y otro de Resultados.

Estos formularios son especiales los cuales tienen que tener un nombre en concreto.

Crear un nuevo Formulario y lo llamamos Formulario de Búsquedas |$$SearchForm

Introducimos los siguientes campos (Figura 3.33)

(Figura 3.33 Campos necesarios para el Formulario de Búsquedas)

Campo Busca de tipo cuadro de diálogo y editable con los siguientes valores

Todas las condiciones (Y) |1 (le damos un alias al primer valor y al segundo)

Alguna Condición (O) | 0

(Figura 3.34)






84-95 13/12/2014-16:16

(Figura 3.34 Introduciendo valores y alias al campo Busca)

Campo dlgCategoria de tipo texto editable y cuyo valor es el propio nombre del campo

dlgCategoria

tDescripcion campos de tipo texto editable y como valor predeterminado el nombre del

campo tDescripcion.

TAutor campo de tipo texto editable y como valor predeterminado el nombre del campo

tAutor

Creamos un botón cuya formula será de Javascript y valdrá submit() (Figura 3.35)

(Figura 3.35 Formula en el Botón Buscar)

Ahora creamos otros campos especiales que estarán ocultos tanto en web como en

cliente Notes

server_name campo de tipo texto editable y sin valor. Este campo es especial y de tipo

CGI dándonos en Web el nombre del servidor

path campo de tipo texto editable y con la siguiente fórmula

path:=@ReplaceSubstring(@Subset(@DbName;-1);"\\";"/");

"/"+path+"/"

Nos dará la ruta de la base de datos

SaveOptions campo de tipo texto calculado y con el valor “0” con el que decimos que el

formulario no se guarda






85-95 13/12/2014-16:16

$$Return campo de tipo texto editable que se utiliza para introducir condiciones y que se

ejecuta cuando hacemos el submit del formulario

Query campo de tipo texto calculado con la siguiente formula

condicion:=@If(busca="1";"AND";"OR");

comprobacion:=@LeftBack(

@If(dlgcategoria="";"";"+"+"(FIELD dlgcategoria="+dlgcategoria+")"+"+"+condicion)

+@If(tDescripcion="";"";"+"+"(FIELD

tDescripcion="+tDescripcion+")"+"+"+condicion)

+@If(tAutor="";"";"+"+"(FIELD tAutor="+tAutor+")"+"+"+condicion)

;"+"+condicion);

cadena:=@ReplaceSubstring(comprobacion;" ";"+");

@If(comprobacion!="";cadena;"")

Sirve para pasar parámetros o valores a una nueva página. En este caso me pasará el

valor introducido por el usuario en los campos de búsquedas a la página de resultados

@If(Query="";"["+path+"$$Search?OpenForm]";"["+path+"vBusquedas?Searchview&

Query="+Query+"]")

Explicación si el campo Query no vale nada, es decir han pulsado el botón sin introducir

ningún valor en ningún campo me abre otra vez el formulario de búsquedas sino me

abres el formulario de resultados pasándole el Query

Habilitamos en las propiedades del formulario la opción Actualizar campos

automáticamente (primera pestaña) y Generar Html para todos los campos (segunda

Pestaña)

En el objeto Titulo de la ventana del formulario ponemos "Formulario de Búsquedas "






86-95 13/12/2014-16:16

Formulario de Resultados.

Lo primero que tenemos que hacer es crearnos una vista para buscar.

Creamos un vista que se llamará Busquedas|vBusquedas

En la primera columna tendrá el campo tDescripcion estará ordenada pero no

categorizada. (Figura 3.36)

(Figura 3.36 Configurando la vista Busquedas)

La segunda columna tendrá el titulo de anexos y la función Simple Nombre de los

anexos como formula

La tercera se llamará Autor y tendrá el valor tAutor y la cuarta Categorías y con la

formula dlgCategoria

Guardamos la vista.

Ahora nos creamos un formulario para incrustar esta vista.

Vamos a formularios Nuevo Formulario

Le llamaremos Resultados | $$SearchTemplateDefault

Introducimos los siguiente campos: (Figura 3.37)






87-95 13/12/2014-16:16

(Figura 3.37 Introduciendo campos en el formulario de Resultados)

TotalHits campo de tipo texto editable y con el valor TotalHits

Este campo nos dará el número de documentos encontrados y es un campo especial.

$$ViewBody campo de tipo texto editable y sin formula. Este campo es especial, por

defecto cargará la vista que nosotros digamos en el campo Query del formulario de

Búsqueda.

SaveOptions campo de tipo texto calculado y con el valor “0”

En el titulo de la ventana del formulario introducimos "Formulario de Resultados"

Vamos a introducir opciones de hojas de estilo (CSS). Pulsamos en el objeto Contenido

del encabezado de Html y ponemos la siguiente formula

"[<STYLE TYPE=\"TEXT/CSS\"> A {TEXT-

DECORATION:NONE}</STYLE><style><-- a:hover{color=\"red\"}--></style>]"

con esta formula quitamos las líneas que se ponen en los enlaces de las web y además

cuando pasa el ratón por encima cambia el enlace a color rojo.

En el objeto del formulario Atributos de texto en Html (que equivale al Body de Html)

"leftmargin=0 topmargin=2 rightmargin=0"

Ya tenemos nuestro formulario de búsqueda y de resultados.

Siempre hay que comprobar que la base de datos está indexada.

Vamos a poner un enlace en el Formulario Navegador Izquierdo para que nos abra el

formulario de Búsquedas

Introduzco en Recursos de Imagen el archivo lupa.gif

Me voy al formulario Navegador Izquierdo e introduzco el Gráfico

Pulso con el botón derecho sobre el gráfico y selecciono Agregar zona activa

rectangular. Arrastro hasta que coja todo la imagen. (Figura 3.38)






88-95 13/12/2014-16:16

(Figura 3.38 Agregando zona activa rectangular a la imagen)

Me aparece a continuación el siguiente cuadro de diálogo (Figura 3.39)

(Figura 3.39 Enlazando la imagen con el formulario de búsquedas)

Seleccionamos Elemento /Formulario /Formulario de Búsquedas

Guardamos el formulario, nos vamos al conjunto de marcos y seleccionamos el marco

Izquierdo y ponemos en el cuadro Destino predeterminado para los vínculos del marco el

valor FrameCentral(Figura 3.40)

(Figura 3.40 Seleccionando el marco de destino)

Podemos probar en web para ver como hace las búsquedas, estamos en el Conjuntos de

Marcos y seleccionamos previsualizar en el Internet Explorer. (Figura 3.41)






89-95 13/12/2014-16:16

(Figura 3.41 Probando el enlace)

Ahora vamos a personalizar un poco más la parte web. Vamos a Ocultar las acciones que

no queramos que se vean en el navegador.

Ocultamos las acciones Enviar Actualización, Editar Documento, guardar, guardar y

salir, salir. (Figura 3.42)

(Figura 3.42 Ocultando las acciones en Web)

Guardamos el formulario.

Ahora en el formulario Navegador Izquierdo Web vamos a introducir de formas

diferentes enlaces.






90-95 13/12/2014-16:16

Texto Calculado

Introducimos un Texto Calculado pulsando el menú crear Texto Calculado

En la formula ponemos (Figura 3.43)

"[<a href=http://"+server_name+"/"+bd+"/FMenuConocimiento?openform>Menu</a>]"

(Figura 3.43 Introduciendo una formula en Html para el texto calculado)






91-95 13/12/2014-16:16

Enlaces desde un campo de tipo Texto y Calculado al

Visualizar

Ahora vamos a crear un campo de tipo texto calculado al visualizar llamado enlace y con

la siguiente formula (Figura 3.44):

"[<a href=http://"+server_name+"/"+bd+"/vCategorias?openview>Por Categoria</a>]"

Veremos que los enlaces se ven azules. Vamos a cambiar el color de los enlaces.

Pulsamos en propiedades del formulario en la segunda pestaña en la opción Acceso

desde Web elegimos los colores

(Figura 3.44 Cambiando el color de los enlaces)

Ahora se ven bastante mejor (Figura 3.45):






92-95 13/12/2014-16:16

(Figura 3.45 Visualizando los enlaces)

Quitamos las líneas a la tabla.

Vamos a ocultar todos los botones de las vistas para web

Abrimos cada vista y ocultamos el botón de Crear documento.

Lo hacemos en todas las vistas (Figura 3.46).

(Figura 3.46 Ocultando las acciones de todas las vistas en Web)

Ahora vamos a Personalizar los Twisties (triangulitos de las vistas categorizadas) de la

vista Por categorías que vamos a incrustar en un formulario.

Lo primero que tenemos que hacer es conseguir dos gráficos para cambiarlos por las

fechas. Los introducimos en recursos de imágenes.

Yo he conseguido dos gráficos en forma de triángulo y de otro color.

Nos creamos una nueva vista igual que la de Por Categorías pero la vamos a llamar Por

Categoria Web |vPorCategoriasWeb.

Pulsamos en las propiedades de la segunda columna y en la última pestaña

seleccionamos la opción Mostrar Valores de la columna como vínculos (Figura 3.47).






93-95 13/12/2014-16:16

(Figura 3.47 Seleccionado la propiedad Mostrar valores de la columna como vínculos).

Ahora nos vamos al Formulario FMenuConocimiento y cambiamos el nombre de la vista

que teníamos antes por el de esta vista “vPorCategoriasWeb” (Figura 3.48).

.

(Figura 3.48 Seleccionando el nombre de la vista Incrustadas en el Formulario

FMenuConocimiento).






94-95 13/12/2014-16:16

Personalizando los Twisties de la vista Incrustada

Ahora vamos a introducir el código para que cambie los triangulitos por los

personalizados en el formulario FMenuConocimiento.

Nos vamos a Encabezado de JS y ponemos el siguiente código

function imagereplace()

{

for(i=0;i<document.images.length ;i++)

{

if(document.images[i].src.indexOf('expand.gif')!=-1)

{ document.images[i].src='flechanegra.gif'

};

if( document.images[i].src.indexOf('collapse.gif')!=-1)

{ document.images[i].src='flechanegra2.gif'

}

}

}

Flechanegra.gif y flechanegra2.gif son los dos gráficos que me he hecho.

Ahora en el Evento Onload del formulario llamamos a la función anterior

imagereplace()(Figura 3.49).

(Figura 3.49 Introducimos en el evento OnLoad del Formulario la función

imagereplace())

Además hay que dar las siguientes opciones al formulario.

Actualizar los campos automáticamente (primera pestaña de las propiedades del

formulario) y Generar Html a los campos ( en la segunda pestaña).

Probamos el formulario y podemos observar que funciona (Figura 3.50)






95-95 13/12/2014-16:16

(Figura 3.50 Probando en Web)

Ya tenemos varios elementos Web. Se pueden crear más cosas pero creo que es mejor

que vayan siendo nuevas ideas.




tutorial lotus designer

Documents

tutorial lotus designer

objetos de lotus script

acciones compartidas

ole r4

campos compartidos

subformulario de acciones

recursos compartidos

ole r5