Firefox Extension: Mobile Barcoder
My first useful Firefox extension is a QRcode mobile barcode generator, to help zap links to your compatible mobile.
You may have noticed that every page on my blog has strange square barcode on the sidebar. This is a QRCode, which is a barcode format supported by new S60 3.0 mobile phones (eg. the Nokia Eseries/N91 phones).
Why would I want this?
If you have a new mobile phone supporting barcodes in this format, then you can use this extension rather than typing long URLs into your mobile's browser. Now you have more time to spend actually reading the content!
Usage
Once installed you can hover over a section of the status bar and a barcode for the current window's URL will be displayed. Simply 'zap' this with your S60 3.0 mobile's camera to have the URL sent to the phone. The plan is to add more and more ways of generating a barcode, read the current roadmap to see what's planned for future versions.

At the moment the extension is using a script of my server (found here) to generate the barcodes. If you know of a way I could generate the barcodes completely within the extension, please contact me (blog [at] antimatters [dot] co [dot] uk)
Installation
The extension is now available from Mozilla's Firefox Add site.
Roadmap
I don't know when I'll have time to spend on the extension, or how much effort each feature is going to need, so I can't put any dates or promises on the features. The features are listed in some sort of priority order, but it's fairly relaxed
- Key combination (user configurable) + hover on link or highlighted text for a barcode of it
- Save barcode option on context menu for links, page, and highlighted text
- Cache the barcodes
- Generation of the barcode image completely within the extension
- Support for multiple barcode formats (eg. Semacode)
- Configurable options for the barcode generation (size, fault tolerance level, etc)



