Giter Club home page Giter Club logo

tsdwa-proyectointegrador's Introduction

Trabajo práctico

Hola! 👋

Somos Angel Villarreal, Sasinka Raúl, Jorgelina Sapp, Daniel Alejandro Segall, Juan Pablo Suarez, Leandro Santiago, Luciana Pucheta, Axel Cardozo, Celeste Trujillo, Mónica Valeria Zapata, realizando nuestro proyecto para TPO Desarrollo Web.

Notas con respecto al Backend.

  • Se debe correr "crud-book.py" para ver y revisar el CRUD.
  • Se uso slqite3 para la base de datos, se puede revisar el archivo "LibrotekaDB.db"
  • El script de python para crear la base de datos SQLITE3 puede revisarse y usarse corriendo el archivo "createDB.py"

🎓 Curso:
📚 Módulo: Front End 👨‍🏫 Profesor:

👨‍💻 Temática

📝 Descripción

  • Estamos trabajando en esta wwb

Skills

  • 🌐 Html,
  • 🎨 Css,
  • 🖥️ JavaScript
  • 📏 Flexbox
  • 📦 Boostrap
  • 🖼️ Iframe
  • 🅰️ Google Fonts

Contact

tsdwa-proyectointegrador's People

Contributors

angelvill321 avatar ccrri avatar celetru avatar experthacker444 avatar jorgelinasapp avatar juanpsuarez avatar leandros1793 avatar luchipucheta avatar monicavzapata avatar pupaycleo avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

tsdwa-proyectointegrador's Issues

#HU-019-002 Contacto

Esta tarea se completa al realizar:

  1. Formulario de contacto con todos los campos necesarios
  • Nombre y Apellido
  • Correo
  • Telefono
  • Comentario
  • Boton de Submit o Enviar

#HU-016-001 Historial de Compras

Desde la opción "Ingresar" si el usuario está registrado le permitirá ingresar a una página donde podrá ver un listado de las últimas 10 compras realizadas (o menos si no llega a ese número). Donde podrá ver:

  • El sistema muestra una lista de todas las compras previas del usuario, organizadas cronológicamente desde la más reciente hasta la más antigua.
  • Para cada compra en la lista, se muestran detalles como la fecha de la compra, el número de pedido o factura, la lista de libros adquiridos con sus títulos, autores y precios individuales, y el costo total de la compra.
  • El usuario tiene la opción de hacer clic en cada compra para obtener más detalles, como información de envío y opciones de pago utilizadas.
  • El sistema permite al usuario buscar compras específicas por fecha, número de pedido o título de libro.
  • Los libros adquiridos en cada compra previa se vinculan a la biblioteca del usuario para su acceso futuro.
  • El historial de compra es accesible en cualquier momento y desde cualquier dispositivo con la misma cuenta de usuario.
  • El sistema garantiza la seguridad de la información de compra y protege los datos personales del usuario.

#HU-001-003 Landing Page

En esta tarea se debe completar dentro de la Landing Page.

  • Mostrar libros destacados de diferentes categorias (fantasia, romance, clasicos, etc etc)

#HU-007-001 Recuperación de contraseña

RECUPERO DE CONTRASEÑA (HU-007)

En esta tarea se debe crear un archivo html con la siguiente informacion:

Datos obligatorios
En Formulario

  • Direccion de mail

  • Boton para enviar (enviar los datos)

  • Boton para salir

  • El sistema solicitará al usuario que ingrese su dirección de correo electrónico asociada a su cuenta.

  • Una vez ingresada la dirección de correo electrónico, el sistema verificará si esa dirección de correo existe en la base de datos.

  • Si la dirección de correo electrónico es válida y está registrada en la base de datos, se enviará un correo electrónico al usuario con un enlace seguro para restablecer su contraseña.

  • El correo electrónico contendrá un enlace único o un código de verificación que permitirá al usuario crear una nueva contraseña.

  • El usuario deberá hacer clic en el enlace o ingresar el código de verificación en una página web segura proporcionada por la aplicación "Libroteka".

  • Una vez verificada la identidad del usuario, se le permitirá crear una nueva contraseña.

  • Después de que el usuario establezca su nueva contraseña, se le redirigirá a la pantalla de inicio de sesión, donde podrá acceder a su cuenta con su nueva contraseña.

  • El sistema deberá mostrar un mensaje de confirmación indicando que la contraseña se ha recuperado con éxito.

  • [ ]

