olliebennett/qrupted

QRupted - Corrupted QR Codes

qrupted's Issues

Form submit reloads page

Mobile devices have auto submit when clicking 'Go' on iPhone keyboard (for example).

Add submit event handler to avoid actually submitting.

Option to change font size

Multiply the 'pixel' dimensions to create a larger font. (3x7 font becomes 6x14 'pixels').

Additional characters available for use

Add some new symbols (such as all lowercase letters)... See letters.js

Add descriptive text to page

It's currently not crawled by Google due to lack of meaningful/readable information on the page.

Different fonts

Specifically a shorter, all-caps blocky font

Prevent lag on slow devices

Somehow detect when the device (eg iPhone) cannot keep up with continuous re-loading of QR code. Perhaps a more effective solution would be to use callbacks or a web worker to release the UI thread and improve responsiveness.

Different Colours

Colour selector for:

• Background (of whole QR code)
• Foreground (black dots)
• Locators (edge squares)
• Overlay text
• Text background

Error messages should appear within viewport

The error messages currently appear in a new alert box halfway down the page. Instead, this should be positioned absolutely (for example at the top of the page in a banner-type view) so that it was easily visible, regardless of where the user is currently looking.

This is a particular problem on mobile (or small screens) where the error message will be below the viewport.

Check validity of generated QR Codes

Instead of requiring the user to manually check their QR codes for validity (i.e. not too much invalid data has been superimposed so as to make it un-readable), pass it through a (JavaScript) QR Code reader and confirm that it can still be read.

Perhaps give a warning if the QR Code is borderline unreadable (i.e. completely susceptible to minor damage) and an outright error if the data can no longer be retrieved at all.

Update favicon with white background

It's difficult to see the icon when browser tabs are dark

Enriched QR Code Data Formats

Add name / contact information etc. into standard format for recognition by mobile devices.

User will complete additional fields, and we format them into the correct

Formats to implement:

• Text only
• Contact Information (MECARD / BIZCARD)
• Wireless Network connection details
• Email address (mailto:)
• SMS Number (smsto:)
• Web Page (same as plain text)
• Others?

Useful information here.

Alternatives to QR Code?

Other examples;

Maxi Code

Bookmarkable pages

Store input data in URL hash, to allow bookmarking and subsequent auto-loading (preventing someone having to fill the form out again).