main_logo

Web App Print

Overview

We, BIXOLON, provides a Demo App in order to show the concept and the working evidence of our WebApp Print technology. The Demo App is a single package, which consist of four sample applications together (COUPON, QUEUE, EDITOR and COFFE SHOP), using that you can play around our WebApp Print technology

Connect to Sample App

Connect to Sample App for Web App Print

Sample Code

SDK Download for Web App Print



 

The Demo App consists of 5 folders and 1 HTML file.
 

Pos

This folder contains a Sample Application which is used to test the POS Printers.

Label

This folder contains a Sample Application which is used to test the Label Printers.

DeviceControl

This folder contains a Sample Application which is used to test the Peripheral Devices.

css_style

This folder contains the style sheet files, which are used to design this Demo App

js

This folder contains the WebApp Print JavaScript SDK API and all other supported JavaScript files used in this Demo App.

Index.htm

It’s a main page of this Demo App..

 

Sample Code used for POS Sample Apps


 

The POS Sample Demo App consists of 4 folders and 1 HTML file
 

coffeeshop

This folder contains a Sample Coffee Shop Demo Application, you place a sample order and test.

editor

This folder contains an Editor Sample application, you can design your own print receipt and test all our SDK API functions as well

css_style

This folder contains the style sheet files, which are used to design this Demo App

img

This folder contains all the required image files for this Demo App

Index.html

It’s a main page of this Demo App, this also contains the QUEUE and COUPON sample applications as well.
 

Coupon Demo

The purpose of this sample app is to demonstrate to design a sample coupon using HTML5 canvas and test it with the designated printer via our B-gate using the JavaScript SD APIs.


Used SDK APIs
1. getShopList() – used to get the B-gate Shop Name.
2. getDeviceList() – used to get the printers list, which are connected to the B-gate.
3. makeImage() – used print the Image.
4. makePaperFeed() – used to perform paper feed operation.
5. makePaperCut() – used perform paper cut operation.
6. sendData() – used to send the print data to the B-gate for printing.

Queue Demo

The purpose of this sample app is to demonstrate to design a sample queue ticket using our SDK APIs test it with the designated printer via our B-gate using the JavaScript SD APIs.



Used SDK APIs
1. getShopList() – used to get the B-gate Shop Name.
2. getDeviceList() – used to get the printers list, which are connected to the B-gate.
3. makeAlign – used to align the page.
4. makeImage() – used print the Image.
5. makeText – used to print text.
6. makePaperFeed() – used to perform paper feed operation.
7. makePaperCut() – used perform paper cut operation.
8. sendData() – used to send the print data to the B-gate for printing.

Coffee Shop Demo

The purpose of this sample app is to demonstrate the WebApp Print functionality of a coffee shop, with a list of available coffee items, you can select the one you want to order and enter the cash amount, your order will be sent the designated printer via our B-gate using our JavaScript SD APIs.
 

Used SDK APIs
1. getShopList() – used to get the B-gate Shop Name.
2. getDeviceList() – used to get the printers list, which are connected to the B-gate.
3. makeAlign – used to align the page.
4. makeImage() – used print the Image.
5. makeText – used to print text.
6. makeBarcode12() – used to print the barcode.
7. makePaperFeed() – used to perform paper feed operation.
8. makePaperCut() – used perform paper cut operation.
9. makeBuzzer() – used to make a buzzer sound.
10. makeDKout() – used for Cash Draw Kickout information.
11. sendData() – used to send the print data to the Cloud Server for printing.

Editor Demo

The purpose of this sample app is to demonstrate the functionality of all our SDK APIs and you can design your own print receipt here and sent it to the designated printer via our B-gate using our JavaScript SD APIs.

Used SDK APIs

1. getShopList() – used to get the B-gate Shop Name.
2. getDeviceList() – used to get the printers list, which are connected to the B-gate.
3. makeAlign – used to align the page.
4. makeText – used to print text.
5. makeImage() – used print the Image.
6. makeNVlogo() – used print the NV Logo Image.
7. makeBarcode12() – used to print the barcode.
8. makePDF417() – used to print 2-dimensional PDF417 symbol.
9. makeQRCODE() – used to print 2-dimensional QRCode symbol.
10. makeCmd() – used to print Direct I/O commands.
11. makePaperFeed() – used to perform paper feed operation.
12. makeReinit() – used to reset the print page settings.
13. makePaperCut() – used perform paper cut operation.
14. makeBuzzer() – used to make a buzzer sound.
15. makeDKout() – used for Cash Draw Kickout information.
16. sendData() – used to send the print data to the Cloud Server for printing.

