| |

Endless.com: Experimento de Amazon en comercio electrónico

ByLuis

endless_logo.pngEndless es una nueva tienda de Amazon, dedicada a la venta de zapatos y bolsos, en la que destaca una interfaz de usuario rica y novedosa a base de DHTML y AJAX.
El sitio merece una exploración en profunidad pero un primer recorrido ya nos permite ver detalles alentadores:

  • Explorador visual de los artículo con zoom
  • Filtros de productos por marcas, color, tamaño o precio mediante AJAX (espectacular el de precios)
  • Paginación AJAX

http://sentidoweb.com/img/2007/01/endless_cap_2-thumb.png
Una interfaz de usuario realmente lograda, ejemplo de lo que la web 2.0 está consiguiendo y posiblemente una referencia en patrones de diseño en comercio electrónico.
Una pequeña crítica: se echa de menos un poco de enfoque social; al menos comentarios sobre los productos.

Similar Posts

Detecta peticiones Ajax en PHP

ByLuis

Algo muy importante a la hora de desarrollar aplicaciones en Ajax es ofrecer la opción no-Ajax, y para ello es necesario detectar cuando la petición se realiza mediante Ajax, algo muy sencillo gracias a una cabecera que mandan los navegadores modernos:

if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
echo "Es una petición AJAX"
}

Detect an AJAX Request in PHP

Firebug y el rendimiento Ajax

ByLuis

Ajax es una de las técnicas que más se están extendiendo por Internet. Su desarrollo es sencillo, pero su abuso es importante. Hay que tener en cuidado al desarrollar usando Ajax ya que podemos tener problemas de rendimiento.
En IBM nos ofrecen un artículo interesante sobre el rendimiento de estas aplicaciones y como medirlo y mejorarlo mediante Firebug e YSlow.
El tiempo de una llamada Ajax se centra en tres aspectos: tiempo de respuesta del servidor, tiempo de transferencia y tiempo de procesado en el cliente. Es importante bajar estos tiempos ya que así agilizaremos nuestras aplicaciones.
Reduce el número de llamadas HTTP, aunque en el cliente se puedan anular, en el servidor se procesan, por lo que es tiempo de proceso malgastado. También es interesante reducir el tamaño del contenido de la respuesta que devuelve el servidor, cuanto menos haya para mandar, menos se tarda en enviar y menos se tarda en procesar.
Una lectura interesante que nos ayudará paso a paso a mejorar nuestras aplicaciones.
Ajax performance analysis

Magento: e-commerce open source

ByLuis

magento.pngMagento es una aplicación open source para poder instalar un software de e-commerce en nuestro sitio web. Así podremos tener nuestra propia tienda online de forma sencilla y gratuita.
magento2.png
Dentro de las características para los usuarios nos encontramos con optimización para motores de búsquedas (SEO), comunicación con los clientes, envío a varias direcciones, búsquedas, comparación de productos, etiquetado de productos, opiniones sobre productos, checkout, carrito de la compra y cuentas para clientes.
A parte, nos ofrece la posibilidad de genera informes, definir reglas para los impuestos, manejar productos y catálogos, CMS, grupos de clientes, importar y exportar, ACL, multiples sitios web, múltiples idiomas y muchas cosas más.
Magento
Vía / WebAppers

Atlas: framework AJAX de Microsoft

ByLuis

atlas.pngLos amigos de ASP.NET están de enhorabuena si quieren realizar sitios de forma cómoda en AJAX. Microsoft ha lanzado un framework gratuito que integra AJAX con el desarrollo de aplicaciones web mediante ASP.NET.
Está dividido en dos partes: la parte servidor y la parte cliente. Como se trata de un componente de ASP.NET, se integra completamente con los servicios web que ofrece. A parte, es compatible con algunos de los navegadores más importantes: IE, Firefox, Mozilla y Safari. Facilita el desarrollo de aplicaciones web complejas y su reutilización.
Atlas
Vía / Download Squad

Recursos AJAX para principiantes

ByLuis

Una lista interesante para los que quieren empezar a aprender y a crear aplicaciones con AJAX, lástima que sean todas en inglés:

Y otro recurso que no está en la lista que a nosotros nos ha sido muy pedagógico: AJAX Tutorial, decenas de tutoriales. Unos sencillos con instrucciones paso por paso y otros más complejos.

AJAX Resources for Beginners

Vía / Digg

| |

Laboratorio: filtrado de tablas

ByLuis

Leyendo una de las entradas de Usolab, en la que habla de colocar filtros en las tablas: Icono para el control “filtrar”, no he podido resistirme a llevar a cabo tan buena idea.
filtrado-tablas.png

En el ejemplo voy a seleccionar una tabla, y modificarla para admitir ordenación por columnas, filtrado mediante expresiones regulares y distinción de filas alternas. Además de incluir un icono en el filtro que indica el estado de filtrado.

Lo primero que debemos hacer es seleccionar la tabla en cuestión y tratarla, modificando la cabecera (th) incluyendo un enlace para poder ejecutar la acción de ordenar, un icono que indica qué columna está ordenada y en qué sentido y una caja de texto para indicar el filtrado.

La caja de texto tiene la particularidad de mostrar un icono que indica el estado del filtro, cuanto más lleno esté de “líquido”, más mostrará. Para lo cual usamos una imagen como fondo de la caja de texto e iremos moviendo verticalmente para mostrar los distintos estados.
filtro.gif

Read More “Laboratorio: filtrado de tablas”