GESTORWEB ALBA Software
 

sitio Web: GESTORWEB
 

GestorWeb en Imágenes

Preguntas y comentariospor ALBA Software

  Introducción

GestorWeb no tiene un diseño determinado, puede adoptar cualquier aspecto y cambiar todo su diseño para adaptarse completamente a la imagen de la empresa.

Esto se puede hacer de forma sencilla gracias a la arquitectura MVC de GestorWeb, que separa la lógica de la aplicación de la presentación.

Esta separación va mas allá que la mayoría de entornos similares puesto que ofrece herramientas que nos permiten diseñar desde nuestro entorno de diseño favorito, como el DreamWeaver, viendo el aspecto estático de la aplicación y sin tener que tocar ni una línea de código GestorWeb aplica las transformaciones necesarias para incorporar todo el código que da vida a la aplicación.

Para cambiar ( )
Poner un enlace cuando esté activa la documentación en los manuales.

No vamos a entrar en mas detalle en la arquitectura de presentación de GestorWeb. Este apartado es una especie de Book de producto donde podemos ver de forma rápida y visual algunos ejemplos del aspecto que puede adoptar GestorWeb.

La adaptación del diseño se puede realizar a varios niveles.

  • GestorWeb puede mantener distintos Interfaces.
  • Cada Interface puede tener distintas pieles (skins).
  • Y cada piel puede definir distintos estilos.

  Modificación del estilo

La modificación del estilo es la parte más rápida y sencilla para adaptar el aspecto de GestorWeb a la imagen corporativa de la empresa.

En solo unos minutos podemos modificar el estilo que define los colores, tipos y tamaños de letra, imágenes de fondo, etc.

Tomemos como ejemplo el interface 'box' que es un interface pensado para equipos de sobremesa a una resolución de 800x600. El skin que utiliza este interface está diseñado con poca carga de elementos gráficos.

Veamos primero algunos ejemplos de pantallas con el estilo 'marino':

Catálogo.


Catalogo de productos.

Pedidos.


Pantallas de pedido.

En las siguientes imágenes podemos ver algunos ejemplos de adaptación del diseño únicamente modificando la hoja de estilo del skin, sin tener que cambiar ni el skin ni la interface.

En cada ejemplo observamos al fondo el diseño de la Web corporativa, que en algunos casos residen en el servidor SIE y en otros se encuentran alojadas en un proveedor de servicios (ISP). Estas páginas han sido realizadas por distintas empresas de diseño, utilizando distintas técnicas, HTML, Flash, DHTML, etc.

La idea es que cuando un cliente entra en el área privada, pulsando un enlace desde la Web corporativa, se enlaza con GestorWeb, que respeta el estilo de diseño corporativo.

Mantas Mora.


GestorWeb como área privada de clientes en Mora

Reig Martí.


GestorWeb en Reig Martí

Iriscrom.


GestorWeb en Iriscrom

Nota
Cada Skin tiene su propia hoja de estilo que puede cambiar en tiempo de ejecución. De forma que un mismo skin podemos visualizarlo con distintos colores pendiendo de las preferencias del usuario.

  Cambiando el skin

El Skin o piel está formado por todas las plantillas html que son el marco de diseño de la aplicación Web.

Estas plantillas pueden ser modificadas por cualquier diseñador con conocimientos de html. Puede utilizarse incluso herramientas de diseño como Dreamweaver para modificar el diseño, puesto que GestorWeb separa completamente el diseño, que le llama Skin o piel, de la lógica de la aplicación, que formaría parte de la interface.

En el siguiente ejemplo se mezcla Flash con GestorWeb.

Patalla ejemplo de Hegahogar

  Diseñando un interface.

Una Interface define las páginas que tiene la aplicación, el control del flujo, es decir, que páginas deben llamarse según las acciones del usuario, y el control de acceso que controla los permisos que tiene cada usuario para acceder a una u otra parte de la aplicación.

Una página puede estar formada por una o más plantillas de diseño que forman la piel o skin de la aplicación.

La siguiente aplicación está dando soporte a una fuerza de ventas que tiene acceso a la aplicación de forma on-line contra el servidor de la empresa y deforma off-line pudiendo consultar el catálogo e introducir pedidos desde el portátil de los comerciales sin tener que estar conectados a Internet.

Esta operativa especial requiere de una lógica de aplicación nueva, nuevas pantallas, además de mecanismos de sincronización de datos.

Para manejar esto se ha creado una interface nueva sobre la que se ha montado un skin, el cual ha sido diseñado por parte de una empresa de diseño profesional externa como es Dos Asociados.

Patallas ejemplo de Jaslen

Otras veces no hace falta que se desarrollen nuevos módulos, en el siguiente ejemplo el módulo de catálogo y entrada de pedidos se ha portado para poder acceder al mismo desde desde dispositivos PDA como Palm o Pocket PC. Para ello se ha desarrollado una interface 'PDA'.

Patallas de la Interface PDA

  Herramientas de Administración

El módulo de consola es una interface Web desde la que el administrador configura, mantiene y controla la aplicación.

Herramientas de traducción, parametrización, seguimiento de logs, información sobre el estado de las conexiones a las bases de datos, etc.

Un usuario de sistema con permisos para el mantenimiento de aplicaciones puede gestionar los usuarios de aplicación u sus permisos.

En la pantalla anterior podemos ver como el administrador puede dar de alta usuarios de aplicación, asignarles login y password, definirles un idioma por defecto con el que se comunicarán con la aplicación y definir las reglas de acceso que tiene el perfil de este usuario.

Según el perfil del usuario podrán acceder a según que zonas y ver una u otra información. Aunque para el usuario lo que hay es lo que ve, esto no es así, y realmente en el servidor se montan las páginas según el perfil del usuario que las solicita.