Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

TUTORIAL PARA CREAR UN E-COMMERCE EN NETBEANS

Hecho para la Materia Desarrollo de Aplicaciones Web - TESE Lic. en Informática
by

Elizabeth Garduño

on 19 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of TUTORIAL PARA CREAR UN E-COMMERCE EN NETBEANS

Tutorial para crear un
E-commerce
en NetBeans

E - COMMERCE
1. INTRODUCCIÓN
2. DISEÑANDO
LA APLICACIÓN
3. CONFIGURANDO EL
ENTORNO DE
DESARROLLO
4. DISEÑANDO
EL MODELO
DE DATOS
5. PREPARACIÓN DE LOS
PUNTOS DE VISTA
DE LA PÁGINA Y
CONTROLADOR SERVLET
6. CONEXIÓN DE LA APLICACIÓN
CON LA BASE DE DATOS
7. AÑADIENDO LENGUAJE
DE SOPORTE
8. RESULTADO FINAL
1. INTRODUCCIÓN
2. DISEÑANDO
LA APLICACIÓN
3. CONFIGURANDO EL
ENTORNO DE
DESARROLLO
8. RESULTADO FINAL
7. AÑADIENDO LENGUAJE
DE SOPORTE
6. CONEXIÓN DE LA APLICACIÓN
CON LA BASE DE DATOS
5. PREPARACIÓN DE LOSPUNTOS DE VISTA
DE LA PÁGINA Y CONTROLADOR SERVLET
4. DISEÑANDO
EL MODELO
DE DATOS
Conceptos
Básicos:
Tecnologías:
• Front-end de desarrollo
• Aplicación Web estructura de proyecto
• Modelado de datos
• Conectividad de base de datos
• Mapeo objeto-relacional
• Sesión de gestión
• La lógica de negocio transaccional
• Cliente y la validación del lado del servidor
• Localización
• Seguridad de aplicaciones Web
• Patrones de diseño, (MVC).
• HTML, CSS, JavaScript y las tecnologías
• Servlets y JavaServer Pages (JSP), tecnologías
• Enterprise JavaBeans (EJB)
• Java API de Persistencia (JPA)
• Las páginas de la biblioteca de etiquetas JSP estándar (JSTL)
• Java Database Connectivity (JDBC)
• Herramientas de desarrollo
• NetBeans IDE
• GlassFish, un servidor de aplicaciones Java EE
• MySQL, un servidor de bases de datos relacionales (RDBMS)
• MySQL Workbench, una herramienta de diseño visual de base de datos.
Comercio Electrónico:

Se refiere a la compra y venta de bienes o servicios a través de Internet, que ofrece compras en línea para diversas categorías de productos, tales como libros, música y electrónica.
• De empresa a cliente (B2C)

• De consumidor a consumidor (C2C)

• Business to Business (B2B)

• De negocio a gobierno (B2G):
• Store Front:
• Consola de administración
El escenario
Reuniendo requerimientos del cliente
Preparando Maquetas
Determinación de la arquitectura
Planificación del Proyecto

El escenario:
El cliente es una tiendita de comestibles llamada "The Affable Bean".

Tras estudiar el mercado han decidido ampliar el negocio con un servicio de pedidos a domicilio. Intentan contactar con los mejores desarrolladores de Java para crear un sitio web que ponga a disposición de sus clientes una tienda online, pero como todos están nos llaman a nosotros.

Adicionalmente quieren también poder acceder mediante una consola de administración web para hacer un seguimiento de los pedidos.

