Tecna Webs - Desarrollo web Y Android ™

imagen cabecera y logo
Sección:
Desarrollo web.
Categoría:
Galerías de imágenes.
Nombre:
Fichas navegables de productos.
Fecha:
01-09-2013
Asunto:
Fichas navegables para catálogo de productos, autogestionable y adaptable.

Fichas navegables de productos.

Descripción.

Más que de una galería, se trata de todo un sistema autogestionable, de manejo muy sencillo y totalmente personalizado para poder crear y mostrar productos de diferentes categorías ya existentes, adaptadas a las necesidades concretas de este caso. Dentro de estas categorías se van incluyendo los productos con los campos que se necesite para su descripción. El número de campos y el nombre de los campos puede variar para cada producto, también su contenido y longitud y pueden llevar asociadas tantas imágenes como se quiera y del tamaƱo que se quiera pues se centran y escalan automáticamente. Es un proyecto hecho a la medida para un almacén de productos de construcción y la dificultad principal estriba en la gran variedad de productos existentes por eso se hizo un sistema flexible para introducir los productos y totalmente automatizado al generar el código. En el portfolio web encontrará más capturas de pantalla y un enlace a su web.

Con toda la información introducida se genera una página estática para cada categoría con lo que no aseguramos la accesibilidad. A la hora de mostrar la información se hacen peticiones dinámicas sólo de las partes necesarias, esto mejora el tiempo de espera porque no se recarga la página entera. Cada bloque de información corresponde a un producto y se coloca como en una ficha de archivador, a la izquierda la imagen en miniatura del producto, con unos botones debajo para ampliar la imagen o ver más imágenes si las hubiera, y a la derecha los campos con la información sobre las características de ese producto o la imagen ampliada. Se puede ir navegando por las diferentes fichas de los productos con los botones de anterior y siguiente o por las diferentes categorías a través de un menú de pestañas animadas.

Cuando en una categoría no hay productos o una opción no está disponible, como la de ver más imágenes del producto, o la de ampliar la imagen cuando ésta ya está ampliada, el texto de esa opción o categoría sale tachado. Así se mejora la navegación evitando click inútiles, ya que como el sistema para crear los productos es muy flexible, puede que no todas las opciones estén disponibles para todos los productos y de esta forma es fácil distinguir las que no lo están, o las categorías que no tienen productos todavía.

La parte más importante aquí es la programación, se ha creado un panel de gestión totalmente personalizado, para que de una forma muy sencilla se puedan generar productos de caracteristicas muy diferentes, clasificados en múltiples categorías, con las imágenes que sean necesarias y que todo funcione perfectamente y de forma transparente para el usuario, es decir una vez se han creado los productos se generan las páginas y se cuelgan en la web de forma automática.

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google según las condiciones descritas en la Creative Commons 3.0 Attribution. Más información en el enlace aviso legal del pie de página.

tecnawebs arroba gmail punto com