Administrador
|
#1 Publicado: 3 Sep 2008 12:26
¡VISUALIZADOR WEB SIN WEB!
Entre las múltiples funcionalidades de FileMaker Pro 9, el Visualizador Web es una de las más espectaculares. Podemos añadir la visualización de una página Web a un registro de una base de datos utilizando el nuevo Control de Visualización Web en FileMaker Pro 8.5, tan fácil como añadir una página Web a marcadores. Los datos en campos concretos del registro, como la dirección del cliente o el nombre del producto, conducirán la URL en el Visualizador Web. Al crearlo una vez, en cada registro de la base de datos aparecerá un link a una Web. Entre sus posibilidades se incluyen callejeros basados en el campo de dirección de un cliente, estado de los envíos basados en un número de seguimiento de envío, etc.
¿Sabía que además es posible utilizar visualizadores Web sin la Web?
La técnica “datos URLs” permite además utilizar código HTML de su base de datos para conseguir su interpretación en un Visualizador Web.
Aquí están los puertos relevantes utilizados:
Vista previa de HTML
El sencillo ejemplo de uso es el de utilizar “datos URLs” para la vista previa de datos HTML almacenados en su base de datos FileMaker. Por ejemplo, le gustaría editar el texto de un e-mailing.
Aquí está el código HTML guardado en el campo Cuerpo del Mensaje:
código HTML guardado en el campo Cuerpo del Mensaje
Y aquí está su exposición en un Visualizador Web:
exposición en un Visualizador Web
La dirección Web definida en el montaje del Visualizador Web es un cálculo utilizando la siguiente fórmula:
"data:text/html," & Emailing::Cuerpo del Mensaje
El beneficio inmediato es, por supuesto, permitir a la aplicación del usuario final el ser capaz de actuar como un agente libre para modificar el código HTML del e-mailing y para visualizar inmediatamente su vista previa antes de decidir si enviarlo.
Visualización de diseño dinámico
Utilizando este truco, y con un poco más de conocimiento de HTML, es posible conseguir una visualización dinámica de sus datos, como nunca hubiera imaginado.
Cojamos el ejemplo de una base de datos en la que usted guarda información sobre productos, incluyendo el número de ventas de los últimos cuatro meses. Le gustaría visualizar esa información de ventas de forma gráfica.
Antes de FileMaker Pro 9, usted debía escoger gráficos en Excel, utilizar un caro y complicado plugin o confiar en un servicio Web que podría ser lento o incluso indisponible si la máquina del usuario final no estaba conectada a Internet.
Con FileMaker Pro 9 y algo de conocimiento de HTML, desde ahora es posible conseguir este tipo de visualización.
La base de datos contiene cuatro campos llamados VentasPrimerMes, VentasSegundoMes, VentasTercerMes y VentasCuartoMes. Cada uno de estos campos contiene el número de ventas para el producto correspondiente.
Deseamos que la información sea mostrada mediante barras, una para cada mes.
Aquí un ejemplo del código HTML para conseguirlo:
<html>
<head>
<style>div { background: blue; position: absolute; width: 20%; bottom: 0; float: left;}</style>
</head>
<body style="border: 0; margin: 0;">
<div style="left: 0%; height: 75%"></div>
<div style="left: 25%; height: 15%"></div>
<div style="left: 50%; height: 50%"></div>
<div style="left: 75%; height: 100%"></div>
</body>
</html>
Este código utiliza el elemento HTML DIV para mostrar cada barra. Los diferentes DIVs se organizan en la parte superior de la página, con diferentes alturas y distribuidos a lo ancho de la página.
Para que este código sea dinámico necesitamos definir la altura de cada barra según los valores de cada campo. La barra más alta tendrá una altura del 100%. Aquí mostramos una fórmula que le permitirá calcular la altura de cada barra en proporción a la más alta:
Let(
[max = Max(Productos::VentasPrimerMes; Productos::VentasSegundoMes; Productos::VentasTercerMes; Productos::VentasCuartoMes);
height_1 = Round(Productos::VentasPrimerMes / max; 2);
height_2 = Round(Productos::VentasSegundoMes / max; 2);
height_3 = Round(Productos::VentasTercerMes / max; 2);
height_4 = Round(Productos::VentasCuartoMes / max; 2)];
// insert here wanted result
)
Lo que hace esta formula es: buscar y memorizar el valor máximo, entonces calcular la altura de cada barra en proporción a la más alta (la barra más alta tendrá una altura del 100%).
Ahora combine su cálculo con nuestro código HTML y con el truco “datos URL” para conseguir la fórmula que utilizaremos en el Visualizador Web:
"data:text/html," &
Let(
[max = Max(Productos::VentasPrimerMes; Productos::VentasSegundoMes ; Productos::VentasTercerMes ; Productos::VentasCuartoMes);
height_1 = Round(Productos::VentasPrimerMes / max; 2);
height_2 = Round(Productos::VentasSegundoMes / max; 2);
height_3 = Round(Productos::VentasTercerMes / max; 2);
height_4 = Round(Productos::VentasCuartoMes / max; 2)];
"<html>
<head>
<style>div { background: blue; position: absolute; width: 20%; bottom: 0; float: left;}</style>
</head>
<body style="border: 0; margin: 0;">
<div style="left: 0%; height: " & (height_1 * 100) & "%"></div>
<div style="left: 25%; height: " & (height_2 * 100) & "%"></div>
<div style="left: 50%; height: " & (height_3 * 100) & "%"></div>
<div style="left: 75%; height: " & (height_4 * 100) & "%"></div>
</body>
</html>"
)
Es algo complicado pero es funcional, en tiempo real (al modificar las cifras de ventas, inmediatamente cambiará la presentación de las barras), no necesita plug-in y, finalmente, no es tan complejo.
Este truco “datos URL” le permite acceso a grandes posibilidades. Descubrirlas o no depende de usted.
Si este mensaje te ha servido de ayuda dale tu voto
 , si quieres penalizarlo
Todo lo que sueñas, se puede diseñar. 
FM 11 * VV 6 * PHP 5 * MySQL * Win 8.
|
