ECOSISTEMA DE VERP > BÁSICOS

vWeb

Velneo

Más información

Este componente permite integrar en las aplicaciones desarrolladas con Velneo vERP la conexión a una web enlazando los datos de usuarios, artículos, facturas, etc.

Desde Velneo vERP se puede realizar toda la gestión de visualización. También es posible realizar pedidos online en la web a través de su cesta y pasarlos automáticamente a los pedidos en Velneo vERP.

-Elección de un theme o estilo
Bootstrap es uno de los frameworks CSS más famosos y uno de los más utilizados, ya que aunque no lo sepas, muchos sitios web de los que visitas diariamente están creados con esta tecnología.

Es una excelente herramienta para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su tamaño.

Además, Bootstrap ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando los estilos y elementos de sus librerías.

-Elementos estáticos en la web
El componente web de Velneo además de servir páginas dinámicas, también puede servir elementos estáticos.
Dentro de la carpeta html tenemos el fichero index.html que es la página estática de bienvenida a vuestra web y el fichero main.js que es el encargado de gestionar la cesta de la compra.

Los demás elementos son imágenes como el logotipo de la web en el caso de que no lo hayamos insertado en la configuración de la aplicación, y el favicon representativo de nuestra web.

-Funciones y procesos desarrollados
Envío de emails utilizando el correo transaccional Mandrill .
Proceso Javascript usando la clase XMLHttprequest para envío de emails.

-Función para gestionar la caducidad de una sesión.
Recibe como parámetros la sesión en curso (SES) . Esta función comprueba si la sesión recibida está caducada (han pasado los minutos establecidos como máximo, en este ejemplo situados en 10’) y retorna si está caducada o no mediante la variable local CAD.

En el caso de no estar caducada (será porque se ha llamado la función desde otra página y por lo tanto estamos todavía activos), se actualiza el campo FECHA con la fecha y hora actual para darle ese mismo tiempo de caducidad a posteriori.

-Función para registrar el login de cada usuario.
Recibe como parámetros el usuario y la contraseña. Esta función comprueba que si la sesión está vacía (probablemente porque sea la primera vez que se loguea) , busca en la tabla de clientes por los campos email y contraseña asignando en el caso de que exista, el contenido del campo de identificación.

Si la sesión que recibimos ya existe, leemos el contenido del campo TOKEN.

-Páginas

--Index
Como página inicial de este componente, tenemos la opción de ir directamente a la página del login o aprovechar que el componente Velneo vModApache también sirve páginas estáticas para generar una página HTML estática llamada index.html que será la encargada de mostrarnos la bienvenida y las opciones iniciales.

--Login
Página para realizar el login del usuario.
Formulario que controla que los campos no pueden dejarse vacíos y que el contenido del campo Usuario sea del tipo email (contenga un texto formateado como tipo email).

Una vez debidamente rellenados los campos, al pulsar el botón Enviar, se lanzará un proceso accesible web (pasándole como parámetro la sesión actual) mostrando el menú inicial de la aplicación sí el usuario y la contraseña son válidos y la sesión está activa.

--Error del login
Página para informar del error en el login.

--Recuperación de contraseña
Página para recuperar la contraseña por email.

Una vez introducido un email correcto, el botón Enviar, lanzará un proceso que se encargará de enviar un email con los datos de la contraseña usando las funciones anteriormente descritas para el envío de email (en este ejemplo mediante el correo transaccional Mandrill).

--Error en la recuperación de contraseña
Página para informar del error en la recuperación de la contraseña.

--Menú inicial
Página que retorna el menú principal del componente una vez logueado.

Una vez efectuado el login, nos mostrará esta página con el nombre del usuario y nos mostrará un menú de Opciones con las siguientes posibilidades:
-Artículos
-Facturas
-Mis datos

--Mis datos
Página que retorna un formulario para poder modificar los datos del usuario logueado.

--Artículos
Página que retorna el listado de artículos visibles web.

La página consta de unos filtros predefinidos que son aplicados al pulsar el botón Aplicar filtros y eliminados desde el botón Limpiar filtros. El otro botón Menú , nos lleva a la página del menú inicial.
Si pulsamos en un registro, podemos ver el detalle del registro con campos adicionales.

--Cesta de la compra
En la columna final de la tabla, tenemos un botón para añadir artículos a una cesta con el fin de realizar pedidos de clientes.

Una vez añadidos los artículos correspondientes, podremos visualizar la cesta para seguir comprando o finalizar la compra.

Al finalizar la compra, generará un registro de alta en los pedidos de compras de Velneo vERP.

--Facturas de venta
Página que retona las facturas de venta del cliente logueado.
Si pulsamos en un registro, podremos ver el detalle del registro con campos adicionales.