main_logo

Web App Print

How to install and setup the Hardware

Applicable Interface

USB
Connecting
• Connect the USB cable to the B-gate and the host, and turn on the B-gate.
 
Wired LAN
Connecting

• After B-gate booting is complete, proceed to "Opening the printer cover  Pressing the Feed key Closing the printer cover", and the B-gate self-test describing the LAN configuration information is printed.

• Check the ETH_DHCP value in the self-test. If the value is Disabled, open the network configuration of the host (e.g., PC) and set the LAN of the host to the same as the LAN configuration of the B-gate. For example, if the default IP of the B-gate is 192.168.192.168, set the IP of the host to 192.168.192.x (x = 1 ~ 254) and the Subnet Mask to 255.255.255.0.

• When connecting the LAN cable with the ETH_DHCP value set to Enabled, the B-gate automatically brings IP information from the DHCP server (router). By printing the self-test of B-gate, you can check the IP assigned to B-gate.
Setting

• Utilities are provided so that users can set up the interface.

• Web Utilities: It can be accessed by entering IP of B-gate in the address window of the web browser.

• Native Utilities: Utility apps that can run on each OS are provided.

Wireless LAN
Connecting

• Connect the supported WLAN dongle to the B-gate, and turn on the B-gate.

• After B-gate booting is complete, proceed to "Opening the printer cover  Pressing the Feed key Closing the printer cover", and the B-gate self-test describing the WLAN configuration information is printed.

• First check the network value in the self-test. If the value is adhoc, open the wireless connection menu of the host (PC, tablet, smartphone) and set it as adhoc before connecting. The default network mode for B-gate is adhoc, ESSID is BIXOLON_adhoc, and IP address is 192.168.1.1.

• If the value is infra, connect the host to the AP connected to the B-gate.

• Check the WLAN_DHCP value in the self-test. If the value is disable, the host (e.g. PC), open the network configuration and set the host's WLAN to the same as the B-gate's WLAN configuration. For example, if the default IP of the B-gate is 192.168.192.168, set the host IP to 192.168.192.x (x = 1 ~ 254) and Subnet Mask to 255.255.255.0.

• When connecting the LAN cable with the ETH_DHCP value set to enabled, the B-gate automatically brings IP information from the DHCP server (router). By printing the self-test of B-gate, you can check the IP assigned to B-gate.
Setting

• Utilities are provided so that users can set up the interface.

• Web Utilities: It can be accessed by entering the IP of B-gate in the address window of web browser.

• Native Utilities: Utility apps that can run on each OS are provided.
 
Bluetooth
Connecting

• Turn on the B-gate that supports Bluetooth.

• After B-gate booting is complete, proceed to "Opening the printer cover  Pressing the Feed key Closing the printer cover", and the B-gate self-test describing the WLAN configuration information is printed.

Check the device Name value in the self-test.

Pair the devices you want to connect from the list of devices found in the host.

Setting

• Utilities are provided so that users can set up the interface.

• Native Utilities: Utility apps that can run on each OS are provided.

How to install peripherals

Connecting

Connect supported peripherals to the USB-A type on the back of the B-gate, and turn on the B-gate.

After B-gate booting is complete, proceed to "Opening the printer cover → Pressing the Feed key → Closing the printer cover", and the B-gate self-test describing the enabled peripheral configuration information is printed.

How to connect B-gate to Web Server

The B-gate comes with built-in webserver and a Web Configuration Tool (BGATE WebCONFIG Tool) as well. All the B-gate’s Web Print configuration and setting done via BGATE WebCONFIG Tool. Since the BGATE WebCONFIG Tool is a web application, the supported interfaces are

LAN (Local Area Network)

WLAN (Wireless Local Area Network)
 

Caution

The BGATE WebCONFIG Tool is password protected, please contact BIXOLON for account credential details.

LAN

1. Connect the LAN cable into the B-gate and then turn on the B-gate.
2. After the B-gate is booted, Open Printer Cover → Press and Release Feed Button Close Printer Cover. This will print the B-gate’s Self Test Page, which includes LAN Configuration Information as well.
3. From the Self Test Page, take a note on the value of ETH_DHCP, if the value is Disabled then, open your Host(e.g. PC) Network Configuration and set your Host in the same LAN network as the B-gate’s LAN Configuration. For example, if the B-gate’s default IP is 192.168.192.168 then, make your Host IP into 192.168.192.X (x = 1~255) and the Subnet Mask is 255.255.255.0 and Save your new setting.
4. If the ETH_DHCP value is Enabled then just connect the LAN Cable, the B-gate will automatically acquire the IP Information from your DHCP Server(router), print the B-gate self Test Page again to get know the B-gate’s IP Information.
5. Open the web browser on your Host and enter the B-gate’s IP in the address bar, if it is open the BGATE WebCONFIG Tool then you have configured your PC and the B-gate Correctly.

WLAN

1. Connect a WLAN Dongle into the B-gate and turn on the B-gate.
2. After the B-gate is booted, Open Printer Cover → Press and Release Feed Button → Close Printer Cover. This will print the B-gate’s Self Test Page, which includes WLAN Configuration Information as well.
3. From the Self Test Page, take a note on the value of the Network, if the value is infra then, use the B-gate network utilities to set the WLAN configuration.
4. If the Network value is adhoc then, connect your host (PC/Tablet/Smart Phone) to the B-gate. The default ESSID of the B-gate is BIXOLON_adhoc and the default IP address is 192.168.1.1
5. Open the Wireless Connection on your Host(e.g. PC/Tablet/Smart Phone) and connect to BIXOLON_adhoc and configure Static IP setting with the IP Address is 192.168.1.2 and the Subnet Mask is 255.255.255.0 and save the new setting.
6. Open the web browser on your Host and enter the B-gate’s IP in the address bar, if it is open the BGATE WebCONFIG Tool then you have configured your PC and the B-gate Correctly.

Utility Setup

Network Configuration

Verify LAN Information
1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2) Click General Information >> Wired TCP/IP Info menu, it will display the current LAN Settings information.

Set LAN Information
1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2) Click Configuration >> Set LAN TCP/IP Menu.
3) After entering the required LAN information click on the Set LAN IP button.
4) Restart the B-gate after receiving the LAN setting success message from the B-gate to apply the new LAN setting information.

Verify WLAN Information
1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2) Click General Information >> Wireless TCP/IP Info menu, it will display the current WLAN information.

Set WLAN Information
1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2) Click Configuration >> Set WLAN TCP/IP  menu.
3) After entering the required WLAN information click on the Set WLAN IP  button.
4) Restart the B-gate after receiving the WLAN setting success message from the B-gate to apply the new WLAN setting information.

External Printer Configuration

USB Printer Settings
A printer, which is connected to the B-gate via USB does not require a separate ID setting. The B-gate will recognize the connected USB printer by the USB physical connection and the connected USB printers can be controlled with the specified ID by the B-gate
1) Local Printer: The ID of the Printer which is integrated in B-gate(local_printer)
2) USB Printer: The ID of the Printer which is connected to the B-gate via USB port (usb_printer1 ~ 4)



Network Printer Settings

An external network printer, which is connected to the B-gate requires a separate unique ID setting. The B-gate will recognize the connected network printer using the given unique ID.
 

1)Verify Network Printer Information
(1)Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2)Click  Device >> Register Network Printer menu.
(3)Device List will display all the registered printer information.
 

2) Register Network Printer

(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click  Device >> Register Network Printer menu.
(3) Enter the required information and then click the Register Device button.

3) Register Network Printer

(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click  Device >> Register Network Printer menu.
(3) From the Device List table, click the Remove Printer button on the printer you want to delete.

Rerouting Printer Settings
Rerouting printers are just like the back-up printer, when the designated printer is out of service. The printer job will automatically redirect to the registered rerouting printer based on its priority.
 

Caution

The Rerouting Device ID and the Network Printer Device ID are different IDs


1) Verify Rerouting Printer Information

