CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o...

33

Transcript of CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o...

Page 1: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los
Page 2: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los
Page 3: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

CAPITULO I .......................................................................................................................... 3

1.1 Introducción ............................................................................................................. 3

1.2 Problema a resolver .................................................................................................. 4

1.3 Justificación .............................................................................................................. 4

1.4 Objetivo General ...................................................................................................... 5

1.5 Objetivos Específicos ............................................................................................... 5

CAPITULO II ......................................................................................................................... 5

Fundamento Teórico ............................................................................................................... 5

2.1 Lenguaje de Programación ....................................................................................... 5

2.2 Programación Web ................................................................................................... 5

2.2.1 Python ............................................................................................................... 5

2.2.2 XML .................................................................................................................. 6

2.2.3 CSS ................................................................................................................... 6

2.2.4 JavaScript .......................................................................................................... 6

2.3 Framework ............................................................................................................... 6

2.3.1 MVC ................................................................................................................. 6

2.4 Base de datos ............................................................................................................ 7

2.4.1 PostgreSQL ....................................................................................................... 7

2.5 Open Source ............................................................................................................. 7

2.6 ERP .......................................................................................................................... 7

2.6.1 Odoo .................................................................................................................. 8

CAPITULO III ........................................................................................................................ 8

Actividades Realizadas y Resultados ..................................................................................... 8

3.1 Actividades realizadas .............................................................................................. 8

3.2 Resultados .............................................................................................................. 10

Website .......................................................................................................................... 10

Punto de Venta .............................................................................................................. 21

CAPITULO IV ..................................................................................................................... 25

Conclusión ............................................................................................................................ 25

4.1 Conclusión.............................................................................................................. 25

4.3 Competencias desarrolladas y/o aplicadas ............................................................. 25

Page 4: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Anexo ................................................................................................................................ 26

Referencias bibliográficas y virtuales ............................................................................... 30

Ilustración 1. Ubicación de las oficinas de Vauxoo en Colima. ............................................. 3

Ilustración 2. Diagrama del funcionamiento del MVC. .......................................................... 7

Ilustración 3. Página Principal (header). ............................................................................... 10

Ilustración 4. Página Principal (footer). ................................................................................ 11

Ilustración 5. Página de preguntas frecuentes. ...................................................................... 12

Ilustración 6. Página de Política de Devoluciones. ............................................................... 13

Ilustración 7. Página de Producto individual con descripción. ............................................. 13

Ilustración 8. Imagen del Producto con zoom. ..................................................................... 14

Ilustración 9. Modal con información del producto para añadir al carrito. .......................... 14

Ilustración 10. Página de carrito de compras. ....................................................................... 15

Ilustración 11. Página para capturar información personal. ................................................. 15

Ilustración 12. Vista para confirmar la dirección de facturación y envío. ............................ 16

Ilustración 13. Formulario para dirección de envío. ............................................................. 16

Ilustración 14. Vista para validar compra y elegir método de envío y pago. ....................... 17

Ilustración 15. Vista de Orden Confirmada. ......................................................................... 18

Ilustración 16. Interfaz de ingreso. ....................................................................................... 19

Ilustración 17. Interfaz para registro de usuario. .................................................................. 19

Ilustración 18. Interfaz cuenta de cliente. ............................................................................. 20

Ilustración 19. Interfaz de una cotización. ............................................................................ 20

Ilustración 20. Interfaz de un pedido. ................................................................................... 21

Ilustración 21. Backend. ....................................................................................................... 21

Ilustración 22. Terminal con las Cajas del Punto de Venta. ................................................. 22

Ilustración 23. Punto de Venta con productos. ..................................................................... 22

Ilustración 24. Vista para registrar el pago del cliente. ........................................................ 23

Ilustración 25. Ticket de venta del Punto de venta. .............................................................. 23

Ilustración 26. Vista con la lista de clientes. ......................................................................... 24

Ilustración 27. Vista con información del cliente seleccionado. .......................................... 24

Ilustración 28. Vista para contabilizar los asientos de cierre de sesión. ............................... 25

Page 5: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

1.1 Introducción

Vauxoo S. A. de C. V. es una compañía latinoamericana que se dedica a proveer

servicios de entrenamiento, desarrollo e implementación de sistemas de administración

de empresas y basa sus estrategias de operación enteramente en el uso de software de

código abierto y su principal producto es Odoo desde 2007.

La compañía cuenta con oficinas en Venezuela, México y Perú. Las oficinas de

Colima, inauguradas el 3 de Marzo del 2017, se encuentran ubicadas en Plaza Demirel,

Av. Venustiano Carranza 1726 Int. 7, Residencial Esmeralda Norte Colima, Colima. En

la ilustración 1 se muestra el mapa con la ubicación antes mencionada.

Ilustración 1. Ubicación de las oficinas de Vauxoo en Colima.

Dicha empresa cuenta con muchos clientes importantes, entre ellos esta Abastotal,

una empresa que se dedica a vender productos de limpieza, repostería, abarrotes y

empaques a pequeñas y medianas empresas, se encuentra ubicada en la zona

metropolitana de Monterrey y cuenta con 3 sucursales.

Se nos propuso realizar el proyecto “Implementación de E-commerce y punto de

venta” para Abastotal, utilizando el sistema de Odoo, por lo que para llevar a cabo esto,

Page 6: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

se necesitó una capacitación para conocer y aprender a utilizar dicho sistema y las demás

herramientas que permitieron el desarrollo, posteriormente se realizó una revisión de las

Historias de Usuario y los criterios que existían sobre el proyecto, para conocer lo que el

cliente necesitaba.

En el presente documento se describen cada una de las actividades que se

realizaron durante los 6 meses en la empresa Vauxxo, además, se presentan los resultados

obtenidos por medio de capturas de pantalla del sitio web de Abastotal, para

posteriormente finalizar con las conclusiones del desarrollo del proyecto y las

recomendaciones para Vauxoo.

1.2 Problema a resolver

El proyecto de abastotal fue realizado sobre la versión 9 del sistema ERP Odoo,

versión que ya no cuenta con soporte por parte de sus desarrolladores y está quedando

obsoleta, por lo que es necesario migrar dicho proyecto.

La versión 10 de este sistema, además de contar con el soporte continuo y ser la

más reciente, tiene varias ventajas respecto a su predecesora. Además de la migración de

versión del sistema y la base de datos, se realizó la implementación de nuevas

funcionalidades solicitadas por el cliente.

Fue necesario actualizar el código para mostrar el carro de compras y permitir

agregar productos desde las diferentes vistas y opción para duplicar órdenes. También se

corrigieron los errores que se presentaron con la v10 con respecto al buscador que borra

las búsquedas al cambiar de página, la creación de las cuentas de usuario que no permitía

visualizar los reportes de pedido, presupuesto y facturas, implementación del zoom en

las imágenes de cada uno de los productos. Además, se crearon páginas para preguntas

frecuentes y políticas de devoluciones.

1.3 Justificación

El desarrollo del proyecto de Abastotal para la empresa Vauxoo fue de gran

importancia, porque al actualizar la versión de sistema ERP Odoo que se utiliza en la

plataforma de Abastotal se ahorran horas de trabajo al dejar de darle mantenimiento al

código de Odoo v9 y se concentran en realizar las actualizaciones a la v10, ya que dicho

proyecto es el único que se encuentra utilizando la versión 9 de Odoo. Además de que el

cambio de la versión los favoreció considerablemente ya que el código en esta versión es

más limpio lo que permite una mejor manipulación de este al momento de la

programación de otros módulos.

Para nosotros la importancia de la realización de este proyecto es que nos permitió

aplicar los conocimientos adquiridos en la escuela y a la vez obtener nuevos

conocimientos por medio del aprendizaje autodidacta. Así como la de adquirir

experiencia laboral al enfrentar los retos de realizar un proyecto real, permitiéndonos

Page 7: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

aprender de las dificultades que se pueden llegar a presentar cuando se trata de resolver

un problema.

1.4 Objetivo General

Implementar la plataforma web de comercio electrónico para Abastotal con Odoo

versión 10.

1.5 Objetivos Específicos

Aprender a utilizar el sistema ERP Odoo.

Actualizar el diseño de la plataforma, el carro de compras, la creación de cuentas

y el canal de chat del sitio.

Corregir la caja de búsquedas y la lista de productos de la página principal.

Generar y consultar reportes de presupuestos, venta y facturas con RFC.

Realizar la documentación y reporte de actividades final.

Este capítulo comprende los términos más relevantes del proyecto de residencia para

que así se entiendan mejor cuales fueron las bases para el desarrollo del proyecto. Por lo

tanto, se desarrollan los conceptos vinculados con Lenguajes de programación, frameworks,

OpenSource, Bases de datos, entre otros.

2.1 Lenguaje de Programación

Un lenguaje de programación es una notación o conjunto de símbolos y

caracteres combinados entre sí de acuerdo con una sintaxis ya definida que facilita la

transmisión de instrucciones a la CPU.

2.2 Programación Web

2.2.1 Python

Python es un lenguaje de programación de propósito general creado por

Guido van Rossum en 1990. Es un lenguaje de alto nivel que cuenta con

características atractivas, estable y maduro, dinámico, orientado a objetos y

multiplataforma.

Python es simple y se adhiere a la idea que, si un lenguaje se comporta de

cierta manera según un contexto, idealmente debería funcionar similarmente en

todos los contextos.

Page 8: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

2.2.2 XML

XML (Extensible Markup Language) es un estándar establecido por la

W3C (World Wide Web Consortium) para documentos de marcado. Define una

sintaxis genérica usada para el marcado de datos con etiquetas de fácil lectura.

Provee un formato estandarizado para documentos de computadora que es

suficientemente flexible para ser personalizado para diversos dominios, como lo

son los sitios web y el intercambio electrónico de datos.

2.2.3 CSS

Las hojas de estilo en cascada (Cascade Stylesheets) ofrecen propiedades

para ampliar los lenguajes de marcado en la representación visual de las páginas

Web. El lenguaje CSS, es el más conocido y utilizado para definir las propiedades

de formato de los diferentes elementos. Este lenguaje ofrece a los desarrolladores

el control del estilo y formato de los documentos.

2.2.4 JavaScript

JavaScript es un lenguaje compacto, y basado en objetos, diseñado para el

desarrollo de aplicaciones cliente/servidor a través de Internet. En una aplicación

cliente para un navegador, las sentencias JavaScript pueden reconocer y responder

a eventos generados por el usuario, definiendo así un sistema interactivo.

2.3 Framework

Un marco de trabajo (framework) es un diseño de un subsistema formado por

una colección de clases concretas y abstractas y la interfaz entre ellas. Los detalles

particulares del subsistema de aplicación son implementados añadiendo componentes

y proporcionando implementaciones concretas de las clases abstractas en el marco

del trabajo.

2.3.1 MVC

Uno de los marcos de trabajo más conocido y ampliamente usado para el

diseño de GUIs (Interfaces gráficas de usuario) es el marco Modelo-Vista-

Controlador (MVC).

El Modelo, que es la aplicación del dominio, no tiene conocimiento

específico de la Vista, que es la interfaz de usuario, ni de los Controladores, que

son los manejadores de eventos.

La Vista tiene conocimiento de los Controladores porque los crea y

especifica qué tipo de evento debe de atender cada manejador. Sin embargo, la

Vista no tiene conocimiento del Modelo.

