4D ha lanzado [1] 4D Ajax for Dreamweaver, una extensión gratuita para Adobe Dreamweaver CS3 que permite a los desarrolladores 4D implementar [2] AJAX dentro de sus sitios Web.

Ya sabemos que [3] 4D Ajax Framework, incluido en [4] 4D Web 2.0 Pack, permite publicar rápidamente una base de datos 4D en la Web. Basta con instalar el componente en la base de datos e inmediatamente ya está lista una interfaz Web amigable con datos vivos. Sin embargo, en muchas ocasiones es necesario incorporar secciones de la aplicación 4D dentro de un sitio Web corporativo, como por ejemplo información en vivo de indicadores de gestión u otro tipo de datos. Para hacer esto antes de que existiera 4D Ajax for Dreamweaver, el desarrollador debía escribir código HTML, JavaScript y algo de CSS, además de estudiar la documentación de 4D Ajax Framework.

Ahora, con la extensión 4D Ajax for Dreamweaver es posible añadir la potencia de 4D Ajax Framework en cualquier parte de nuestro sitio Web con sólo unos clics y sin necesidad de escribir código HTML, JavaScript o CSS. Como mucho, tendremos que revisar el código para hacer ajustes. 4D Ajax for Dreamweaver lo hace todo muy fácil para nosotros.
Para tener este nuevo plug-in hay que instalar la extensión que se puede descargar de [5] http://telecharger.4d.fr/

Así aparece la extensión instalada en Dreamweaver:

Los pasos para añadir contenido de una base de datos 4D a un sitio Web son sencillos:

• Enlazar el archivo HTML que queremos con una estructura con 4D Ajax Framework
• Validarse como un usuario de la base de datos
• Añadir objetos según la necesidad
• Rejilla de datos
• Calendario
• Árbol de datos
• Matriz de datos
• Matriz de imágenes

A continuación, vamos a mostrar el resultado después de añadir el objeto matriz de imágenes a una página HTML común que forma parte de un sitio Web corporativo. En este caso se trata de una llamativa lista de contactos.



Igualmente, podemos mostrar por ejemplo un calendario de actividades que esté ligado directamente a nuestra base de datos.



Para el caso de la matriz de imágenes, 4D Ajax for Dreamweaver nos da múltiples opciones de configuración. Por ejemplo, podemos definir el tamaño del objeto, tener búsquedas predeterminadas, decidir qué botones queremos mostrar o determinar qué campos mostrar. Todo en un entorno gráfico y sin que el desarrollador escriba ni toque el código ya que la extensión lo hace por nosotros.

Configuración básica

En esta ventana se define la selección de la vista que queremos mostrar y sus dimensiones en píxeles.



Configuración Salida de datos

En esta ventana se pueden definir búsquedas predeterminadas basándose en un campo determinado. Igualmente se puede definir el encabezado, el campo imagen a mostrar y el contenido que la acompañará.



Configuración Mostrar

En la ventana mostrar de las propiedades del objeto Matriz de imágenes se define la forma en que se muestra el objeto. También se subraya la posición de la imagen, el margen de celdas, el nivel de zoom y el permiso de edición.



Configuración Barra de herramientas

En la ventana barra de herramientas se define qué herramientas están disponibles y para seleccionar qué botones mostrar se hace sencillamente marcando o desmarcando las casillas de selección.



Después de definir los parámetros, el resultado final dentro de Dreamweaver CS3 es el siguiente: