Diferencia entre revisiones de «Usuario:ManuelRomero/micursos/INAEM2017/Avanzado/Tienda»

De WikiEducator
Saltar a: navegación, buscar
Línea 110: Línea 110:
 
*El siguiente diagrama muestra el escenario que queremos representar
 
*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)
 
*El programa debe de ser  orientado a objetos (Ver en sección más abajo clases que se recomienda utilizar)
[[Archivo:tienda1.png]]
+
[[Archivo:WebTienda.png]]<br />
 
*Explicación funcional de las páginas
 
*Explicación funcional de las páginas
  
Línea 129: Línea 129:
 
*Observa los diferentes div definidos para poderlos utilizar como es el caso de '''''error'''''
 
*Observa los diferentes div definidos para poderlos utilizar como es el caso de '''''error'''''
 
*Podemos ver el ejercicio funcionando en esta url
 
*Podemos ver el ejercicio funcionando en esta url
 +
;Imprimir:
 +
*Imprimir.php
 +
:mostrará una página con un fichero '''''pdf''''' que se podrá imprimir o descargar.
 +
 +
 +
===
 +
 +
 +
 +
 
  http://www.manuel.infenlaces.com/tienda/loginW.php
 
  http://www.manuel.infenlaces.com/tienda/loginW.php
  

Revisión de 06:23 27 may 2018



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)

WebTienda.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
Imprimir
  • Imprimir.php
mostrará una página con un fichero pdf que se podrá imprimir o descargar.


=

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.