Los Controladores tienen conocimiento del Modelo porque crean objetos

de dominio al que mandan mensajes, derivados fundamentalmente de los eventos

producidos en la interfaz de usuario; y tienen conocimiento de la Vista porque

mandan mensajes a sus componentes para recibir o enviarles información. En la

Ilustración 2 se pueda visualizar mejor lo descrito anteriormente.

Page 9: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 2. Diagrama del funcionamiento del MVC.

2.4 Base de datos

Las bases de datos son colecciones de información que se relacionan para crear

un sentido y dar más eficiencia a la estructura de datos de una empresa. Son de vital

importancia para las empresas y en las últimas décadas se han convertido en la parte

principal de los sistemas de información. Estas suelen ser gestionadas por sistemas de

gestión de base de datos.

2.4.1 PostgreSQL

PostgreSQL es un Sistema Manejador de Base de Datos Objeto-Relacional

que ha sido desarrollado desde 1977. Inició como un proyecto llamado Ingres en la

Universidad de California en Berkeley.

PostgreSQL es considerado ser el sistema de base de datos open source más

avanzado del mundo. Cuenta con muchas características que tradicionalmente solo

son vistas en productos comerciales de calibre empresarial.

2.5 Open Source

Open source es software cuyo código fuente está disponible a sus usuarios.

Puede ser descargado y usado o modificado a voluntad, esto difiere significativamente

con el software propietario, el cual solo se distribuye en formato binario para asegurar

que la propiedad intelectual siga siendo privada para los desarrolladores del software.

2.6 ERP

Se define ERP (Enterprise Resource Planning o Sistema Planificador de

Recursos Empresariales) como un sistema de planificación de los recursos y de

gestión de información que, de forma estructurada, satisface la demanda de

necesidades de la gestión empresarial. Se trata de un programa de software integrado

que permite a las empresas evaluar, controlar y gestionar más fácilmente su negocio

en todos los ámbitos.

El software de tipo ERP es un programa de gestión empresarial diseñado para

cubrir todas las exigencias de las áreas funcionales de la empresa, de forma que crea

un flujo de trabajo para los distintos usuarios, permitiendo agilizar los diferentes tipos

de trabajos, reduciendo en tiempo real las tareas repetitivas y permitiendo además el

aumento de la comunicación entre todas las áreas que integran la empresa.

Page 10: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

2.6.1 Odoo

Odoo, anteriormente conocido como OpenERP, es una gran plataforma para

desarrollo. El framework en su núcleo es muy rico y permite la creación de

aplicaciones cliente-servidor de cero, así como también adaptando

aplicaciones existentes acorde a necesidades mediante un ingenioso

mecanismo de extensión y diseño modular.

3.1 Actividades realizadas

En la Tabla 1 se muestra el cronograma de actividades en donde se indica con color

negro el tiempo estimado para el desarrollo del proyecto y en azul el tiempo real de cada

actividad.

A continuación, se explica el procedimiento que se utilizó para la implementación del

sitio web y se describen cada una de las actividades realizadas.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

R

P

REntrega de Proyecto

Actividad

Entrenamiento por parte de la empresa

Implementación de carro de compras

Checkout

Chat

Implementación de metodos de pago

Gestión de Entrega

Rastreo de ventas

Descarga de facturas

Página FAQ

Página de tienda

Búsquedas

Imágenes

Semanas

Cronograma

Tiempo

Febrero Marzo Abril Mayo

Tabla 1. Cronograma de Actividades.

Page 11: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Procedimiento y descripción de las actividades realizadas

Antes de comenzar con el desarrollo de las actividades que se definieron, se recibió una

capacitación por parte de la empresa Vauxoo S.A de C.V. para aprender a manejar el

sistema ERP Odoo que utilizan para el desarrollo de proyectos, dicha capacitación duro

aproximadamente 1 mes, durante ese tiempo se proporcionaron lecturas y ejercicios sobre