Comments
Well done! Can't wait to see your next version(s)! :)
http://people.debian.org.tw/~chihchun/2006/09/05/firefox-extension-mobile-barcoder/
http://del.icio.us/url/bbfcd4053e95009bb9e54f16f5923820
http://smoothplanet.kaywa.com/mobile-application/ff-extension-mobile-barcoder.html
Thanks :o)
http://big.corp.google.com/~sahuguet/mobicodes/index.html
http://big.corp.google.com/~sahuguet/mobicodes/2006/07/code-format-dilemma.html
http://punitraizada.blogspot.com/2006/10/firefox-extension-mobile-barcoder.html
I have a suggestion about the barcode extension :
the function can do that:change the text which selected in current page into barcode,then,the mobile phone which has barcoder reader function can read the text directly from the barcode.
My English is not good,sorry ,may be you can understand what i say.
The problem with the hover is that often my phone will take to long to decode it and it will disapear.
Still cool idea, thanks
:):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):
I have had lots of fun with your extension. I use your extension to visit wap sites quiet often but thats cause I have an application that can do that.
I dont know how much time you can put into this plugin, but in case you are looking into it, here is my wish list.
1) Support for Data matrix, the semacode app is free and has created a buzz as far as free use of barcodes is concerned. The ideal extension would allow me to choose the format: QR or DataMatrix.
2)If the URL belongs to a blog, can we connect to the RSS feed? I am not sure how accurate we can make this.
I am a developer myself, so if you are looking into expanding this plugin, get in touch with me and I can help.
- Awesome Plugin Dude!!!
Regards
Just 1 minor problem,(isn't there always). Is it possible to have the code a bit further up the screen.I am trying to use it with a laptop and the the base of the phone touches the laptop so i cant get the code in the cameras view.I can get around this using the phone a bit further away with the zoom but it's a bit unreliable.(the screen won't tilt further back)
http://thinkabdul.com/2007/04/12/free-firefox-mobile-qrcode-barcode-extension-capture-transfer-favorites-or-long-urlsweblinks-from-web-browser-to-cell-phone-using-mobile-camera/
http://nokia-n95.net/barcodes/have-you-scanned-yet.html
Change the line:
<tooltip id="mobilebarcode-tooltip" onpopupshowing="mobilebarcode.getBarcode()">
to:
<tooltip id="mobilebarcode-tooltip" onpopupshowing="mobilebarcode.getBarcode()" noautohide="true">
save the change and install the extension again (you may have to remove it first, I don't know as I modified the extension directly in my Firefox profile). When you restart Firefox the barcode image will remain for as long as the mouse is hovering over the status bar.
** hopefully the above code will appear okay in the comment **
If you can at some point replace the "Barcode" in the status bar with an icon (a 3d barcode might be appropriate), it would make a huge difference as it currently uses too much real-estate.
I've often thought that it would be quite useful to have a 2d code for urls, which, like your idea, would be the general way to share them. I envision an ad page for ex., and instead of only a url, a 2d barcode representing the resource as well. Then it would be a simple matter to develop a reader for a pc, [maybe even a webcam would work, perhaps a free webservice server, to allow users to create unique codes. Perhaps It would be useful to have the ability to store created codes in this way, and a FF addin could tell users:
1. code exists for url [root]?
2. code exists for exact page
3. create code for resource
4. [my fav], dload listed links to bookmarks, tie in to bookmark here type code, make new folder, del.icio.us, etc
5. take user to request for material page, etc.
Really anything you'd want to automate could be done. Here's the real drag. Every month i spend too much time doing the thing the human brain does better than any other thing in the universe so far...determining relevance. It would be a multi million dollar baby to allow me to not have to type urls from magazine adds with one hand, holding some mag in the other. I would LOVE, [and pay], to be able to just hold a mag up to a $20 cam of some sort, and get the urls i want to peruse, [at my leisure]. I know in less than 1/10 of a sec whether something i see i of interest. Why should it take 5 minutes to get the query into my browser?
Hell, for that matter, i suppose a vendor could subscribe to a service :) i'm always thinking cash... that let them throw up a temporary url for the months advertising, and give the readers some options to get into the urls quickley. Did you ever notice that publishers haven't after all this time understood that users love ad? We just hate having to eat them on other peoples schedules. I have mags i pay for ONLY because the 1/8th page section in the back is worth 10 time the editorial content...
thanks
If I'm viewing a page on the web and the tool creates a QRCode for me to send that page to my mobile, I'm not going to be happy reading a web page on a mobile, unless of course you have formatted the whole site with enough CSS so that the pages render differently on my mobile.
Mobile sites and web sites always tend to be different both in design and content, and for very good reasons.
If this application could create a QRCode on the page that references an equivalent page on a mobile site then that would be cool.
A good start I have to admit, but some more work is needed.
PS. Don't slate IE browsers! The vast majority of users out there are still using them. Just because developers and coders like to use FireFox over IE makes no difference. Design and code for the mass market, not just yourself. Just looked at some stats for sites for clients we work for and the figures show that IE is still 85% usage, FireFox comes in second but only 10% with all the rest making up the numbers.
To be honest I can not understand why Microsoft have not made IE7 100% CSS compliant. Kind of shooting themselves in the foot really...
I know I shouldn't slate IE, and I will eventually redesign this blog so it looks the same in all browsers. I did add a 'just get rid of this warning' link, which is more than I did have. When I initially designed the template I thought I'd do everything standards based for XHTML and CSS2. That wasn't the real problem for IE though, the real problem was the PNG images with transparency. It would show a grey background anywhere there was meant to be alpha blending of any kind. Anyway... Let's not let this turn into a browser flame war :o)
http://www.28weekslaterdvd.co.uk/QRcode/
What would be really great is the ability to save them or at least copy/paste so I can add them into document, web pages and blogs!
Keep up the great work and thanks!
The extension I've made is intended for quick transfer, and as you say, you can synchronise bookmarks, but this extension works without the need of a tool like Nokia PC Suite, and it's also cross-platform.
Not all visitors of my site ( www.skate-trainer.de )have Firefox and so i have to make the QR-Codes manualy for them. Is there a tool for other Browsers like Mobile Barcoder? So tell my please.
Sorry, my englisch is bad, but every one will understand this:
THNK YOU FOR THIS USEFULL APLICATION!
Scotty
Here is a site where you can add it to your own site.
http://www.barcodelink.net/
Barcodes can be used to code also phone numbers. It would be great if I could
1. highlight a phone number in browser
2. the phone number would be shown as barcode
3. me cell phone would read the barcode and call to that number
Main screen would have two options, I suppose: parse URL from barcode, and parse phone number (if you were to take the comment above mine to heart) - both of which would invoke the camera and take a snapshot, then parse the picture to extract the barcode.
The biggest hurdles for accomplishing this, I surmise, would be a.) coding anything like this for the iPhone - which I would recommend looking into the iPhone application "collage" which is open source for seeing how to code an application that invokes the camera function, and b.) writing image-parsing code for detecting the presence of the barcode. For this, I can't really provide any pertinent links, but I know there's code out there that does far more difficult image-recognition things than parsing a high-contrast barcode. Look into the "convolution" concept - since that is, in my experience, the digital image processor's greatest tool for image manipulation/processing.
http://www.dspguide.com/ch24.htm
Anyway - excellent idea for a plugin nonetheless!! Great job, guys!
http://www.imatrix.lt/
and it's very complete and functional - only bug I've found is it does not parse some URLs (i.e. it parses www.novaprint.com but it does not parse www.novaprint.com.ar)
I've just launched a site called Barcode Posters which prints QR code posters from RSS feeds. Check it out:
http://www.barcodeposters.com/
But just a suggestion, thanks for the good work!