today:
13
yesterday:
167
Total:
993,517

QR Code plugin

admin 2017.11.30 13:44 Views : 1574

QR Code plugin

Self contained QR Code item plugin for the Oracle Application Express.

Plugin simply renders value of the item as a QR code. Users can easily scan the QR code with their smart phones directly from the screen or print the page and use it as a ticket.

QR codes are generated using JavaScript - directly in the browser. Plugin does not depend on any external QR generator service.

Demo: http://apex.oracle.com/pls/apex/f?p=QRDEMO

More about QR codes: http://en.wikipedia.org/wiki/QR_code

Follow @apexindublin

##Installation

  • Import src/item_type_plugin_com_jannavratil_apex_qr.sql into your application
    • There are no associated database objects
    • Javascript library is contained in the plugin (no need to copy .js files onto web server)
  • Create a Page item - select Plug-ins - QR Code Item
  • Set the source value for the item
  • Run the page!

##Plugin attributes QR plugin has following custom component attributes

  • Size: Height and Width of the QR code in pixels - default 200
  • Color: Color of the QR code - default #000000 (black)
  • Background: Background color - default #FFFFFF (white)

For performance and scalability reasons you can also store JavaScript file (src/qrcode.min.js) on your Web Server. You would need to change the "File Prefix" plugin attribute accordingly (e.g. from #PLUGIN_PREFIX# to #IMAGE_PREFIX#).

###Dynamic actions (optional) Dynamic actions can be used to update QR code on the page in a real time. Each QR Code item has a dedicated JavaScript function renderQR_#ITEM_NAME#(newValue).

To update QR code in real time create dynamic action "Ececute JavaScript Code" with following code:

renderQR_#ITEM_NAME#('New Value');

e.g. renderQR_P100_MYQRCODE($x("P100_MYVALUE").value);

###Examples There are three examples in the demo application (examples/qr-code-demo.sql) on page 101:

  • First is the basic use - QR code is updated when page is submitted (Apply button)
  • Second: The QR code is updated each time user changes the value - Dynamic action (Event = Key Release)
  • Third is based on a timer - see Page Source / Execute when Page Loads

##Compatibility

  • Developed with APEX 4.2
  • Tested with following browsers: Firefox, Chrome, IE11, Safari (iPhone)
  • Tested with following QR code scanners: scan.me, RedLaser, Google Authenticator, HDE OTP

##License

  • The MIT License (MIT)
  • See LICENSE-MIT for details
No. Subject Author Date Views
126 LAST DAY SQL admin 2024.01.19 34
125 Null Display Value admin 2024.01.10 33
124 영수증 2023 file admin 2024.01.04 43
123 Column Data 일괄 추가 admin 2023.11.24 59
122 Using SQL*Plus to Unlock and Change Passwords admin 2023.06.04 77
121 Reversing Require HTTPS admin 2023.06.04 72
120 ipconfig admin 2023.06.03 57
119 127.0.0.1:8080/apex/ admin 2023.06.03 69
118 CHANGE TABLE NAME admin 2023.05.31 50
117 DATE -> DAY CONVERT SQL admin 2023.05.25 27
116 YEAR EXPRESSIONS admin 2023.05.25 30
115 GRAPH (BAR) SQL SAMPLE admin 2023.05.25 30
114 Monthly SUM admin 2023.05.22 26
113 INNER JOIN admin 2023.05.19 25
112 LOOP TABLE UPDATE admin 2023.05.19 33
111 Global pages admin 2023.05.09 27
110 ORACLE COLLECTION admin 2023.05.08 26
109 FINAL TEST admin 2023.05.08 35
108 GitHub.com/Oracle/APEX. admin 2023.05.04 28
107 TEST admin 2023.05.03 28