I'm building a web application (C#) for a customer.
Now I'm trying to add a page for mobile. I want that the customer will be able to scan a barcode (1D barcode or 2D barcode) and the code will be written in a text field (<input>) on the screen for further operations. It must work on android or iphone, and better - on both.
I tried to use JS codes which I can take a picture with the camera in the mobile device and the script reads the barcode in the picture - but I didn't find something good enough.
this one didn't work with large images from the camera, and this one couldn't read some of my barcodes and also couldn't read large images.
I tried to find a way that the customer will click on a button to open a barcode-scanner-application on the device (I have an android mobile device) - and the barcode will be written on an input on the screen, but I can't find if it's possible and how to do it.
I don't want to use phonegap - I need it as a web application, not a native app.
Related
My goal is to create a webpage that only displays a full screen video on a TV. Then have a second webpage someone could open up on their mobile device (via a QR code) and have a choice of 4 videos. Once you tap a video on the mobile device, it changes the full screen video on the tv. What is the best way to do this? I was thinking via a MySQL DB storing the webpage, then using JS to check if the content in the DB has been updated, and if it has, make the change on the tv. Is this the best way?
I'm creating web application which uses barcode scaner (in my case Motorola TC55).
My goal is to scan product EAN without using HTML input/textarea. Why? Because I want to prevent pop up keyboard on mobile devices. This field should be usable on desktops too (without connected scanner - to input data from keyboard).
What I've tried:
Set readonly/disabled attribute on input - mobile keyboard is hidden, but I can't set focus on this input.
Create div with contenteditable directive - keyboard is visible.
And finally (the most sofisticated so far) - create div with onClick event. After click in div I'm starting listening to keypress and saving everything until Enter key is pressed. It works fine on desktop. On mobile keyboard is hidden but keypress event is triggered only on end of scanning (Enter key).
Any other sugestions?
Disclaimer: I work for Zebra Technologies
Because you're working on a Motorola (now Zebra Technologies) TC55, you have available different options.
The easiest is to use something like Zebra's Enterprise Browser, it requires a license, but it includes some additional APIs that allows to control the additional HW of the device. In particular you've available a Barcode API that allow you to take full control of the integrated barcode scanner.
If you prefer to use something that requires a bit more hand-holding, you can take a look at this blog post that explain how to bridge between DataWedge (the application that on the Zebra Android devices is sending the barcode data as characters) and the Chrome Android Browser using WebSockets.
If you have a support contract for your TC55 you can update your device to the latest security updates and fixes. You can find more information on Zebra's Support Website.
We have a web application kind of E-Commerce and now we like to add a barcode scanning option to show product details.
But as per my analysis , From mobile browser, when user click on scan now button , should redirect to Barcode scanning app and agin get back to our website once scan detect barcode.
I like to know , is it possible to achieve this with out any specific application,
So once user click the Scan Now button from mobile browser(Chrome,safari, firefox) , should access the camera and scanning has to be happen until detect barcode value or user cancel the process.
If it's possible , which library will suits me.
Hope will get solution/suggestion
I want to implement highlight functionality for my website and mobile app. I want this functionality work same as medium app. So that if user highlight some text from mobile application then it will automatically display on the website.
And if user highlight some text from the website then it will automatically display on the mobile app.
Previously I used rangy highlighter JavaScript library for both website and mobile app, But it gives different range from both side. So I am unable to sync the highlight data.
For example:
For mobile I get the following range
type:textContent|1362$1370$1$highlight$
For Website I get the following range
type:textContent|40576$40584$3$highlight$
Can anyone give me any idea, how can I sync my iOS app's highlighted data with website?
I am trying to integrate a webpage into an iPad application. Something like the Final Hour app where the app is a native app using slideshows. some of the slideshow pages have a small part that is loaded from a website.
The only way I would have known this was when I didn't have internet access the small area where the website loads into said there was no internet connection.
How can I implement something like this? I understand the website aspect but I don't understand what iOS API they use to setup some sort of canvas or frame to hold the website.
Here is an image of the app. The webpage would be loaded into the "blue" box outline.
You are indeed looking for a UIWebView. You need to build the controls yourself if you want your users to navigate in the website. If you just want to show one page, with no Back or Reload button, then you can use it as is.
Note that you should try to make it clear to your users that your app might not work properly if no Internet connection is available.