Python, SQL y Odoo para poder comenzar a desarrollar un módulo de prueba, que

permitía conocer mejor el funcionamiento de Odoo v8 al realizar modelos, vistas y

controladores. Una vez finalizado el módulo, se comenzó con un curso para aprender a

manejar los módulos con los que cuenta Odoo y así conocer sobre contabilidad, ventas,

inventarios, etc. Después se comenzó con la parte final del curso que era la realización

de ejercicios para el desarrollo de frontend. En este curso de aprendió sobre JavaScript,

Qweb, Boostrap, etc.

Una vez terminada la capacitación, se comenzó con el desarrollo de las actividades para

la implementación del e-commerce y punto de venta de Abastotal.

Instalación: Se instalaron todos los programas necesarios para el desarrollo del

proyecto, Sublime como editor de texto, travis2docker para poder realizar las

pruebas necesarias al código.

Historias de Usuario: Una vez instalados los programas, se analizaron los criterios

de aceptación que formaban parte de las Historias de Usuario del cliente, para

poder tener una idea más clara de las modificaciones que se le tendría que hacer

al sitio.

Carro de compras: Se realizó la implementación del carro de compras en el sitio,

se añadió un botón para agregar los productos al carro y otros que le permitieran

al usuario agregar y/o quitar algún producto. Además, se añadió una opción en la

cuenta del cliente que le permitiera duplicar alguna orden que haya realizado

anteriormente. También se hicieron modificaciones para que la opción del carrito

que se encuentra en el menú superior no se muestre hasta que se agregue algún

producto a este. Gestión de entrega: Se añadió la opción de recoger pedido en sucursal para

permitir que el cliente elija en cual sucursal quiere recoger su pedido. Implementación de métodos de pago: Se implementaron los métodos de pago de

tarjetas de crédito, débito y pago con Payu. Checkout: Se implementó la opción de creación de cuentas en el sitio web para

que los nuevos clientes pudieran registrarse. Chat: Se añadió un canal de chat de mensajería en español, para la comunicación

entre empleado y clientes. Rastreo de ventas: Se activó Google Analytics para realizar el rastreo de ventas. Descarga de facturas: Se implementó la opción de descargar facturas, para que

los clientes tuvieran fácil acceso a estas desde sus cuentas. Página de FAQ: Se creó una página con respuestas a preguntas frecuentes. Página de tienda: Se adaptó el sitio para que la página principal del sitio fuese la

página de tienda y se mostrarán los productos destacados en vista de lista. Búsquedas: Se realizaron modificaciones para mostrar una caja de búsquedas

siempre activa en el sitio y al cambiar de número de página no se borre la

búsqueda.

Page 12: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Imágenes: Se asignó una imagen genérica para todos los productos que no

contaban con una, además se agregó una opción que le permitiera al cliente hacer

zoom al producto que desee.

3.2 Resultados

A continuación, se presentan las vistas del website y punto de venta(POS).

Website

En la ilustración 3 se muestra la página principal del sitio, en el encabezado se colocó

información de interés para los clientes como el pago con entrega, rápida entrega, envío gratis

y datos para contactar a la empresa, debajo de este se colocó un banner con la fotografía de

la empresa. También se muestran los productos en una vista de lista para que la descripción

de los productos se pueda visualizar, cada producto tiene una imagen, precio y una opción

para agregar al carrito el producto.

Ilustración 3. Página Principal (header).

Page 13: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Como la lista de producto es extensa, no se alcanza a visualizar el footer de la página

principal. En la Ilustración 4 se puede observar que en el footer también hay una sección

igual a la que se muestra en el header que contiene información de interés para los clientes.

Además de eso, en la parte inferior izquierda se colocó una opción para que los visitantes se

pudieran suscribir al sitio y recibir información en sus correos, también se colocaron algunos

