How is your experience with the OutSystems Community?
13
Views
4
Comments
Solved
[ODC] How to scan Barcode using tablet's camera on a Web App (not PWA/Mobile App)
Application Type
Reactive

Hello everyone!

We need to build a Web App using ODC. This application will be accessed through both a PC and a Tablet, and one request is to be able to scan barcode with the tablet camera.

The questions are basically two:

  1. If we choose to go with a Web App and not a PWA, is there a OOTB way or a component to access the camera and read the barcode?
  2. The application will be used mainly via PC, but only when using the tablet the users will actually access the barcode scanner feature, with this use case in mind is the Web App the best way to go or a Mobile App to distribute as a PWA is more in line with the best practices?

At the moment it is not expected to build a Web and a Mobile version, but only one of the two. Offline functionalities are not needed.

Thanks in advance!


Best regards,
Raffaele Battipaglia

2025-12-04 09-01-03
Kiet Phan
Champion
Solution

Sorry, I've checked the Forge and don't see any for web :D
So I created a demo here for you, it uses qr html5 js library.

OML file is in attachment.

Barcode Scanner.oml
2025-12-04 09-01-03
Kiet Phan
Champion

in case your application will be used mainly via PC, let make it a pure web app. Barcode, QR reader can be achieved by device camera through browser. There are several forge components for ODC you can use.

Or you can implement one yourself with html5-qrcode javascript library.

2025-07-09 07-52-36
Raffaele Battipaglia

Thank you!

Can you link me some Forge components for this? I cannot find something that works.

2025-12-04 09-01-03
Kiet Phan
Champion
Solution

Sorry, I've checked the Forge and don't see any for web :D
So I created a demo here for you, it uses qr html5 js library.

OML file is in attachment.

Barcode Scanner.oml
2025-12-04 09-01-03
Kiet Phan
Champion

Hi @Raffaele Battipaglia, 

how about the solution, are you still considering

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.