Sample Code used for LABEL Sample Apps

Sample Code used for LABEL Sample Apps


 

The Label Sample Demo App consists of 5 folders and 2 HTML files
 

Restaurant

This folder contains a Sample Restaurant Demo Application, you place a sample order and test.

user

This folder contains the JavaScript file used in this Demo App

usertpl

This folder contains the style sheet files used in this Demo App

css_style

This folder contains the style sheet files, which are used to design this Demo App

img

This folder contains all the required image files for this Demo App

Demo.htm

Its all demo sample application to test all the Label SDK APIs

Index.htm

It’s a main page of this Demo App.

RESTAURANT DEMO

RESTAURANT DEMO

The purpose of this sample app is to demonstrate the online order functionality of a restaurant, with a list of available food items, you can select the one you want to order and give your delivery address, your order will be sent to the designated printer via our

 B-gate using our JavaScript SDK APIs.

 

Used SDK APIs
1. SetDensity () – used to Set Printer Density.
2. SetSpeed – used to Set Printing Speed.
3. SetOrientation () – used to Set Printing Orientation.
4. SetCutter – used to Set Auto Cutter.
5. SetBackFeed () – used to Set Back Feed.
6. SetPaper () – used to Set Paper.
7. SetMargin () – used to Set Page Margin.
8. SetPrintingType () – used for Set Printing Type
9. SetCharacterSet () – used to Set International Code  and Code Page
10. PrintDeviceFont () – used to Draw Device Font on Image Buffer
11. PrintVectorFont () – used to Draw Vector Font on Image Buffer
12. printImage () – Used to Draw Bitmap Image on the Image Buffer
13. Print1DBarcode () – used to Draw 1D Barcode on Image Buffer
14. printS () – used to Print the Image Buffer
15. sendLabelData () – used to send the print data to the Cloud Server for printing

ALL DEMO

ALL DEMO
 

The purpose of this sample app is to demonstrate the functionality of all our Label SDK APIs and it has the following sub demos.
 

  • Shapes Demo  - Its used to test the circle and block shapes printing
  • Barcode Demo  - Three kind of Barcode Demos, 
    • 1D Barcode Printing – It’s used to test all types of 1D barcodes
    • 2D Barcode Printing – It’s used to test all types of 2D barcodes

(Maxi Code, PDF419, QRCode, Data Matrix, Aztec, Code49, CODABLOCK and Micro-PDF Barcodes)

    • Special Barcodes Printing – It’s used to test all the special barcodes

(IMB, MSI, Plessey, TLC39 and RSS Barcodes)
 

  • Text Demo  - It’s used to test the Text strings (Bitmap and vector fonts)
      • Bitmap Font Printing
      • Vector Font Printing
  • Image Demo  It’s used to test the Image printing.


Used SDK APIs – Set Printer Properties

1. SetDensity () – used to Set Printer Density.
2. SetSpeed – used to Set Printing Speed.
3. SetOrientation () – used to Set Printing Orientation.
4. SetCutter – used to Set Auto Cutter.
5. SetOffset () – used to Set Offset Length.
6. SetCutPostion () – used to Set Label Cutting Location
7. SetBackFeed () – used to Set Back Feed
8. SetPaper () – used to Set Paper.
9. SetMargin () – used to Set Page Margin.
10. SetPrintingType () – used for Set Printing Type
11. SetCharacterSet () – used to Set International Code  and Code Page


Used SDK APIs – Shapes Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. PrintBlock () – used to Draw Block on Image Buffer
3. PrintCircle () – used to Draw Circle on Image Buffer
4. FeedOneLabel() – used to feed one label
5. printS () – used to Print the Image Buffer
6. sendLabelData – used to send the print data to B-gate for printing


Used SDK APIs – 1D Barcode Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. PrintVectorFont () – used to Draw Vector Font on Image Buffer
3. Print1DBarcode () – used to Draw 1D Barcode on Image Buffer
4. FeedOneLabel() – used to feed one label
5. printS () – used to Print the Image Buffer
6. sendLabelData – used to send the print data to B-gate for printing


