Apúntate a la Zona De Descargas Reservadas (ZDDR). Solo son 20 Euros
Con solo 20€ ayudarás
a mantener el foro.


Seguir a udias en Twitter
Directorio de Empresas de Foros de informática


Todo lo que sueñas, se puede diseñar.
We build your dreams.

 - Principal - Responder - Estadísticas - Registrarse - Buscar - Lista de usuarios -  - Zona de Descargas
 -Privacidad y política de cookies -
Ayuda al foro con tu donación

Búsqueda en los foros

Foros en Udias.com / FileMaker / ::: TRUCO ::: Visualizador WEB sin WEB
Autor Mensaje

Administrador


  Karma               26354

#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 Voto positivo, si quieres penalizarlo Voto positivo
Todo lo que sueñas, se puede diseñar. FM 11 * VV 6 * PHP 5 * MySQL * Win 8.
Su respuesta

Estilo Negrillas  Estilo Italico  Estilo Subrayado  URL De La Imagen  URL De La Web  Preformatted Text  YouTube URL  Sin código BB
Emoticones
:) ;) :up: :down: :biglol: :confused :cool: :mad: :sad: :shame: :smirk: :tongue: ... Más  Emoticones desactivados
Color de texto
Texto en negro Texto en blanco Texto en gris Texto en rojo Texto en azul Texto en verde Texto en rojo oscuro Texto en cian Texto en azul oscuro Texto en púrpura Texto en amarillo Texto en rosa Texto en naranja Texto en verde oliva Texto en marrón



 » Usuario  » Contraseña 
Solo Usuarios Registrados Pueden Postiar Aqui.
 

Tópicos relacionados con ::: TRUCO ::: Visualizador WEB sin WEB

::: TRUCO ::: Ver los mapas de Google en el Visualizador Web de FileMaker.
::: TRUCO ::: Gráficos: ¡Truco! Crea un control de mandos.
Visualizador web en web
Ver PDF en visualizador WEB
visualizador web


Conectados: Invitados - 7
Miembros - 0
En verde usuarios ZDDR

Realizado con miniBB © 2001-2021
Para Udias.com © 1996-2021
Hosting con Interdominios