Internet & Web Page Barcode Implementation
Tutorial
Implementing
internet web barcode technology is often useful for the automation
or verification of something that must be printed, such as airline boarding
passes and tickets, invoices and receipts, coupons, name badges, check-in
confirmations, registrations, rebate mailers, RMA packing slips, gift certificates
and more. In this tutorial, several different
methods of creating barcodes over
the Internet in HTML webpages and web applications are evaluated with
on-line demos and
implementation examples. This
site also includes information about how to
scan barcodes into web applications with a
barcode scanner.
|
Products for Printing
Barcodes Over the Internet
|
There are many advantages and disadvantages for the various products
used to display barcodes on the web. These implementations are listed on
the chart below, in order, with the most popular and recommended options
at the top:
INDEX:
|
Implementation
Type |
Advantages |
Disadvantages |
|
ASP Barcode Server Component for IIS
Online Demo
|
- Easily installs on Windows NT, XP, Vista, 2000, 2003 and
2008 Server with IIS enabled.
- The mature components of this barcode product have been
in use since 2002 and are used in IDAutomation's
Barcode Generator Service.
- No temp files are created on the server because the resulting
barcode image is sent directly to the browser as a binary stream.
- Can be
easily implemented in ASP, JavaScript, PHP and other web applications
as a dynamic <IMG> tag.
- Because a GIF or JPEG is generated at the server, it is
compatible with all web browsers.
- Easily creates barcodes in any application that can access
a URL, including
Crystal Reports and
FileMaker.
- Image is not limited to 96 DPI, however changing the resolution
from 96 DPI requires some
HTML coding.
- Offers better performance for workstations with slower CPUs.
|
- Requires a Microsoft Windows server with IIS and the .NET
Framework installed.
- Centralized barcode processing and image generation places
more load on the server. However, this product is extremely
efficient.
- Low resolution thermal printer use is not directly supported.
To use thermal printers with this product, refer to the
printing to thermal barcode printers from the web browser
article.
|
|
ASP.NET Server Control
Online Demo
|
- Barcodes are created as high quality GIF, JPEG or PNG graphic
images.
- 100% managed code created in C# .NET for performance and
stability.
- Because a high-quality barcode image is generated at the
server, it is compatible with all web browsers.
- Offers better performance for workstations with slower CPUs.
- Resolution of the barcode image is easily changed to allow
compatibility with thermal printers.
|
- Requires ASP.NET and a development environment that makes
use of server controls, such as Microsoft Visual Studio .NET.
- Centralized barcode processing and image generation places
more load on the server.
- Generates temp files on the server. However, these are automatically
deleted by the server control itself after a specified time.
|
Dynamic Barcode Generator Service
Online Demo |
- No software to install - It is a hosted, managed
and fault tolerant service.
- Multiple backbone and failover network connections insure
quick response time and dependability.
- Streaming mode option sends barcodes to the browser without
saving temp files on the server.
- Barcodes are created as high quality GIF, JPEG, or PNG graphic
images.
- Because a high quality barcode image is generated at the
server, it is compatible with all web browsers.
- Image is not limited to 96 DPI, however changing the resolution
from 96 DPI requires some
HTML coding.
|
|
|
Java Servlets
Online
Demo
|
- May be easily
implemented on dynamic webpages with the <IMG> tag.
- Easy to use with
Apache Tomcat.
- Because a JPEG is generated at the server, it is compatible
with all web browsers.
- No temp files are created on the server, the resulting barcode
image is sent directly to the browser as a binary stream.
- Offers better performance for workstations with slower CPUs.
- Image is not limited to 96 DPI, however changing the resolution
from 96 DPI requires some
HTML coding.
|
|
|
Native JavaScript Barcode Generator
Online Demo
|
- Easy implementation with a single JavaScript file, no additional
components, fonts or plug-ins need to be installed to create
barcodes; it is the complete barcode generator.
- Since the barcode is generated on the client, very little
processing needs to be performed on the server. The size of
the JavaScript file downloaded to the client is as small as
3 kb.
- When printing, this product rasters to the resolution of
the output device.
|
- Requires JavaScript to be enabled in the browser.
- Some browsers such as Opera and Safari may create the barcode
to be slightly wider in certain situations. However, the main
browser types such as IE, Mozilla Firefox and Netscape do not
have this issue.
|
|
XML Web Services
Online Demo
|
- Easy to install; runs on Windows Server.
- Barcodes are created as high quality JPEG, PNG, GIF, TIFF,
BMP or WMF graphic images.
- Created image is streamed to the client over XML.
- 100% managed code created in C# for performance and stability.
- Compatible with any application that can consume web services.
|
- Only integrates into applications that can consume a Web
Service.
|
|
Java Applets
Online
Demo
|
- Easy to install and modify.
- Does not require any custom modifications to the server.
- Processing occurs at the workstation which offloads the
processing of barcode images from the server.
- The small size of the JAR files provide quick applet load
times.
- Quick barcode generation can be achieved over slow connections
by
pre-loading applets.
|
- Some browsers display but do not
print
applets.
- Image is limited to 96 DPI.
- Although the JAR files are small, the browser must read
the JAR file which can cause poor performance over slow dial-up
lines. The JAR is about the size of a normal graphic image and
is stored in the browser's cache. This problem is solved by
pre-loading applets.
- Not compatible with browsers that do not have a Java VM.
|
|
Barcode ActiveX Controls
Online Demo
|
- Barcode ActiveX Controls are precise and efficient, they
are not limited to 96 DPI but they automatically raster to the
output device (such as a printer) which produce extremely high-quality
barcodes.
- Easy to install and modify in HTML or with FrontPage.
- Does not require any custom modifications to the server.
- Processing occurs at the workstation which offloads the
processing of barcode images from the server.
- May be automatically loaded from webpages with
signed CAB files, which are provided in the latest versions
of the product.
|
- Only compatible with Internet Explorer 4 and above as well
as other browsers that support ActiveX Controls.
- The control must be installed on every PC that displays
the barcodes, however, this may be automated by
using CAB files.
- Easy to install and modify.
|
|
TrueDoc or OpenType Barcode Fonts
Online
Demo
|
- Barcode fonts are precise and efficient; they are not limited
to 96 DPI but raster to the output device.
- Since the barcode is generated from a font, very little
processing needs to be performed on the workstation or the server.
- Quick browser load time since the fonts are usually less
than 20K.
- When printing to thermal barcode printers with fonts, refer
to the
thermal bar code printer issues with fonts article.
|
- This implementation is problematic and does not work with
all browsers and is no longer recommended.
- Requires the purchase of a Developer license and a conversion
tool. The conversion tool for
OpenType fonts is free at the Microsoft website.
|
|
Barcode Fonts |
- Works well with all browsers on Windows and Macintosh.
- Fonts are precise and efficient.
- Fonts are not limited to 96 DPI but raster to the output
device. However, to print accurate bar-codes on 203 and 300
DPI printers, refer to the
font print quality KB article.
- Since the barcode is generated from a font, very little
processing needs to be performed on the workstation or the server.
|
- Works well with all web browsers on Windows and Macintosh,
but may not work well with UNIX clients.
- Requires the installation of barcode fonts on all clients
that display the barcodes with the browser. Therefore, this
is only recommended for Intranet applications.
|
When implementing barcodes on the web, most browsers will display and
print from the screen image at 96 DPI. Therefore, a 300 dpi image will appear
and print about 3 times larger than normal. This can sometimes be a problem
if the barcodes being created require precise X dimensions (the width of
the narrow bar). The minimum allowable X dimension (the width of the narrow
bar) of a browser barcode that uses an applet to display a barcode must
be a multiple of 1/96 of an inch which is about 12 mils, or .03CM.
Most ISO and AIM standards indicate that the minimum X dimension should
be 10 mils for open systems (meaning compatibility with different barcode
scanners), so this is usually not an issue. However, there are some situations
when the X dimension needs to be defined more accurately. For example, if
an application requires an X dimension of 5 mils or 15 mils, this problem
can be resolved by using products that support this capability. To understand
more about this, please refer to the
Achieving the
correct X dimension with web products KB article.
96 DPI images can also cause problems when printing to 203 DPI thermal
barcode printers. This problem can be resolved by using products that support
the capability to print at 203 DPI as mentioned below. To understand more
about this, refer to the
printing to thermal barcode printers with web products article.
The
majority of the barcode
scanners provided by IDAutomation have built-in decoders that automatically
read several barcode types and perform "keyboard emulation" by default.
They receive their power from the PC keyboard or USB port so no external
power supply is required. When a barcode is scanned with
these easy to use scanners,
the data is sent to the PC as if it had been typed from the keyboard. When
the data is sent in keyboard emulation mode, it is possible to use these
scanners as easy input devices to online web applications by placing the
cursor in the appropriate field and scanning the barcode. Additional information
about scanning barcodes into applications is provided in the
USB Barcode Scanner Application
Integration Guide.
© Copyright 2000-2008 IDAutomation.com, Inc., All Rights
Reserved. Legal
Notices.
|
Over 70% of Fortune 100
companies use IDAutomation’s products to automate their businesses.
|
|