Used SDK APIs – 2D Barcode Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. PrintVectorFont () – used to Draw Vector Font on Image Buffer
3. PrintMaxiCode () – used to Draw 2D Maxi Barcode on Image Buffer
4. PrintPDF417 () – used to Draw 2D PDF417 Barcode on Image Buffer
5. PrintQRCode () – used to Draw QRCode on Image Buffer
6. PrintDataMatrix () – used to Draw 2D DataMatrix Barcode on Image Buffer
7. PrintAztec () – used to Draw 2D Aztec Barcode on Image Buffer
8. PrintCode49 () – used to Draw 1D Barcode on Image Buffer
9. PrintCODABLOCK () – used to Draw 2D CODABLOCK Barcode on Image Buffer
10. PrintMicroPDF () – used to Draw 2D MicroPDF Barcode on Image Buffer
11. FeedOneLabel() – used to feed one label
12. printS () – used to Print the Image Buffer
13. sendLabelData – used to send the print data to B-gate for printing


Used SDK APIs – Special Barcode Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. PrintVectorFont () – used to Draw Vector Font on Image Buffer
3. PrintIMBSplBar () – used to Draw IMB Special Barcode  on Image Buffer
4. PrintMSISplBar () – used to Draw MSI Special Barcode on Image Buffer
5. PrintPLESSEYSplBar () – used to Draw PLESSEY Special Barcode on Image Buffer
6. PrintTLC39SplBar () – used to Draw TLC39 Special Barcode on Image Buffer
7. PrintRSSSplBar () – used to Draw RSS Special Barcode on Image Buffer
8. FeedOneLabel() – used to feed one label
9. printS () – used to Print the Image Buffer
10. sendLabelData – used to send the print data to B-gate for printing


Used SDK APIs – Text Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. PrintDeviceFont () – used to Draw Device Font on Image Buffer
3. PrintVectorFont () – used to Draw Vector Font on Image Buffer
4. FeedOneLabel() – used to feed one label
5. printS () – used to Print the Image Buffer
6. sendLabelData – used to send the print data to B-gate for printing


Used SDK APIs – Image Demo

1. Set Printer Properties SDK APIs – Used to set the printer properties
2. printImage () – used to Draw Bitmap Image on Image Buffer
3. FeedOneLabel() – used to feed one label
4. printS () – used to Print the Image Buffer
5. sendLabelData – used to send the print data to B-gate for printing

Sample Code used for Device Control Sample Apps

Sample Code used for Device Control Sample Apps
 



 

The Device Control Sample Demo App consists of 2 folders and 1 HTML file
 

user

This folder contains the JavaScript file used in this Demo App

usertpl

This folder contains the style sheet files used in this Demo App

Index.htm

It’s a main page of this Demo App, which contains Read Input Devices and Write BCD demos

READ INPUT DEVICES DEMO

READ INPUT DEVICES DEMO

The purpose of this sample app is to demonstrate to read data from the connected input devices, such as, Scanner, MSR, DallasKey Reader, RFID, NFC and Scale via our

 B-gate using our JavaScript SDK APIs.
 

                                                      

Used SDK APIs

1. getInputDevices () – used to Get Connected Input Devices(Scanner, MSR,  

                   NFC, RFID, DallasKey,BCD Display and Scale) Information.

2. readScanner () – used to Read input data from the Barcode Scanner.
3. stopScanner () – used to Stop reading data from the Barcode Scanner
4. readMSR () – used to Read input data from the MSR.
5. stopMSR () – used to Stop reading data from the MSR.
6. readDallasKey () – used to Read input data from the DallasKey.
7. stopDallasKey () – used to Stop reading data from the DallasKey
8. readRFID () – used to Read input data from the RFID
9. stopRFID () – used to Stop reading data from the RFID
10. readNFC () – used to Read input data from the NFC
11. stopNFC () – Used to Stop reading data from the NFC
12. readScale () – used to Read input data from the Scale
13. stopScale () – used to Stop reading data from the Scale



WRITE BCD DEMO
 

The purpose of this sample app is to demonstrate to write data to the connected BCD display via our B-gate using our JavaScript SDK APIs.
 

Used SDK APIs

1. getInputDevices () – used to Get Connected Input Devices(Scanner, MSR,  

                  NFC, RFID, DallasKey,BCD Display and Scale) Information.

2. displayString ()– used to Send String Data to the BCD Display.
3. directBCDIO () – used to Send Direct I/O Commands to the Connected BCD

                           Display.

4. resetBCD() – used to Reinit the BCD Display.
5. clearBCDScreen () – used to Clear the BCD Display Screen.
6. storeBCDImage () – used to Download the raster image to the BCD, only

                     Bixolon BCD-2000 and BCD-3000 models supported.

7. displayBCDImage () – used to Display the BCD images, only Bixolon

                       BCD-2000 and BCD-3000 models supported

8. clearBCDImage () – used to Clear the BCD images, only Bixolon BCD-2000

                     and BCD-3000 models supported

Tutorials

Tutorial for Web App Print