Registrar usuario en sistema de ventas

Punto de venta con PHP, jQuery y Bootstrap – Gratuito y open source

Hoy traigo al blog otro punto de venta gratuito y open source, pero este es especial pues fue el primer programa que hice y que fue usado por varias personas.

El punto de venta que presento es un POS web, totalmente open source y gratuito, además de simple y bonito.

Punto de venta web con PHP, MySQL, jQuery, JavaScript y Bootstrap
Punto de venta web con PHP, MySQL, jQuery, JavaScript y Bootstrap

Está hecho con PHP y JavaScript con jQuery (era el año 2016), usa MySQL/MariaDB como motor de base de datos y Bootstrap para los estilos, con varios temas.

Como ya dije anteriormente, este fue mi primer punto de venta oficial que comencé como por el 2015 (apenas iniciaba la universidad, qué tiempos) y luego terminé en el 2016.

Aunque parezca antiguo sigue funcionando como un encanto incluso con PHP 8.

En este post te mostraré los módulos del sistema y cómo puedes descargarlo e instalarlo en tu computadora o en tu hosting compartido.

El programa es totalmente responsivo y permite la impresión de tickets de manera local.

Manejo de inventario

Como cualquier PDV que se respeta, éste tiene el manejo del inventario en donde se registran los productos.

Podemos registrar el precio de compra, precio de venta, código de barras, nombre, existencia actual, cantidad mínima y proveedor o familia.

Manejo de inventario en sistema de ventas con PHP, JS, jQuery y Bootstrap open source
Manejo de inventario en sistema de ventas con PHP, JS, jQuery y Bootstrap open source

También podemos dar de baja al producto, eliminarlo, editarlo y agregar piezas.

Caja y gastos

Además del dinero ingresado por las ventas, podemos registrar ingresos y gastos que modifican a la caja del día.

Tenemos el módulo de caja en donde agregamos ingresos, y los gastos en donde registramos salidas de dinero:

Registrar gastos e ingresos en pdv open source
Registrar gastos e ingresos en pdv open source

Alta de inventarios

En este sistema también podemos registrar compras o alta de inventarios cuando un proveedor viene a surtir. Es parecido al módulo de ventas pero en lugar de restar existencia la aumenta:

Alta de inventarios - Registrar compras en punto de venta con jQuery open source
Alta de inventarios – Registrar compras en punto de venta con jQuery open source

Reportes de ventas, caja, gastos, bajas de inventario

Este sistema genera varios reportes. Entre ellos:

  1. Inventarios
  2. Bajas de inventarios
  3. Caja
  4. Ventas
  5. Gastos
  6. Productos en stock

Los reportes se pueden filtrar por fecha. Aquí vemos uno de ventas:

Reporte de ventas en sistema para ventas con PHP y MySQL
Reporte de ventas en sistema para ventas con PHP y MySQL

Podemos ver que se puede filtrar por fecha desde un inicio hasta un final, y también se puede filtrar por familia.

Usuarios

El sistema necesita autenticación para entrar. Por defecto ya existe el usuario parzibyte con la contraseña parzibyte.

También podemos agregar más usuarios, ya sean usuarios normales o usuarios administradores.

Registrar usuario en sistema de ventas
Registrar usuario en sistema de ventas

Ajustes generales

Finalmente veamos los ajustes. Aquí podemos configurar la impresora térmica, cambiar el tema (una de mis partes favoritas) y configurar los datos de la empresa.

Ajustes de impresora, datos de empresa y tema
Ajustes de impresora, datos de empresa y tema

Esta captura fue tomada con las dimensiones de un iPhone 12 Pro (usando las herramientas de desarrollo de Chrome; no crean que yo poseo ese dispositivo).

Aquí se puede apreciar también que el sistema es responsivo.

Instalación y descarga

Vamos a lo interesante. Este programa es de código abierto, y puedes descargarlo aquí (sigue las instrucciones que aparecen en ese enlace).

Vas a necesitar con PHP, MySQL y Apache. Si estás en Windows de manera local puedes usar XAMPP.

Una vez que lo hayas descargado colócalo en la carpeta pública, que si es XAMPP será C:\xampp\htdocs\.

Ahora ve a phpmyadmin o abre el gestor de MySQL de la manera que tú sepas, y crea una base de datos llamada okventa_by_parzibyte.

