Materia: Programación Web
PIA
Integrante Matricula Carrera
Alejandra Guadalupe Cantú Cerda 1732642 IAS
Roberto Alan Rodriguez Monroy 1747264 IAS
J. Jesús Bernal Alcalá 1801920 IAS
Salón: 4208
Hora: N1
Día: Jueves
Docente: Dra. Laura Patricia Del Bosque Vega
Semestre Agosto-Diciembre 2019
San Nicolás de Los Garza, Nuevo León
Para crear un usuario nos dirigimos al apartado de Regístrate, aquí nos aparecerá
un apartado donde podremos ingresar un nombre de usuario que nosotros
gustemos, una contraseña, la confirmación de la contraseña y nuestro nombre,
para luego ingresarlo en nuestra base de datos.
Aquí se muestra el código de la
página Regístrate. Se
utilizo una validación para saber si ya existe un cliente logueado en la página de
ser así, la pantalla Regístrate no debe aparecerle al usuario logueado.
Posteriormente aparece un formulario que te pide el nombre de usuario y la
contraseña que se quiere ingresar en la página, utilizando funciones y validando
que las contraseñas coincidan y que el nombre no esté siendo utilizado.
Después de crear nuestro usuario, vamos al apartado de Iniciar Sesión donde
pondremos los datos registrados con anterioridad.
Código de la pantalla Inicia Sesión, primeramente, se hace una validación de tipo
sesión para saber si está un usuario logueado en la página. Si no lo está, en la
pantalla de Iniciar Sesión aparecerán los campos de Usuario y Contraseña
limpios, por eso la función clear. Utilizando una consulta de tipo SELECT tomamos
de la tabla clientes los datos de usuario y contraseña, validando que sean iguales
para posteriormente iniciar sesión. Si los datos están incorrectos nos arroja una
alerta que dice que los datos no son válidos.
Tabla clientes de la base de datos.
Pantalla Productos, en esta sección podemos ver los productos existentes y
agregarlos al carrito.
Código página Productos. Si existe el botón agregar y el campo cantidad,
entonces se limpian las variables y después se valida que exista un usuario
logueado en la página, posteriormente se hace una consulta para seleccionar el
producto a comprar, si la venta $v es mayor a 0, o sea al menos un producto
agregado se hace la consulta de tipo update para agregar los productos al carrito.
Añadir un producto al carrito, al dar clic sobre el icono naranja del carrito nos
aparece la ventana preguntándonos “¿Qué cantidad deseas agregar?” Después
procedemos a escribir la cantidad que queramos y damos aceptar.
Una vez aceptado nos envía una alerta que dice que el producto se añadió.
Código de agregar producto al carrito. Si existe el botón agregar y la cantidad a
agregar, se procede a hacer la cuenta.
Después de haber ingresado con nuestra cuenta, al ir al apartado de Carrito
podremos ver los productos que haya guardado ahí durante mi visita en la página,
dentro del carro de compras tendremos la opción de editar ciertas características
de nuestro producto guardado o ya sea eliminarlo de nuestro carrito; hay un
apartado donde podemos ver el total de nuestro carrito y un botón para finalizar la
compra
Código del carrito. Nos permite modificar o eliminar los productos que agregamos
en el carrito. De tal manera que nos muestra los productos agregados y nos los
ordena de manera que los vamos comprando.
Finalizar compra.
En este código nos muestra nuestra compra, una vez que damos clic en el botón Finalizar compra
nos lleva a la página de Ver compras, en la que aparece una tabla donde nos muestra la fecha de
nuestra compra, la forma de pago, el total y el estado en el que se encuentra.
Iniciar Sesión como Administrador, en este apartado, iniciamos sesión con un usuario llamado
Admin y contraseña admin1 este fue añadido desde la base de datos.
Al ingresar como Administrador, en pantalla nos aparecerán dos opciones,
agregar producto o agregar categoría.
Al ingresar a la opción de Agregar Producto aparecerá datos relacionados al
mismo donde podremos llenar un nuevo producto o en los productos existentes
podremos editar los datos de estos o borrarlos
Imagen 9. Código de pantalla “Administrador” En esta nos valida que no exista
ningún usuario dentro de la plataforma y de esa manera nos lleva al login de
administrador.
Imagen 9.1. Código de pantalla “Administrador”
Imagen 10 Código de pantalla “Agregar producto” Dentro de esta pantalla, al estar
logueado como administrador, podremos agregar productos, pidiendo como
campos requeridos, el nombre, precio, oferta y una imagen de nuestro producto.
Además de poder eliminar y modificar los productos.
Imagen 10.1 Código de pantalla “Agregar producto” En este punto del código, nos
aparece la opción para añadirle descuentos a los productos.
Imagen 10.2 Código de pantalla “Agregar producto”
Imagen 10.3 Código de pantalla “Agregar producto”
Imagen 14 Código de pantalla “Modificar producto” Este apartado solo puede verlo
el administrador y en este se modifica el producto que se añadió.
Imagen 14.1 Código de pantalla “Modificar producto”
Base de datos, se utilizaron 7 tablas para producir nuestra página.
