Usuario:ManuelRomero/micursos/INAEM2017/Avanzado/Tienda

De WikiEducator
Saltar a: navegación, buscar



DESCRIPCIÓN DE LA PRÁCTICA DE LA TIENDA ON LINE

  • Vamos a hacer un ejemplo práctico en el que vamos a usar sesiones
  • Consiste en implementar una tienda on line con los datos siguientes
Diagrama de entidades

DiagramaEntidadesTienda.png


  • El siguiente diagrama muestra el escenario que queremos representar
  • El programa debe de ser orientado a objetos (Ver en sección más abajo clases que se recomienda utilizar)

Tienda1.png

  • Explicación funcional de las páginas
Login (login.php).
Su función es autentificar al usuario de la aplicación web.
Todos los usuarios de la aplicación deberán autentificarse utilizando esta página antes de poder acceder al resto de páginas.
Listado de productos (productos.php).
Presenta un listado de los productos de la tienda, y permite al usuario seleccionar aquellos que va a comprar.
Cesta de compra (cesta.php).
Muestra un resumen de los productos escogidos por el usuario para su compra y da acceso a la página de pago.
Pagar (pagar.php).
Una vez confirmada la compra, la última página debería ser la que permitiera al usuario escoger el método de pago y la forma de envío.
En esta aplicación simplemente mostrará un mensaje de tipo "Gracias por su compra" y ofrecerá un enlace para comenzar una nueva compra.
Logoff (logoff.php).
Esta página desconecta al usuario de la aplicación y redirige al usuario de forma automática a la pantalla de autentificación.
No muestra ninguna información en pantalla, por lo que no es visible para el usuario.
  • Para realizar esta práctiva vamos a utilizar la siguiente hoja de estilo, disponible en un fichero puesto en el moodle
  • Observa los diferentes div definidos para poderlos utilizar como es el caso de error
  • Podemos ver el ejercicio funcionando en esta url
http://www.manuel.infenlaces.com/tienda/loginW.php

Especificaciones nuevas

  • En este caso se trata de cumplir una serie de especifiaciones nuevas
  • Vamos a separar la lógica del negocio de la presentación
  • por otro lado vamos a crear clases para la programación más estructurada y encapsulada
  • El resultado será un proyecto con muchos mas ficheros, pero mucho más organizado y especializado
  • Las especificaciones no funcionales de este ejercicio son:

CLASES

BD.php
Clase con los métodos necesarios para acceder/consultar/validar en la base de datos. Por ejemplo
validarCliente($usuario,$password)
obtenerProducto($codigo)
obtenerProductos ()
Producto.php
Clase para interactuar con un prodcuto concreto
CestaCompra.php
Acciones relacionadas con la cesta de la compra
nuevoArticulo()
getProductos()
getCoste()
vaciar()

PLANTILLAS

  • Es la parte de interfaz de cliente
  • Normalmente cada parte php tendrá su plantilla, de modo que los ficheros php solo tienen código de control y de acceso y gestión de la base de datos
login.ptl
productos.tpl (listaProductos.tpl y productosCesta.tpl)
cesta.tpl

NEGOCIO o LÓGICA

  • 5 plantillas tendremos 5 ficheros php, aunque esto no tendría que ser necesariamente así
cesta.php
login.php
logoff.php
pagar.php
productos.php
  • La funcionalidad queda descrita en el enunciado

Forma de proceder

  • Vamos a hacer este ejercicio de forma incremental, realizando cada parte con el fin de ir asimilando bien los conceptos de plantillas y la separación de negocio o lógicay presentación.
  1. Login ==> Nos identificaremos para acceder al sitio web
  2. Porductos ==> Se visualizarán una lista de todos los productos
  3. Logoff ==> Tendremos la opción de desconectarnos
  4. Cesta ==> Aparecerá la posibilidad de ir incorporando nuevos elementos a la cesta
  5. Opciones de Cesta ==> Podremos o pagar y terminar la app o bien vaciar la cesta de la compra
  • Cada una de estas cinco acciones deben de constituir una aplicación.