Una vez que hayas creado la base de datos, importa los datos usando el archivo esquema.sql. Ese archivo lo encuentras junto con el código fuente.

Iniciar sesión en punto de venta okventa
Iniciar sesión en punto de venta okventa

El esquema ya lleva un usuario por defecto que es parzibyte con la contraseña parzibyte. Y eso es todo, así puedes instalar el sistema de ventas gratuito.

Sobre la impresión de tickets

Este sistema soporta las impresoras térmicas. Solo hay que instalar y compartir la impresora térmica, descargar la herramienta de impresión y luego elegir la impresora en los ajustes del punto de venta. Voy a dejar los puntos a continuación.

También debes marcar el checkbox de impresión de tickets al momento de vender, ya sea manualmente o modificando el código fuente para que tenga el atributo checked.

1. Configura tu impresora

Si ya has instalado tu impresora térmica previamente, debes desinstalarla. No necesitas los controladores para este caso.

Luego debes ir al panel de control, seleccionar el apartado de impresoras. Una vez ahí, elegir Agregar una impresora, esperar a que aparezca “La impresora deseada no está en la lista“, elegir Agregar una impresora local o de red con configuración manual.

En la siguiente ventana elegir el puerto USB00X donde la X es un número, elegir Generic y Generic Text Only en el controlador, dar un nombre sin espacios ni tildes para la impresora y compartirla (si no te da la opción de compartirla, termina la instalación y luego compártela en las propiedades).

Imprime una página de prueba y si la misma es correcta, ya puedes dar por finalizada esta sección. De lo contrario desinstala la impresora y vuelve a instalarla cambiando el puerto. También puedes cambiar el puerto desde las propiedades.

Hay un tutorial extenso y con imágenes en: https://parzibyte.me/blog/2017/12/11/instalar-impresora-termica-generica/

Es obligatorio que la impresora esté instalada como genérica, no tenga espacios o tildes en su nombre y que esté compartida.

Si usas Linux o Raspberry Pi: https://parzibyte.me/blog/2021/07/22/instalar-impresora-termica-linux-imprimir/

2. Descarga la herramienta para impresora térmica

Tu impresora ya está lista para recibir comandos ESC POS. Ahora falta descargar la herramienta para impresoras térmicas que sirve como puente entre cualquier lenguaje de programación y tu impresora de calor.

Descarga:

  1. plugin_v3.2.1.zip o plugin_v3.2.1_si.zip, extrae el zip descargado y ejecuta plugin_v3.2.1_prod_64.exe o plugin_v3.2.1_si_prod_32.exe. Vas a encontrar el zip en los Assets: https://github.com/parzibyte/plugin-impresora-termica-v3/releases/tag/3.2.1. Si viene con una DLL, deja dicha DLL en la misma ubicación del plugin

Nota: ninguna de las herramientas contiene malware, aunque los antivirus o sistemas lo detecten como tal. Es tu responsabilidad obligar al sistema a confiar en los programas y de ser necesario agregarlos a las excepciones.

También he notado que en ocasiones el navegador bloquea la descarga; de nuevo, es tu responsabilidad forzarla.

Una vez descargado, ejecuta plugin_v3.2.1_prod_64.exeplugin_v3.2.1_si_prod_32.exe.

3. Configura la impresora

Ahora, dentro del sistema de ventas, ve a Ajustes y elige Generales. La lista de Impresora para tickets debería contener todas las impresoras en las que puedes imprimir.

Si la lista de impresoras no carga es porque no estás ejecutando el plugin. Si no aparece ninguna impresora es porque no la has compartido.

Selecciona la impresora de la lista y después, cuando hagas una venta, marca la casilla para imprimir el recibo. Dicha impresora debe aparecer en los ajustes en el apartado donde dice Nombre de la impresora actualmente seleccionada.

Conclusión y un poco de historia

Te invito y casi obligo a que repliques, modifiques, compartas, vendas y distribuyas este sistema. Haz lo que quieras con él.

Fue uno de mis primeros sistemas y nada me haría más feliz que ayudar a personas con uno de los primeros puntos de venta que he creado.

Antes de crear este sistema le temía a las impresoras térmicas pues no había mucha información al respecto, pero en este sistema pude implementarlo gracias a la librería de mike42.

Años después desarrollé un plugin y luego su versión 3 para imprimir en impresoras térmicas, pero si no hubiera sido por este sistema tal vez nunca lo habría hecho.

Por aquí te dejo más sistemas que he programado.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

37 comentarios en “Punto de venta con PHP, jQuery y Bootstrap – Gratuito y open source”

    1. Gracias por sus comentarios.
      Probablemente no ha adecuado el entorno correctamente, pues yo he probado y el código funciona perfectamente. Como el programa es open source usted puede revisar el código y revisar si hay algún problema en su entorno, o si lo prefiere, puede contratarme para revisar su problema en https://parzibyte.me/#contacto

  1. Buenos días, estoy utilizando su código para mi proyecto de base de datos pero no sé como realizar el diagrama relacional, ya que en la base de datos no estan relacionadas las entidades… me podria ayudar con eso, por favor.

  2. super excelente.
    Una pregunta: y como se puede hacer para vender por internet con este mismo sistema.
    Ósea que se pueda sincronizar las mercancías en e stock con lo de la web al mismo tiempo.
    Esto se puede?. gracias, un abrazo.

  3. Hola, me gusto tu proyecto, soy profesor, me gustaria implementarlo en clase con mis estudiantes de sistemas e informatica, podrias guiarme sobre como implementar tu sistema en un MVC?, osea dividir el proyecto en las tres capas sin alterar su funcionamiento.

  4. Muchas gracias por compartir el código fuente, Disculpa que te pregunte : ¿ Cuánto tiempo usaste para desarrollas el sistema ? Saludos desde Mexico

    1. Hola. La verdad no lo recuerdo, ya tiene bastante tiempo que lo hice (fue uno de los primeros “serios” que hice) pero me imagino que aproximadamente 4 meses. Como le decía, fue mucho tiempo porque era principiante

  5. gran proyecto amigo, he estado buscando un proyecto como el tuyo, OSPOS etc.., mi pregunta es si con una asesoría tuya pagada claro; podría instalar localmente tu software pero encriptado para que no se una persona maliciosa pueda replicarlo quedo atento

  6. Amigo con una consulta. estaba revisando el sistema. Al momento de ingresar ventas me las regrista con otra fecha pero no encuentro el problema.No se si a alguien mas le pasa.

    Saludos.

  7. Hola, se agradece mucho el aporte, estoy intentando probarlo desde un servidor web pero no paso del inicio, ya verifiqué los datos de la BD y estan todos en orden, algun consejo? gracias

  8. Para los que les ha quedado en un Loop después del incio de sesión revisen que hayan puesto los daros de inicio de sesión de la base de datos ( root, nombre base de datos, contraseña) en db.php

  9. Hola, gracias por compartir tus trabajos con nosotros, he estado revisando y aprendiendo los códigos para poder generar mis propios sistemas, pero en especial con este no he podido realizar q funcione correctamente, lo he instado sin problema e inicio sesión, pero cuando carga la pagina de ventas se queda en un loop, que no deja hacer nada, he revisado el código sin encontrar que puede ser, si me puedes ayudar por favor

    1. Hola. Gracias por sus comentarios. Le recomiendo que revise que haya seguido todos los pasos del tutorial. También puede revisar la consola de depuración en el apartado de Red para ver la respuesta del servidor. Si sigue teniendo problemas estaré encantado de ayudarle en https://parzibyte.me/#contacto
      Saludos!

  10. Hola Amigo, descargue esta pagina, porque quiero aprender a desarrollar sistemas web, pero al instalar luego del login me queda en un loop infinito he revisado el código, pero no encuentro el problema.No se si a alguien mas le pasa, pero me he dado mil cabezazos con el computador ya un nada

  11. Yo importé la base de datos y coloque la carpeta en htdocs pero al ingrear las credenciales de parzibyte se queda en comprobando y no hace nada mas

  12. yo importel a base de datos. pero cuando quiero ingresar con las credenciales de parzibyte se queda en comprobando y de ahi no pasa, que puedo revisar para solucionarlo?

  13. Amigo con una consulta, no logro hacer que imprima el ticket, al marcar la casilla se queda cargando infinitamente y ya detecto mi impresora, muchisimas gracias por compartir tu software :))))

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *