Programa: Programación de Software.

Integrantes del grupo de trabajo:

 Yeimy Valentina Vargas Cáceres

 Nicol Valentina Herrera Sánchez
 Jeimy Nicol Serrano Castellanos

Nombre del proyecto: Dolce&Ricco

Objetivo General: Diseñar y desarrollar una página web integral dedicada

a la venta de productos y cursos de repostería, proporcionando una
plataforma interactiva y educativa que satisfaga las necesidades de los
usuarios interesados en mejorar sus habilidades culinarias y adquirir
utensilios especializados.

Objetivos Específicos:

 Diseñar un sitio web que sea fácil de navegar para que los usuarios
puedan encontrar rápidamente productos y cursos de repostería.
 Mantener actualizados los productos disponibles y los detalles de los
cursos para que los visitantes siempre vean información precisa y
relevante.
 Utilizar estrategias de marketing en línea para atraer a más
personas al sitio web y convertirlos en compradores de productos o
inscritos en cursos de repostería.

Requerimientos Funcionales del Proyecto:

 El sitio web debe de tener un apartado para realizar búsquedas en

el sitio web en el que los usuarios puedan encontrar algún producto
en específico, mediante un campo de búsqueda o filtros.

 Debe de tener un carrito de compras para que los usuarios puedan

agregar productos y pagar por ellos. Debe permitir a los usuarios
agregar y eliminar productos, modificar cantidades y calcular el
total de la compra

 El sitio web debe de tener una sección en el que los usuarios

puedan dejar comentarios y valoraciones sobre los productos y
servicios adquiridos.
  El sitio web debe de permitir a los usuarios iniciar sesión en el sitio
web usando un nombre de usuario y contraseña

 El sitio web debe de tener una función que después de realizar una
compra, los usuarios pueden rastrear el estado de sus pedidos. Esto
incluye actualizaciones sobre el procesamiento, envío y entrega de
los productos.

Requerimientos no Funcionales del Proyecto:

 El sitio web debe de tener un buen rendimiento, para garantizar

tiempos de carga rápidos y una buena experiencia a los usuarios sin
importar el dispositivo donde se encuentren

 Los botones deben de ser rectangulares con bordes curveados, y su

tipografía y color debe de ser respecto al manual de marca de la
empresa

 En el sitio web los elementos visuales deben ser diseñados para

adaptarse correctamente a diferentes resoluciones de pantalla,
manteniendo su proporción y nitidez en todas.

 El logo de la empresa mostrado en el manual de marca debe de

estar en la esquina derecha del sitio web.

Redactar una historia de usuario por cada requerimiento funcional de

sistema de información con criterios de aceptación

1. Título: Funcionalidad de Búsqueda en el Sitio Web

 Descripción: Como usuario del sitio web, quiero tener la posibilidad
de buscar productos específicos mediante un campo de búsqueda o
filtros, para encontrar rápidamente los artículos que me interesan.
 Criterios de Aceptación:
 Campo de Búsqueda:
o El sitio web debe tener un campo de búsqueda visible en la
parte superior de la página.
 o El campo de búsqueda debe permitir la entrada de texto para
que los usuarios escriban el nombre o palabras clave del
producto que están buscando.
o Al presionar la tecla "Enter" o hacer clic en el icono de
búsqueda, el sistema debe mostrar los resultados relevantes
en una nueva página o en la misma página de manera
dinámica.
o Los resultados deben estar ordenados por relevancia,
mostrando primero los productos que más coinciden con los
términos de búsqueda ingresados.
 Filtros de Búsqueda:
o El sitio web debe ofrecer filtros adicionales en la página de
resultados de búsqueda para refinar los resultados.
o Los filtros deben incluir opciones como categoría de producto,
rango de precio, marca, calificaciones de usuarios y
disponibilidad.
o Los usuarios deben poder seleccionar múltiples filtros a la vez
y la lista de resultados debe actualizarse automáticamente
para reflejar las selecciones.
 Resultados de Búsqueda:
o Los resultados deben mostrar información básica del
producto, incluyendo nombre, imagen, precio y una breve
descripción.
o Los usuarios deben poder hacer clic en cualquier resultado
para ver más detalles del producto en una página dedicada.
o Si no se encuentran resultados, el sistema debe mostrar un
mensaje indicando que no se encontraron productos que
coincidan con los términos de búsqueda y ofrecer sugerencias
de búsqueda alternativas.
 Experiencia de Usuario:
o La interfaz debe ser intuitiva y fácil de usar, con tiempos de
carga rápidos para las búsquedas y actualizaciones de los
filtros.
o El diseño debe ser responsivo para asegurar que la
funcionalidad de búsqueda sea accesible desde dispositivos
móviles y de escritorio.
 Requerimientos Técnicos:
 Implementar una base de datos optimizada que permita realizar
búsquedas rápidas y precisas.
 Integrar un motor de búsqueda eficiente que soporte búsquedas por
palabras clave y aplicabilidad de filtros.
Criterios de Prueba:
 Verificar que el campo de búsqueda está visible y funciona
correctamente en la parte superior de la página.
 Probar que las búsquedas devuelven resultados relevantes y están
ordenados por relevancia.
 Hay que asegurar que los filtros funcionan correctamente y que los
resultados se actualizan dinámicamente según las selecciones del
usuario.
 Comprobar que la información del producto en los resultados de
búsqueda es correcta y que los enlaces a las páginas de detalle de
los productos funcionan.

2. Título: Funcionalidad de Carrito de Compras

 Título: Funcionalidad de Carrito de Compras
 Descripción: Como usuario del sitio web, quiero tener un carrito de
compras donde pueda agregar productos, modificar cantidades,
eliminar artículos y ver el total de mi compra, para gestionar y
pagar fácilmente los productos que deseo adquirir.

Criterios de Aceptación:

 Agregar Productos al Carrito:

o Los usuarios deben poder agregar productos al carrito desde
cualquier página de producto mediante un botón claramente
visible.
o Al agregar un producto, debe aparecer una notificación
confirmando que el artículo ha sido añadido al carrito.
 Visualización del Carrito:
o El carrito debe ser accesible desde cualquier página del sitio
web a través de un icono o enlace en la parte superior de la
página.
o Al hacer clic en el icono o enlace del carrito, el usuario debe
ser redirigido a una página dedicada donde pueda ver todos
los productos agregados.
 Modificar Cantidades:
o Los usuarios deben poder modificar la cantidad de cada
producto en el carrito utilizando controles intuitivos (como
botones "+" y "-" o un campo de entrada numérica).
o Al modificar las cantidades, el total del carrito debe
actualizarse automáticamente para reflejar los cambios.
 Eliminar Productos:
o Los usuarios deben poder eliminar productos del carrito
mediante un botón de "Eliminar" junto a cada artículo.
 o Al eliminar un producto, el total del carrito debe actualizarse
automáticamente.
 Cálculo del Total de la Compra:
o El carrito debe mostrar un desglose detallado del costo total,
incluyendo subtotales por producto, impuestos aplicables y el
total final.
o Los costos de envío deben calcularse y mostrarse si aplican.
 Proceso de Pago:
o Debe haber un botón "Proceder al Pago" que redirija a los
usuarios a una página de pago segura.
o La página de pago debe permitir a los usuarios revisar su
pedido antes de confirmar la compra.

Requerimientos Técnicos:

 Implementar una base de datos que mantenga el estado del carrito

de compras para cada usuario.
 Integrar un sistema de actualización dinámica que refleje cambios
en tiempo real (como cantidades y total de la compra).
 Asegurar que el proceso de pago sea seguro y cumpla con las
normativas de seguridad y protección de datos.
 Criterios de Prueba:
 Verificar que los productos pueden ser agregados al carrito desde
las páginas de productos.
 Comprobar que el carrito es accesible desde cualquier página del
sitio web.
 Probar que las cantidades de los productos en el carrito se pueden
modificar y que el total se actualiza correctamente.
 Asegurar que los productos pueden ser eliminados del carrito y que
el total se actualiza en consecuencia.
 Confirmar que el cálculo del total de la compra incluye subtotales,
impuestos y costos de envío.
 Probar que el proceso de pago funciona correctamente y que los
usuarios pueden revisar su pedido antes de confirmar la compra.

3. Título: Funcionalidad de Comentarios y Valoraciones de

Productos
 Descripción: Como usuario del sitio web, quiero tener la posibilidad
de dejar comentarios y valoraciones sobre los productos y servicios
que he adquirido, para compartir mi experiencia con otros usuarios
y ayudarles a tomar decisiones de compra informadas.
 Criterios de Aceptación:
 Acceso a la Sección de Comentarios:
 o Cada página de producto debe tener una sección de
comentarios y valoraciones visible.
o Los usuarios deben poder acceder a esta sección fácilmente
para leer y dejar sus opiniones.
 Dejar Comentarios:
o Los usuarios deben poder escribir un comentario sobre un
producto o servicio adquirido.
o El comentario debe tener un campo de texto donde los
usuarios puedan escribir su opinión.
o Debe haber un botón para enviar el comentario, y los usuarios
deben ver una confirmación cuando el comentario se envió
con éxito.
 Valoraciones:
o Los usuarios deben poder dejar una valoración del producto o
servicio en una escala de 1 a 5 estrellas.
o La interfaz debe ser intuitiva para seleccionar la cantidad de
estrellas deseada.
 Moderación de Comentarios:
o Los comentarios deben ser moderados para asegurarse de
que cumplan con las políticas del sitio web.
o Los comentarios inapropiados deben poder ser reportados por
otros usuarios y revisados por los administradores del sitio.
 Visualización de Comentarios y Valoraciones:
o Los comentarios y valoraciones deben mostrarse en la página
del producto en orden cronológico o por relevancia.
o Los comentarios deben mostrar el nombre del usuario, la
fecha del comentario, el contenido del comentario y la
valoración con estrellas.
o Debe haber una opción para que los usuarios marquen
comentarios como útiles o no útiles.
 Promedio de Valoraciones:
o La página del producto debe mostrar un promedio de las
valoraciones con estrellas basado en todas las valoraciones
recibidas.
o Este promedio debe actualizarse automáticamente a medida
que se agregan nuevas valoraciones.
 Requerimientos Técnicos:
 Implementar una base de datos que almacene comentarios y
valoraciones asociados con cada producto.
 Integrar un sistema de moderación que permita la revisión y
aprobación de comentarios.
 Asegurar que el sistema de valoraciones sea preciso y se actualice
en tiempo real.
 Criterios de Prueba:
 Verificar que la sección de comentarios y valoraciones sea accesible
desde cada página de producto.
 Probar que los usuarios pueden escribir y enviar comentarios, y que
los comentarios se muestran correctamente después de ser
enviados.
 Asegurar que los usuarios pueden dejar valoraciones con estrellas y
que estas se reflejan en el promedio de valoraciones del producto.
 Comprobar que los comentarios pueden ser moderados y que los
comentarios inapropiados pueden ser reportados y revisados.
 Confirmar que los comentarios y valoraciones se muestran en el
orden correcto y que los usuarios pueden marcar comentarios como
útiles o no útiles.

4. Título: Funcionalidad de Inicio de Sesión

 Descripción: Como usuario del sitio web, quiero tener la posibilidad
de iniciar sesión utilizando un nombre de usuario y contraseña, para
acceder a mis cuentas personales, historial de compras y funciones
personalizadas.
 Criterios de Aceptación:
 Formulario de Inicio de Sesión:
o El sitio web debe tener un formulario de inicio de sesión
accesible desde la página principal y otras páginas relevantes.
o El formulario debe incluir campos para ingresar el nombre de
usuario y la contraseña.
o Debe haber un botón claramente etiquetado para iniciar
sesión.
 Validación de Credenciales:
o Al enviar el formulario, el sistema debe validar que los campos
no estén vacíos.
o Las credenciales ingresadas deben ser verificadas contra la
base de datos de usuarios.
 Gestión de Errores:
o Si las credenciales son incorrectas, el usuario debe recibir un
mensaje de error claro y específico.
o Debe haber una opción para que los usuarios recuperen su
contraseña en caso de olvidarla.
 Recuperación de Contraseña:
o Debe haber un enlace para "Olvidé mi contraseña" en el
formulario de inicio de sesión.
 o Al hacer clic en este enlace, el usuario debe ser redirigido a un
formulario para ingresar su dirección de correo electrónico y
recibir instrucciones sobre cómo restablecer su contraseña.
 Inicio de Sesión Exitoso:
o Si las credenciales son correctas, el usuario debe ser
redirigido a una página de inicio personalizada o a la página
que estaba visitando antes de iniciar sesión.
o El sistema debe mostrar un mensaje de bienvenida con el
nombre del usuario.
 Sesión Activa:
o Una vez iniciado sesión, el usuario debe permanecer
conectado hasta que cierre sesión manualmente o la sesión
expire por inactividad.
o Debe haber un enlace o botón visible para cerrar sesión.
 Seguridad:
o Las contraseñas deben almacenarse de forma segura
utilizando técnicas de hash y salado.
o Las conexiones deben estar cifradas utilizando HTTPS para
proteger las credenciales durante la transmisión.
 Requerimientos Técnicos:
 Implementar una base de datos segura para almacenar las