#HU-017-001 Notificaciones por email

  • El sistema muestra una página de configuración de notificaciones por correo electrónico donde el usuario puede habilitar o deshabilitar diferentes tipos de notificaciones, como notificaciones de estado de pedido, promociones y actualizaciones del sitio.
  • El usuario puede seleccionar la frecuencia de las notificaciones (por ejemplo, diarias, semanales o en tiempo real) según su preferencia.
  • Para las notificaciones de estado de pedido, el usuario puede optar por recibir actualizaciones sobre el procesamiento, envío y entrega de sus pedidos.
  • Las notificaciones de promociones incluirán ofertas especiales, descuentos y novedades de libros que puedan interesar al usuario.
  • Las notificaciones de actualizaciones del sitio informarán al usuario sobre nuevas características, cambios en la plataforma y eventos relevantes.
  • El usuario puede guardar sus preferencias de notificación y actualizarlas en cualquier momento.
  • Las notificaciones se envían al correo electrónico registrado en la cuenta del usuario y cumplen con las regulaciones de privacidad y protección de datos.
  • El usuario recibe una confirmación por correo electrónico después de cambiar sus preferencias de notificación.

#HU-020-001 Menú de navegación

  • En la parte superior de la página, el usuario ve un menú de navegación claramente visible y accesible que incluye enlaces a las secciones clave de la aplicación, como "Inicio", "Explorar Libros", "Carrito de Compras", "Perfil", "Ayuda" y "Cerrar Sesión".
  • Los enlaces del menú de navegación cambian de color o se resaltan cuando el usuario coloca el cursor sobre ellos para indicar la interactividad.
  • El menú de navegación es responsive y se adapta a diferentes tamaños de pantalla, incluyendo dispositivos móviles, para garantizar una experiencia de usuario consistente en todas las plataformas.
  • Al hacer clic en un enlace del menú, el usuario es dirigido de manera rápida y efectiva a la sección correspondiente de la aplicación.
  • El menú de navegación se mantiene visible en todo momento mientras el usuario navega por la aplicación, lo que facilita el acceso a las diferentes partes del sitio.
  • Los íconos o etiquetas de texto en el menú son intuitivos y proporcionan una descripción clara de la función de cada enlace.
  • Los cambios en el menú de navegación se guardan y se aplican a todas las páginas de la aplicación.

##HU-011-001 Carrito de compras

  • El libro seleccionado se agrega al carrito de compras del usuario.
  • El sistema muestra una confirmación visual de que el libro se ha agregado al carrito.
  • El usuario puede ver una notificación o un indicador en la interfaz que muestra la cantidad de libros en su carrito.
  • Los usuarios pueden seguir navegando por la aplicación y agregar más libros al carrito si lo desean.
  • Se proporciona un acceso fácil y claro al carrito de compras para que los usuarios puedan ver su contenido en cualquier momento.
  • Los usuarios pueden acceder al carrito de compras desde cualquier parte de la aplicación.
  • Cuando los usuarios decidan finalizar su compra, podrán acceder al carrito, revisar los libros seleccionados y proceder al proceso de pago.

#HU-001-001 Landing Page

  • Esta tarea se completa con los siguientes puntos

  • Tiene que tener un archivo base de pagina (index.html/landing.html)

  • Navbar (Botones: Contacto, Sobre Nosotros, etc)

