tutorial lotus designer
DESCRIPTION
Tutorial Lotus DesignerTRANSCRIPT
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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 .
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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 )
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
47-95 13/12/2014-16:16
(Figura 2.46 Visualizando en Lotus Notes el Icono de la Base de Datos)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
63-95 13/12/2014-16:16
Tutorial Lotus Designer http://www.notesring.com
[email protected] http://club.telepolis.com/roccorocco
88.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR55
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
65-95 13/12/2014-16:16
99.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR44..66
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
66-95 13/12/2014-16:16
1100.. OObbjjeettooss ddee LLoottuuss SSccrriipptt yy OOLLEE RR44..55
Tutorial Lotus Designer http://www.notesring.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
81-95 13/12/2014-16:16
(Figura 3.30 Configurando la base de datos cuando se abra desde Web)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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 "
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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):
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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).
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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)
Tutorial Lotus Designer http://RoccosWorld.redireccion.com
[email protected] http://club.telepolis.com/roccorocco
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.