(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click  Device >> Register Rerouting Printer menu.
(3) The Rerouting Printer List table will display the registered rerouting printer list information.
 
2) Register Rerouting Printer
(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click  Device >> Register Rerouting Printer menu.
(3) Enter the required information in the Register Rerouting Printer fields and then click the Register button.
 
3) Remove Rerouting Printer
(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click Device >> Register Rerouting Printer menu.
(3) From the Rerouting Printer List table, click the Remove Printer button on the printer you want to delete from the Rerouting Printer List.
 
4) Change Priority
(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click  Device >> Register Rerouting Printer menu.

(3) From the Rerouting Printer List table, click the Up or Dw button on the rerouting  printer to change its priority and then click the UPDATE PRIORITY button.
 

Restart Web Server
1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2) Click Configuration >> Restart Web Server menu.
3) Enter the IP address of the B-gate web server and click the Restart Web Server button. This will restart the web server and the B-gate will send the acknowledgement to the web browser as well.

Upload Web Application

Since the B-gate comes with its own built-in web server, you can upload your own web application to the B-gate. The compressed Web Application can been uploaded to the web server document’s root directory and decompressed. To open the uploaded web application, enter the web server IP address/”Web Application Name”  in the address bar of the web browser.
 

Caution

Only a ZIP compression format is supported.

1) WebApp Print, Web Application Upload 
(1) Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
(2) Click Configuration >> Upload Web Application menu.
(3) Select the web application file, which you want to upload to the B-gate.
(4) Click the UPLOAD button.

Development Environment

The Web Application runs on web browsers, so there is no need for specific operating system support, however the selection of web browser should be relevant. Since BIXOLON’s B-gate uses HTML 5 features it is essential to use an HTML5 supported web browser. This section will discuss browser versions supported by BIXOLON SDK APIs.

Supported Web Browser Versions

IE (Internet Explorer): 10.0 and above

Chrome: 16 and above

Chrome Mobile: 16 and above

Safari: 6.0 and above

Safari Mobile: 6.0 and above

Firefox: 11.0 and above

Firefox Mobile: 11.0 and above

Opera: 12.10 and above

Opera Mobile: 12.10 and above

Android Browser: 4.4 and above

Black Berry Browser: 7.0 and above

Sample Apps

B-gate comes with a built-in Sample App to test the B-gate’s WebApp Print functionality.

WebApp Print Testing
1. Open the BGATE WebCONFIG Tool by entering the B-gate’s IP address in the address bar of the web browser.
2. Click WebApp Demo menu.
3. A new web page for the WebApp Print demo will appear in your web browser.
4. There are 4 kinds of demo applications,
  • EDITOR -  Make your sample print page and Print
  • COFFEE SHOP – Sample Coffee Shop demo
  • QUEUE TICKET – sample Queue Ticket Printing
  • COUPON            – Sample Coupon Printing
5. To print a Sample Queue Ticket, enter the B-gate’s IP Address in IP Address box and then click Get Shops button. Click Get Device button and select your designated printer from the Get Device drop down box (by default  local_printer is selected). After selecting the designated printer, click the QUEUE TICKET button and it will print the sample queue ticket on the selected printer and display the printer status.



6. To print a Sample Coupon, Enter the B-gate’s IP Address in IP Address box and then click the Get Shops button. Click the Get Device button and then select your designated printer from the Get Device drop down box (by default  local_printer is selected). After selecting the designated printer, click the COUPON button and it will print the sample coupon on the selected printer and display the printer status.


7. To check Editor Demo, click the EDITOR button and it will show the sample editor demo application. Design your sample print page by clicking the required buttons on the left side. After designing your sample print page enter the B-gate’s IP Address in IP Address box, click the Get Shops button and then click the Get Device button, then select your designated printer from the Get Device drop down box (by default  local_printer is selected). After selecting the designated printer, click the PRINT DATA button and it will print the data on the selected printer and display the printer status.



8. To test the Coffee Shop demo, please click the COFFESHOP button and it will show the Coffee Shop demo application. Click the items you would like to order and then enter the cash amount. Enter the B-gate’s IP Address in IP Address box and click the Get Shops button. Click the Get Device button and then select your designated printer from the Get Device drop down box (by default  local_printer is selected). After selecting the designated printer, click the PRINT button and it will print the order on the selected printer and display the printer status.