#HU-006-001 - Validación de Correo Electrónico

  • El sistema verificará que la dirección de correo electrónico proporcionada tenga un formato válido (por ejemplo, que incluya un "@" y un dominio válido).
  • Si la dirección de correo electrónico no cumple con el formato válido, se mostrará un mensaje de error indicando que la dirección de correo electrónico es inválida.
  • Si la dirección de correo electrónico cumple con el formato válido, se enviará un correo electrónico de confirmación a esa dirección con un enlace o código de verificación.
  • El usuario deberá acceder a su bandeja de entrada y hacer clic en el enlace de verificación o ingresar el código proporcionado para confirmar su dirección de correo electrónico.
  • Después de la validación exitosa, el sistema marcará la dirección de correo electrónico del usuario como confirmada en la base de datos.
  • El usuario podrá recibir correos electrónicos importantes de la aplicación, como confirmaciones de compra o actualizaciones de cuenta.

#HU-010-001 Página de cada libro

  • Crear el archivo .html
  • Cargar la imagen del libro
  • Cargar los datos basicos como (Titulo, Autor, Precio) Editorial, Año de Publicación,
  • Descripcion breve o sinopsis.

##HU-012-001 Sección de ayuda

  • La aplicación muestra una sección de ayuda que contiene información útil, preguntas frecuentes, tutoriales o enlaces a recursos de soporte.
  • Los usuarios pueden navegar por la sección de ayuda de manera intuitiva y encontrar respuestas a sus preguntas.
  • La sección de ayuda debe ser fácil de buscar y navegar, con una interfaz de usuario amigable.
  • Si los usuarios tienen preguntas específicas, deben poder buscar contenido en la sección de ayuda utilizando una función de búsqueda.
  • Los usuarios pueden regresar a la pantalla o página anterior de la aplicación desde la sección de ayuda.
  • Si la sección de ayuda se encuentra en línea (por ejemplo, en un sitio web), los usuarios pueden acceder a ella a través de un enlace directo en la aplicación.
  • El acceso a la sección de ayuda es consistente y está disponible en todas las partes de la aplicación donde los usuarios puedan necesitar asistencia.

#HU 012-001 Ingreso a sección ayuda.

Esta tarea consisten en:

  • de todas las páginas crear un botón de ayuda que permita ingresar a una página con preguntas frecuentes respecto al registro, compra, pago y envío.
  • permitir un formulario de contacto para enviar una consulta personalizada.
  • para ingresar deberá estar registrado.

HU-013-001 - Reseñas y puntuación del libro

(A decidir si se incorpora por el trabajo adicional)

Le permite al usuario registrado al ingresar en cada página de detalle del libro.

  • La aplicación permite al usuario redactar una reseña detallada del libro, que puede incluir comentarios, críticas y opiniones personales.
  • El usuario puede calificar el libro otorgándole una puntuación numérica (por ejemplo, de 1 a 5 estrellas).
  • El usuario tiene la opción de publicar la reseña de no más de 250 caracteres y la puntuación o guardarla como borrador para editarla más tarde.
  • Las reseñas y puntuaciones publicadas aparecen en la página del libro correspondiente.
  • Los usuarios pueden ver las reseñas y puntuaciones de otros usuarios en la página del libro.
  • Las reseñas y puntuaciones se muestran en orden cronológico, con las más recientes en la parte superior.
  • Los usuarios pueden dar clic en las reseñas para leerlas en detalle.
  • La aplicación realiza un seguimiento de la cantidad total de reseñas y la puntuación promedio del libro.
  • Si un usuario no ha iniciado sesión, se le solicita hacerlo antes de escribir una reseña o dar una puntuación.

HU-002-001 Accesibilidad

  • Lector de pantalla que lea en voz alta las diferentes opciones en la navegacion

  • equipo de soporte para ayuda

#HU-005-001 - Registro de usuario

Esta tarea se completa con los siguientes puntos

REGISTRO (HU-006)
Tiene que tener un archivo html para el registro que viene de la pagina de inicio
Datos del Registro obligatorios:
En Formularios:

  • Nombre - Apellido
  • Direccion de mail (validar formato)
  • Nro de DNI
  • Contrasenia - Confirmar Contrasenia

Datos no obligatorios:
Casillas de verificación:

  • Casillas de verificación: Suscripción a novedades

Botones:

  • Enviar

ACCESO (HU-006)
En esta tarea se debe crear un archivo html que derive de la opcion de acceso.

Datos obligatorios
En Formulario

  • Direccion de mail

  • Contrasenia

  • link para recuperar contrasenia (HU-007)

  • Boton para enviar (enviar los datos)

#HU-008-001

Tarea a realizar: (historia 8 y 9)

  • Generar un catálogo de la totalidad de libros disponibles
  • Crear la búsqueda de libro al ingresar por autor o titulo

#HU-014-001 Pagar el carrito de compra

Del botón de Carrito de Landing Page:

  • El sistema muestra al usuario un resumen detallado de los libros que están en su carrito de compra, incluyendo el título, autor y precio de cada libro.
  • El usuario tiene la opción de modificar la cantidad de ejemplares de cada libro o eliminar libros del carrito.
  • El sistema muestra el costo total de la compra, incluyendo el subtotal, impuestos y gastos de envío si corresponde.
  • El usuario puede seleccionar el método de pago que prefiere, como tarjeta de crédito, transferencia bancaria, o cualquier otro método disponible.
  • El sistema solicita al usuario ingresar los datos necesarios para completar la transacción, como información de tarjeta de crédito o detalles de facturación.
  • El usuario tiene la opción de guardar su información de pago para futuras compras.
  • Una vez que el usuario confirma la compra, el sistema procesa el pago de manera segura y muestra una confirmación de la transacción.
  • El usuario recibe un correo electrónico de confirmación de la compra con los detalles de los libros adquiridos y el comprobante de pago.
  • Los libros comprados se eliminan automáticamente del carrito de compra del usuario.
  • Los libros comprados quedan disponibles en la cuenta del usuario para su lectura o descarga, según el formato de los libros (físico o digital).

#HU-XXX-001 BACKEND: Crear CRUD Funcional

Esta tarea se completa realizando el CRUD del proyecto.

En python y se debe conectar con la base de datos.

Create (Crear) Libro
Read (Leer) Libro
Update (Actualizar) Libro
Delete (Eliminar) Libro

#HU-004-001 Búsqueda personalizada

En esta tarea se ingresa desde la Landing Page.

BUSQUEDA POR AUTOR
Permitir ingresar nombre de autor y que se reenvía a otra página un listado de los libros por autor, titulo, genero y precio.
De ese listado al seleccionar un libro se permite ingresar a la página de información con libro.

BUSQUEDA POR TITULO
Permitir ingresar nombre de titulo y que se reenvía a otra página un listado de los libros por autor, titulo y genero.
De ese listado al seleccionar un libro se permite ingresar a la página de información con libro.

BUSQUEDA POR GÉNERO
Permitir ingresar género del libro y que se reenvía a otra página un listado de los libros por autor, titulo y genero.
De ese listado al seleccionar un libro se permite ingresar a la página de información con libro.

#HU-005-001 Validar Número DNI

Esta tarea requiere:

  • El usuario solo pueda poner DNI minimo MIN=1000000

  • El usuario solo pueda poner DNI maximo MAX=99999999

HU-003-001 Ofertas exclusivas

  • Sección dedicada a "Ofertas Exclusivas" en la aplicación "Libroteka".

  • Dentro de esta sección, encontrarán promociones especiales y descuentos destacados.

  • Cuando un usuario navega por la aplicación y encuentra un libro que está en oferta exclusiva, se mostrará claramente el precio rebajado.

  • Los usuarios podrán hacer clic en las ofertas para obtener más detalles y agregar los libros con descuento a su carrito de compras.

Si un usuario realiza una búsqueda de libros, los resultados incluirán libros que están actualmente en oferta exclusiva.

#HU-019-003 Contacto

Esta tarea se completa al:

  • Agregarle Footer a la pagina
  • Agregarle NavBar a la pagina
  • Agregarle boton Volver a landing
  • Agregarle Diseño coherente a la landing

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.