Un navegador dentro de 4D
Desde que salió 4D Live Window, un plug-in incluido en 4D Web 2.0 Pack, ya no es necesario lanzar un programa externo con LAUNCH EXTERNAL PROCESS o los comandos de 4D Pack para visualizar una URL.
En un área del plug-in, podemos desplegar una URL, o un documento HTML, tal como ya explicamos en el artículo sobre Stock Stalker. Sin embargo, como el plug-in explota las capacidades de los navegadores de sistema Safari e Internet Explorer, cualquier objeto que se pueda desplegar con esos dos programas se podrá también visualizar con 4D Live Window, es decir, dentro de la propia aplicación 4D.
Existe por lo tanto una gran variedad de posibilidades de usos que siempre requieren una cantidad de código mínima: ¡sólo una línea!
Visualizar una URL
Para visualizar una URL, lo primero que tenemos que hacer es instalar el plug-in de 4D Live Window dentro de nuestra base de datos.
Creamos un formulario donde necesitamos tres elementos:
- Una caja de texto donde escribir la URL llamada vURL
- Un botón
- Un área de plug-in asignada a 4D Live Window llamada LW_Navegador
La acción del botón consistirá sencillamente en abrir la URL en el área de plug-in. Esto sólo nos llevará una línea de código.
$result:=Web_SetURL (LW_Navegador;vURL)
En este punto simplemente tenemos que llamar a un método que invoque al formulario que contiene nuestro navegador, y ya podemos navegar en él.
Por supuesto, podemos darle sofisticación a nuestro navegador añadiendo botones para navegar en el historial, refrescar, detener, gracias a los comandos disponibles con el plug-in. También podemos reemplazar la caja de texto por un combo box donde se guarden las URLs previamente introducidas.
Visor de PDFs
Con 4D Live Window podemos poner la documentación PDF dentro de nuestra aplicación. Lo hacemos de manera similar a como lo hicimos para el navegador, se utiliza el mismo comando Web_SetURL.
Para el botón de “Ver documentación PDF” el código es sólo una línea:
$result:=Web_SetURL (LW_Navegador;rutaFicheroDocumentacion;1)
El tercer parámetro que está en 1 indica que se trata de un documento y no de una URL.
Para el botón de “Abrir otro documento PDF” el código es simple:
Sencillamente se abre la ventana de abrir archivos pidiendo al usuario escoger el documento PDF que quiere abrir. Por supuesto todos los enlaces de hipertexto del PDF se pueden utilizar.
Integrando aplicaciones con mashups
En este ejemplo de mashup integramos una aplicación 4D de contactos con Google Maps. Lo que hacemos es pasar el parámetro dirección, construido a partir de un registro de la base de datos, dentro de la URL, que pasamos al área 4D Live Window.
Facturas HTML dentro de 4D
Dado que con 4D Live Window podemos ver documentos HTML, no necesariamente URLs, podemos también crear facturas HTML de forma dinámica y verlas dentro de 4D.
Lo que parece ser un subformulario es en realidad un HTML que tiene etiquetas 4D que son procesadas con el comando PROCESS HTML TAGS para traer la información de las facturas correspondientes. Tal como se ve a continuación:
Desde la versión 1.1 podemos implementar un control sofisticado de Javascript dentro del área de plug-in, por ejemplo aquí la gestión de los clics sobre las flechas del formulario sin necesidad de recargar la página.
¡Libera tu imaginación gracias a 4D Live Window!
Existen muchos otros usos posibles, incluso “exóticos”, de 4D Live Window puesto que podemos aprovechar todos los plug-ins y extensiones añadidas al navegador: es posible visualizar vídeos, películas Flash, Gif animados, gráficos SVG, Widgets, animaciones Canvas y un sinfín de opciones adicionales.
Además, bajo Windows, es posible aprovechar la capacidad de Internet Explorer para abrir y editar documentos MS Office(*), carpetas FTP y carpetas del propio disco duro, siempre desde la propia aplicación 4D, y siempre con una línea de código.
(*) Debido a las nuevas características de Windows Vista y Office 2007, es necesaria una manipulación para poder visualizar esos documentos con otra aplicación que no sea Office. Pero éste será el tema de un próximo artículo.
Para saber más:
Documentación PDF de 4D live Window