credenciales de los usuarios.
 Integrar un sistema de autenticación que valide las credenciales y
gestione las sesiones de los usuarios.
 Asegurar que las contraseñas se almacenen de manera segura y
que las conexiones sean cifradas.
 Criterios de Prueba:
 Verificar que el formulario de inicio de sesión está accesible desde
todas las páginas relevantes.
 Probar que los campos de nombre de usuario y contraseña no
acepten valores vacíos.
 Asegurar que las credenciales incorrectas muestran un mensaje de
error adecuado.
 Comprobar que el enlace de recuperación de contraseña redirige al
usuario correctamente y que las instrucciones se envían por correo
electrónico.
 Confirmar que las credenciales correctas permiten al usuario iniciar
sesión y que se muestra un mensaje de bienvenida.
 Probar que el usuario puede cerrar sesión manualmente y que la
sesión expira después de un período de inactividad.
 Asegurar que las contraseñas se almacenan de manera segura y
que las conexiones son cifradas.
 5. Título: Funcionalidad de Rastreo de Pedidos
 Descripción: Como usuario del sitio web, quiero tener la posibilidad
de rastrear el estado de mis pedidos después de realizar una
compra, para estar informado sobre el procesamiento, envío y
entrega de mis productos.
 Criterios de Aceptación:
 Acceso a la Función de Rastreo:
o Los usuarios deben tener acceso a la función de rastreo de
pedidos desde su cuenta personal o desde un enlace en la
página principal.
o Debe haber una sección dedicada en el perfil del usuario
llamada "Mis Pedidos" o similar.
 Visualización de Pedidos:
o Al acceder a la sección de "Mis Pedidos", los usuarios deben
poder ver una lista de sus pedidos recientes con detalles
básicos como número de pedido, fecha de compra y estado
actual.
o Cada pedido debe tener un enlace o botón para ver más
detalles sobre el estado de rastreo.
 Detalles del Rastreo:
o Al hacer clic en un pedido, los usuarios deben poder ver
detalles completos del estado de su pedido, incluyendo:
 Estado del procesamiento (por ejemplo, "Pedido
recibido", "Preparando para envío").
 Estado del envío (por ejemplo, "Enviado", "En tránsito",
"En la estación de distribución local").
 Estado de la entrega (por ejemplo, "En camino",
"Entregado").
o Debe haber una línea de tiempo visual que muestre el
progreso del pedido desde la compra hasta la entrega.
 Actualizaciones en Tiempo Real:
o La información de rastreo debe actualizarse en tiempo real
para reflejar cualquier cambio en el estado del pedido.
o Los usuarios deben recibir notificaciones (por correo
electrónico o SMS) cuando hay cambios importantes en el
estado del pedido.
 Información de Envío:
o Los detalles del rastreo deben incluir información relevante
sobre el envío, como el número de seguimiento, la empresa
de mensajería y un enlace al sitio web de la empresa de
mensajería para rastreo adicional.
  Gestión de Problemas:
o Debe haber un enlace o botón para que los usuarios puedan
contactar al servicio de atención al cliente en caso de
problemas con el pedido.
o Los usuarios deben poder reportar problemas directamente
desde la página de detalles del pedido.
 Requerimientos Técnicos:
 Implementar una base de datos que mantenga el estado de los
pedidos y su historial de rastreo.
 Integrar con los sistemas de las empresas de mensajería para
obtener actualizaciones en tiempo real sobre el estado de los
envíos.
 Asegurar que la información de rastreo se actualice
automáticamente y que las notificaciones se envíen de manera
oportuna.
 Criterios de Prueba:
 Verificar que los usuarios pueden acceder a la función de rastreo de
pedidos desde su cuenta personal.
 Comprobar que la lista de pedidos recientes muestra detalles
básicos y un enlace para ver más información.
 Asegurar que los detalles de rastreo incluyen información completa
y que la línea de tiempo visual muestra el progreso del pedido.
 Probar que las actualizaciones en tiempo real funcionan
correctamente y que los usuarios reciben notificaciones cuando hay
cambios en el estado del pedido.
 Confirmar que la información de envío es precisa y que los usuarios
pueden acceder a enlaces de rastreo adicionales.
 Verificar que los usuarios pueden contactar al servicio de atención
al cliente y reportar problemas desde la página de detalles del
pedido.

Anexar diseño de la página principal del sistema de información