La ubicación de la tienda tienda está Praga, en la República Checa, por lo que quieren que el website soporte inglés, checo (sabiendo que habrá uno que otro de habla hispana, la web tendrá soporte para los tres idiomas.

Los propietarios ya tienen comprado un dominio y un servicio de hosting con servidor Java EE 6 y servidor MySQL de base de datos. Además informan de que un miembro de su plantilla tiene los conocimientos necesarios para realizar el despliegue en el servidor de producción cuando la aplicación esté lista.

Reuniendo requerimientos con el cliente:
1. Presentación online de los productos vendidos físicamente en la tienda.

Hay cuatro categorías (lácteos, carnes, panadería y frutería), y cuatro productos por cada categoría. Debe indicarse información sobre cada producto (nombre, imagen, descripción, precio...

2. Carrito de compra virtual con las siguientes posibilidades:

Añadir artículos
Quitar artículos
Actualizar la cantidad de artículos
Ver resumen de artículos y cantidades
Enviar pedido y hacer el pago a través de un proceso seguro

3. Consola de administración para que los empleados puedan ver los pedidos de los clientes.

4. Seguridad, con la intención de proteger los datos sensibles de los clientes y evitar accesos no autorizados a la consola de administración.

5. Soporte de lenguaje para español y checo (y por disposición del maestro: español).

El personal proporcionará imágenes y categorías de los productos, descripciones y precios, gráficos para la web los textos y traducciones necesarias.

Preparando las maquetas:
Casos de uso
Flujo de proceso del negocio
1. El cliente visita la página de bienvenida y selecciona una categoría de producto.
2. El cliente navega por los productos en la página de la categoría seleccionada y añade un producto a su carrito.
3. El cliente continúa comprando y selecciona otra categoría.
4. El cliente añade varios productos de esta categoría a su carrito.
5. El cliente selecciona la opción "ver carro" y actualiza las cantidades de los productos en la página de carro.
6. El cliente verifica el contenido del carro y procede al pago.
7. El cliente ve el precio del pedido y otras informaciones, rellena datos personales y envía sus detalles.
8. El pedido se procesa y el cliente es llevado a página de confirmación.
9. La página de confirmación proporciona un número de referencia único para el pedido y un resumen del pedido.

Página de Bienvenida
Página de Categorías
Página del carro
Página de pago
Página de confirmación
Además se acuerdan una serie de reglas que se aplicarán al comportamiento de las páginas:

1. El cliente debe poder acceder al pago desde cualquier página, contemplando que:

El carrito no esté vacío
El cliente no se encuentre ya en la página de pago
El cliente no haya hecho el pago (por ejemplo que esté en la página de confirmación)

2. En todas las páginas el cliente debe ser capaz de:

Ver el estado de su carro de la compra (si éste no está vacío)
Volver a la página de bienvenida haciendo click en el logo

3. El cliente debe poder seleccionar el idioma en todas las páginas (excepto en la página de confirmación)

Determinación de la arquitectura:
Al cumplir con el patrón de diseño MVC proporciona numerosas ventajas:

La separación de los problemas de diseño
Más fácil de mantener y extensible
Promueve la división del trabajo
Planificación del Proyecto:
1. Configuración del entorno de desarrollo
2. Preparar en modelo de datos para la aplicación
3. Crear el Front-End de los archivos de proyecto
4. Organizar el Front-End de la aplicación
5. Crear un servlet controlador
6. Conectar la aplicación a la base de datos
7. Desarrollo de la lógica de negocio
8. Crear funcionalidad del carrito
9. Integrar la lógica transaccional
10. Añadir soporte de lenguaje
11. Crear consola de administración
12. Asegurar la aplicación

Crear un Proyecto Web
Ejecución del Proyecto Web
Comunicándonos con el servidor de la base de datos

Creando un proyecto web:
Comunicándonos con el servidor de bases de datos:
MySQL Workbench
Identificando entidades para el modelo de datos
Creando un diagrama Entidad - Relación (ERD)
Aplicando ingenieria directa a la base de datos
Conectando la base de datos desde el IDE

MySQL Workbench:
Es un software
que nos
permite crear:
Modelos de Datos
Presentaciones visuales de scripts
Obtener esquemas de base de datos a partir de modelos visuales
Sincronizar modelos con un servidor MySQL en ejecución.
Crear un modelo Entidad - Relación
Identificar y definir las entidades y sus relaciones
Obtener un script DDL
Convertir el modelo en un esquema de base de datos
Conectarse con éxito con el IDE de NetBeans.
Identificando entidades para el modelo de datos:
El cliente verifica el contenido del carro y procede al pago.
El cliente selecciona la opción "ver carro" y actualiza las cantidades de los productos en la página de carro.
El cliente ve el precio del pedido y otras informaciones, rellena datos personales y envía sus detalles.
El cliente continúa comprando y selecciona otra categoría. El cliente añade varios productos de esta categoría a su carrito.
El cliente navega por los productos en la página de la categoría seleccionada y añade un producto a su carrito.
El cliente visita la página de bienvenida y selecciona una categoría de producto.
Identificando entidades
El pedido se procesa y el cliente es llevado a página de confirmación.
La página de confirmación proporciona un número de referencia único para el pedido y un resumen del pedido.
Creando un diagrama Entidad - Relación:
Creando Entidades
Agregando propiedades a las entidades:
tabla customer
tabla category
tabla customer-order
tabla product
Identificando relaciones
Aplicando ingeniería a la base de datos:
Conectando la base de datos desde el IDE:
Creando los ficheros del proyecto
Implementando contenido HTML y CSS
Colocando las páginas JSP en la carpeta WEB-INF
Creando un encabezado y pie de página
Añadiendo una directiva al descriptor de despliegue
Creando el servlet controlador
Implementando el servlet controlador

Creando los ficheros del proyecto:
Creando las páginas JSP
Creando una hoja de estilos
Implementando contenido HTML y CSS
index.jsp
category.jsp
cart.jsp
checkout.jsp
confirmation.jsp
affablebean.css
Colocando las páginas JSP en la carpeta WEB-INF
Creando encabezado y pie de página
Añadiendo una directiva al descriptor de despliegue
Creando el servlet controlador
Implementando el servlet controlador
Añadiendo datos a la base de datos
Creando pool de conexiones y origen de datos
Probando el pool de conexiones y el origen de datos
Configurando parámetros de contexto
Trabajando con JSTL
Mostrar detalles de los productos en la tabla

Entendiendo los paquetes de recursos
Hacer Páginas multilingüe
Crear paquetes de recursos
Full transcript