El proyecto web a desarrollar está diseñado para aplicar soluciones tecnológicas, al microemprendimiento Calvin Hardwell, una nueva y pequeña empresa de indumentaria femenina generalmente del mercado. La principal actividad de la misma es comercializar prendas, calzados y accesorios orientados principalmente a las mujeres. El objetivo de la empresa con respecto al proyecto es satisfacer las necesidades de sus clientes, mejorando la cantidad y calidad deinformación que el mismo maneja con la empresa y de esta forma, la empresa, poder incrementar sus ventas.

La aplicación Web cumple con los siguientes requisitos:  ABMC de una base de datos.  Envío y recepción de datos a través de formularios.  Utilización de variables de sesión.  Validación del lado del cliente y del lado del servidor.  Paginación.  Envío de mails a través del servidor.

El sitio estará desarrollado para dos tipos de usuarios principales: “Potenciales Clientes” (de ahora en más, sólo USUARIOS) y los administradores del sitio (ADMINS).

El sitio estará desarrollado para dos tipos de usuarios principales: “Potenciales Clientes” (de ahora en más, sólo USUARIOS) y los administradores del sitio (ADMINS).

El mismo constará de módulos estáticos en los que sólo se mostrará información de la empresa y módulos dinámicos en los que tanto usuarios como admins interactuarán con el sistema con diferentes objetivos.

Como la empresa es joven y carece de una amplia cartera de clientes, en principio les exige a sus potenciales clientes que se registren para tener acceso al sitio. Es por que en la página principal (Home) lo primero que aparece es un cuadro para el logueo de usuario con imágenes relevantes de la empresa de fondo.

Además, en la misma página, si el potencial cliente no se ha registrado con anterioridad puede hacerlo cambiando del cuadro del logueo al cuadro de registro con sólo clickear el enlace correspondiente. Este enlace sólo cambiará el formato del cuadro y no redirigirá al usuario a otra página permitiéndole al usuario poder registrarse allí mismo y proporcionando una mejor navegabilidad a este último sin parpadeos de pantalla y ahorrando tiempo. Una vez completados todos los campos requeridos en el formulario de registro (habiendo pasado las validaciones del lado del cliente y del servidor) el sistema enviará un correo al usuario con un enlace que incluirá un “hash” (código generado de manera aleatoria para brindar seguridad) para que el cliente pueda activar su cuenta clickeando dicho enlace. Análogamente, si el potencial cliente ya posee una cuenta del sitio pero no recuerda sus credenciales podrá clickear el enlace que corresponda y aparecerá el cuadro específico para la recuperación de su contraseña, para que el sistema le envíe su contraseña mediante un correo electrónico a la dirección que el usuario proporcionó.

Una vez que el usuario se logueó con éxito será redirigirido hacia al menú principal, en el cuál se muestra el logo de la empresa, una breve reseña del sitio y un “slide” de productos, colocado estratégicamente en ese lugar para fomentar las compras de los usuarios de una manera más rápida.

Tanto los usuarios como los admins contarán en la parte izquierda superior de un botón que al ser clickeado desplegará un llamativo menú que contendrá todos los enlaces hacia las diferentes secciones que le corresponden a cada tipo de usuario.

Para el usuario estarán disponibles las opciones de Inicio, Ofertas Especiales, Productos, Carrito, Quiénes Somos, Contacto y un submenú llamado Cuenta.

Clickeando en Inicio, el usuario puede regresar al menú principal desde cualquier página del sitio. En Ofertas Especiales se encontrarán las últimas novedades en rebajas para que el usuario pueda acceder más rápidamente. En Productos, el usuario encontrará todo el catálogo de productos, los cuáles podrá ordenar por precio y/o categoría, podrá ver detalle clickleándolo y también tendrá la posibilidad de agregarlos al carrito presionando el botón correspondiente en el caso de que el producto tenga stock. Accediendo a Carrito, el usuario visualizará los productos que fue adicionando al carro de compras (en caso de no haber productos todavía, no podrá acceder a dicha página). Quiénes Somos, es la sección del sitio en dónde se informa brevemente una reseña de la compañía. En la página Contacto el usuario tendrá a su disposición un formulario de contacto para enviar sugerencias o comentarios a la empresa como también otros datos de contacto, redes sociales y la ubicación física de la Pyme a través de Google Maps.

Como ya se mencionó anteriormente el usuario puede ver en detalle cada producto clickeando en este último. Será redirigido hacia una página de detalle de producto en el cual se informan más datos del mismo como así también, se permite al usuario realizar un breve comentario del producto estando logueado a la red social Facebook.

Otro aspecto importante a tener en cuenta con respecto al diseño del sitio es que el mismo posee en la mayoría de sus páginas (para el usuario) una barra superior donde se informan ciertas operaciones con los productos. En la esquina superior derecha se halla un carrito que informa la cantidad de ítems que el mismo contiene y que al desplegarse permite al usuario eliminar los mismos y/o dirigirse a la página principal del carrito.

Habiendo agregado uno o más productos al carrito de compras, el usuario puede optar por seguir comprando o realizar la compra propiamente dicha (estando en la página “Carrito”). En la página Pago, el usuario podrá ver una previsualiación de su compra y deberá llenar un formulario de pago con los datos de su tarjeta de crédito y si posee un código de descuento, el cuál hará una rebaja en el precio final. El sistema validará que el número de tarjeta ingresado corresponda a una tarjeta internacional VISA, Master Card o American Express como así también si la misma tiene validez con los datos de vencimiento de la misma y su código de seguridad. Una vez aprobado estos datos, el sistema validará el stock de los productos y confirmará la compra actualizando el stock de los productos seleccionados y creando un nuevo pedido con el estado “Pago Aceptado” y asignándole un número para que el usuario pueda realizar el seguimiento del mismo. El usuario será redirigido a una página de confirmación de la compra dónde tendrá la posibilidad de descargar el comprobante en formato PDF o imprimirlo si lo desea. Dicho comprobante cuenta con un código QR, que al ser escaneado con un teléfono inteligente redirige al usuario a la página correspondiente para poder seguir el estado de dicho pedido.

En el submenú Cuenta de usuario se encontrarán las opciones “Mis datos”, la cual va a redirigir al usuario a una página en la que podrá modificar sus datos personales para proporcionar mejor información acerca del destino de sus productos por ejemplo. También se encontrará con la opción “Mis compras”, una página en la cual podrá consultar el estado de sus compras como así también acceder al detalle de las mismas y poder re-imprimir los comprobantes de compra. También cuenta con “Favoritos” y el enlace correspondiente para cerrar sesión.

El o los administradores del sitio realizarán un logueo similar al de los usuarios que son potenciales clientes. Una vez logueado serán redirigidos a un menú de administrador que cuenta con un cuadro de estadísticas semanales que indican la cantidad de usuarios (clientes) registrados y las compras realizadas por los mismos la última semana. Otro cuadro con enlaces rápidos a diferentes páginas para el administrador. Además el administrador encontrará marcos con gráficos de ventas anuales, descargas de reportes y un panel de noticias recientes.

El menú de la esquina superior izquierda será análogo al de los clientes. Sólo que contendrá los enlaces correspondientes para los submenús en los que el administrador podrá gestionar (dar de alta, de baja, consultar y modificar) usuarios, productos, ofertas y pedidos. También podrá ver Quiénes Somos, Contacto y Cerrar Sesión.

Language Options

Select your language: