Een kassa bouwen met webtechnologie
Niels Leenheer gaf een kijkje in zijn werk aan Salon Hub, een kappers-afspraak- en kassasysteem dat volledig draait op webtechnologie. Denk aan een kassa gebouwd met Electron en Progressive Web Apps, gericht op tablets zoals Android.
Wat is Project Fugu?
Een initiatief van Google dat webapps toegang geeft tot hardware via krachtige API’s. Denk aan:
- Bonprinters
- Barcode scanners
- Pinapparaten
- Klantschermen
Bonprinters en WebUSB
- Bonprinters communiceren via ASCII-commando’s.
- Maar: ASCII is verouderd, Unicode is de standaard.
- Elke printer spreekt een andere 'taal', dus je moet aparte code schrijven per printer.
- Werkt alleen in Chromium-browsers (zoals Chrome).
Het gebruik van JavaScript-bibliotheken kan frustrerend zijn, maar dankzij moderne API’s zoals WebSerial en WebBluetooth is het nu veel toegankelijker.
Klantschermen via WebSerial
Deze schermen gebruiken het oude ESC/POS-protocol. Saaie technologie, maar met WebSerial kun je ze
modern aansturen. Handige library: WebSerialCustomerDisplay
.
Barcode scanners = toetsenborden
- Een scanner ‘typt’ het nummer en drukt op enter.
- Er zijn veel soorten barcodes, zoals GTIN (Global Trade Item Number).
- Gebruik:
WebHIDBarcodeScanner
of een webcammodule met canvas en workers.
QR-codes
Werken hetzelfde als barcodes, maar verwijzen meestal naar URL’s. Kassasystemen negeren deze meestal – geen probleem dus.
Open source = meer mogelijkheden
Veel van deze technologieën zijn al ontwikkeld door mensen zoals Niels. Dankzij open source kun jij snel aan de slag met bewezen oplossingen.
"Dankzij moderne Web API’s kunnen we gewoon kassasystemen bouwen in de browser."