enlaces de interés para el acceso a otras vistas. Y en la parte inferior derecha se muestra un

mapa con la ubicación de alguna de las sucursales que puede seleccionar el visitante.

Ilustración 4. Página Principal (footer).

En el enlace “Preguntas frecuentes” se muestra una vista como la de la Ilustración 5,

donde se colocaron las respuestas a las preguntas que son más frecuentes. Y si selecciona

“Reembolsos y devoluciones” se presenta una vista como la de la Ilustración 6 que contiene

información sobre las políticas de devoluciones de Abastotal.

Page 14: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 5. Página de preguntas frecuentes.

Page 15: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 6. Página de Política de Devoluciones.

Cuando el usuario selecciona un producto de la página principal, se muestra una vista

como la de la Ilustración 7, con la imagen del producto, el nombre del producto, precio con

la leyenda “IVA INCLUIDO”, cantidad y el botón para agregar el producto al carrito.

Si el visitante da clic en la imagen del producto se puede observar esta con zoom, tal

como se preseta en la ilustración 8.

Ilustración 7. Página de Producto individual con descripción.

Page 16: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 8. Imagen del Producto con zoom.

En el botón “Agregar al carrito” se muestra un modal como el de la Ilustración 9 que

contiene la información del producto y dos opciones, una para continuar comprando y otra

para continuar a caja. Aquí el visitante aún puede modificar la cantidad de productos que

quiere adquirir.

Ilustración 9. Modal con información del producto para añadir al carrito.

En “continuar a caja” se presenta la vista de la Ilustración 10, dónde se muestran en

una tabla todos los productos con el nombre, la cantidad, precio unitario y total. Junto a la

imagen se colocó una opción que permite eliminar del carrito el producto. En la parte inferior

se encuentra una sección con el subtotal, impuesto y total.

Page 17: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 10. Página de carrito de compras.

En la Ilustración 11 se puede observar la vista de llenado de información para la

facturación que tiene que realizar el cliente la primera vez que hace su compra, se agregó un

asterisco (*) a todos los campos que son requeridos para continuar con el proceso, esta

interfaz se muestra después de seleccionar la opción “procesar pago” de la Ilustración

anterior.

Ilustración 11. Página para capturar información personal.

Page 18: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

En la ilustración 12 se muestra la vista que le permite al cliente cambiar la dirección

de envió en caso de que desee recibir su pedido en otra ubicación y no en la que registro

para la facturación.

En caso de que el cliente decida cambiar la dirección de envío, se muestra un

formulario como el de la ilustración 13.

Ilustración 13. Vista para confirmar la dirección de facturación y envío.

Ilustración 12. Formulario para dirección de envío.

Page 19: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Una vez que el cliente completo el llenado de su información y da clic en “comprar

como invitado” se muestra la interfaz que aparece en la Ilustración 14, dónde se realiza el

proceso de validación para que el comprador pueda verificar su compra y seleccionar el

método de envío que más le parezca y la forma de pago.

Los métodos de envío son:

Envío a domicilio

Recoger en sucursal Vista Hermosa

Recoger en sucursal Garza Sada

Las formas de pago son 4:

Conekta

Transferencia Bancaria

PayU

Oxxo

PayPal

Ilustración 14. Vista para validar compra y elegir método de envío y pago.

En la ilustración 15 se puede apreciar la vista que se muestra si el usuario elige como

método de pago “Transferencia Bancaria” en ella se despliega información importante para

Page 20: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

que el comprador realice el depósito, los detalles de la compra y una opción que le permite

imprimir un reporte de venta con toda la información de su compra.

Ilustración 15. Vista de Orden Confirmada.

Page 21: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Todas las vistas de las Ilustraciones anteriores son de forma general para cualquier

visitante, estén o no registrados en el sitio.

A continuación, en la Ilustración 16 se muestra la vista para Ingresar a su cuenta si el

cliente ya se registró anteriormente, esta vista solo tiene el campo para el correo y la

contraseña. Si alguna persona desea registrarse, solo tiene que hacer clic en “Registrarse” y

se muestra una vista como la de la Ilustración 17 con 4 campos, correo, nombre, contraseña

y uno más para confirmar la contraseña.

Ilustración 16. Interfaz de ingreso.

Ilustración 17. Interfaz para registro de usuario.

En el apartado de cuenta de cliente, este puede acceder a sus cotizaciones, sus pedidos

de venta y facturas, como se puede visualizar en la Ilustración 18.

Page 22: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 18. Interfaz cuenta de cliente.

Al seleccionar la cotización a visualizar, se despliega una vista con los datos

referentes a esta, su identificador, la fecha de realización, datos de dirección de facturación

y envío y los artículos a comprar. Tal y como se muestra en la Ilustración 19.

Ilustración 19. Interfaz de una cotización.

Page 23: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

La vista de un pedido de venta es igual a la de una cotización añadiendo las ordenes

de entrega y facturas relacionadas al pedido, como se puede observar en la Ilustración 20.

Ilustración 20. Interfaz de un pedido.

Punto de Venta

En la ilustración 21 se muestra la interfaz principal del backend, desde donde se puede

acceder a las diferentes aplicaciones que conforman el sistema de abastotal. Una de ellas es

la terminal de punto de venta (POS). Para acceder a esta vista, es necesario ingresar desde la

vista de inicio de sesión en el sitio web con una cuenta de administrador o trabajador.

Ilustración 21. Backend.

Page 24: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Al acceder a la aplicación de terminal de punto de venta, se muestra un dashboard

con las terminales a las cuales el usuario tiene acceso para iniciar sesión, como se visualiza

en la Ilustración 22.

Ilustración 22. Terminal con las Cajas del Punto de Venta.

En la ilustración 23 se muestra la vista principal del punto de venta, donde se

seleccionan los productos a ser vendidos en un pedido.

Ilustración 23. Punto de Venta con productos.

En la vista de pago, que se puede visualizar en la Ilustración 24 se selecciona el

método de pago a utilizar, se ingresa el monto licitado y se calcula el cambio. También se

puede seleccionar la opción de seleccionar cliente y facturar en caso de ser requerido.

Page 25: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 24. Vista para registrar el pago del cliente.

La siguiente ilustración 25 muestra la impresión de recibo del pedido en el punto de

venta.

Ilustración 25. Ticket de venta del Punto de venta.

En el caso de que se haya requerido vincular un pedido a un cliente, se mostrará una

vista donde aparece un listado de todos los clientes anteriormente registrados y la opción de

registrar uno nuevo, como se ve en la ilustración 26.

Page 26: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 26. Vista con la lista de clientes.

En la ilustración 27 se visualiza que al seleccionar un cliente ya registrado se muestran

los datos de este, y las opciones de editar y establecer cliente.

Ilustración 27. Vista con información del cliente seleccionado.

Al cerrar la sesión del punto de venta al dar clic en el botón que se ubica en la esquina

superior derecha de la interfaz, se regresa al backend donde se validan y contabilizan los

asientos de cierre de la sesión. En la ilustración 28 se puede observar la vista para la

contabilización de los asientos.

Page 27: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Ilustración 28. Vista para contabilizar los asientos de cierre de sesión.

4.1 Conclusión

Con el desarrollo del proyecto de Abastotal se puede concluir que al realizar la

implementación del E-commerce se encontraron varios cambios con respecto a la versión

9 de Odoo, lo que permitió adquirir nuevos conocimientos al investigar y realizar las

mejoras pertinentes para que el sitio fuera agradable para el cliente, respetando los

criterios que solicitaba la empresa en las historias de usuario.

El cambiar la versión de sistema ERP Odoo de 9 a 10 fue muy beneficioso porque

ahora todos los clientes que tiene Vauxoo se encuentran utilizando la versión 10 y no

perderán más tiempo en dar mantenimiento al código de la v9 y se podrán concentrar en

realizar las mejoras a Odoo 10.

4.2 Recomendaciones

Seguir utilizando las historias de usuario y el registro de tareas.

Realizar mejoras en el sitio de abastotal.

Mantener actualizada la versión de Odoo.

4.3 Competencias desarrolladas y/o aplicadas

Algunas de las competencias adquiridas durante la estadía en la empresa se

enlistan a continuación:

Aprendizaje autodidacta.

Trabajo en equipo.

Organización del trabajo.

Trabajo bajo presión.

Análisis de los problemas.

Page 28: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

Conocimiento del sistema ERP Odoo.

Page 29: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los
Page 30: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los
Page 31: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los
Page 32: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

[1]E. Quero Catalinas, Sistemas operativos y lenguajes de programacion. Madrid:

Thomson-Paraninfo, 2003.

[2]A. Martelli, A. Ravenscroft and S. Holden, Python in a nutshell. .

[3]E. Harold and W. Means, XML in a Nutshell. Beijing: O'Reilly.

[4]R. Schulz, Diseno web con CSS. Barcelona: Marcombo, 2009.

[5]M. Sánchez Maza, Javascript, 1st ed. Antequera: Innovación Y Cualificación, 2012.

[6]I. Sommerville and M. Alfonso Galipienso, Ingenieria del software. Madrid: Pearson

Educación, 2005.

[7]J. Feria Dominguez, Introducción a la ingeniería del software. Madrid: Delta, 2005.

[8]B. Golden, Succeeding with open source. Boston, Mass: Addison-Wesley, 2005.

[9]Á. Arias, Bases de Datos con MySQL, 2nd ed. IT Campus Academy, 2014.

[10]J. Worsley and J. Drake, Practical PostgreSQL. Sebastopol, CA: O'Reilly &

Associates, 2002.

[11]L. Muñiz Gonzalez, ERP: guia practica para la seleccion e implantacion. [Barcelona]:

Gestión 2000, 2004.

[12]"Building a Website — odoo 10.0 documentation", Odoo.com, 2017. [Online].

Available: https://www.odoo.com/documentation/10.0/howtos/website.html. [Accessed:

11- May- 2017].

[13]"Building a Module — odoo 10.0 documentation", Odoo.com, 2017. [Online].

Available: https://www.odoo.com/documentation/10.0/howtos/backend.html. [Accessed:

11- May- 2017].

[14]"ORM API — odoo 10.0 documentation", Odoo.com, 2017. [Online]. Available:

https://www.odoo.com/documentation/10.0/reference/orm.html. [Accessed: 11- May-

2017].

[15]"Data Files — odoo 10.0 documentation", Odoo.com, 2017. [Online]. Available:

https://www.odoo.com/documentation/10.0/reference/data.html. [Accessed: 11- May-

2017].

[16]"Views — odoo 10.0 documentation", Odoo.com, 2017. [Online]. Available:

https://www.odoo.com/documentation/10.0/reference/views.html. [Accessed: 11- May-

2017].

[17]"Modules — odoo 10.0 documentation", Odoo.com, 2017. [Online]. Available:

https://www.odoo.com/documentation/10.0/reference/module.html. [Accessed: 11- May-

2017].

Page 33: CAPITULO I - dspace.itcolima.edu.mx · 2.6 ERP Se define ERP (Enterprise Resource Planning o Sistema Planificador de Recursos Empresariales) como un sistema de planificación de los

[18]"Welcome to Python.org", Python.org, 2017. [Online]. Available:

https://www.python.org/doc/. [Accessed: 11- May- 2017].

[19]"PostgreSQL: Documentation", Postgresql.org, 2017. [Online]. Available:

https://www.postgresql.org/docs/. [Accessed: 11- May- 2017].