Monday, October 21, 2013

ADF Mobile - Integrating Signature Capture

This article provide an example of how to write a custom user control to collect and store of an Electronic Signature created on a Android devices using stylus or a finger on the touch screen. 

I have integrated the SignaturePad jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON format in SQLite database for later regeneration.

Application screen looks like below when it deployed and run on Android Device/Emulator. Displays the Employee list on the screen.


Clicking on any employee will take you to the selected Employee details page, click on View Signature button will open up the popup, there is no signature since database doesn't have signature value for this employee.


Next click on the Edit button will navigate to the Employee details page, clicking on Capture Signature button will open up the popup and Signature Pad jQuery plugin will transform an HTML form into a signature pad. User can use stylus or a finger on the touch screen to do signature and click the Save button to save the signature value(JSON format) in SQLite database.


I wasn't able to draw signature of King properly in android emulator :). Save button will navigate back to Employee details and recorded signature value in database will be used to regenerate the signature on Signature Pad.


You can download the sample workspace from here.
[Runs with Oracle JDeveloper 11.1.2.4.0]

In this sample application I'm storing the signature value into database, even we can store captured signature value as Image format.  For more information and option visit Signature Pad.

10 comments:

  1. Digital Signature in ASP.Net: Super Signature You can Download Supersignature Integration demo project
    electronic signature pad

    ReplyDelete
  2. Hi Deepak, have you tried this with MAF? I downloaded your Sample App and upgraded to MAF but didn't work

    ReplyDelete
  3. Great Blog info !

    We read your blog info and like it. Keep up sharing your informative information so that your regular blog reader updates with your information..


    Thanks

    Digital Signature for E-Ticketing

    ReplyDelete
  4. Hi Deepak,
    Thanks for this blog.
    I have downloaded the application and while running it in JDev Build JDEVADF_11.1.2.4.0_GENERIC_130421.1600.6436.1, i could not see the canvas of signature. While putting alert debug in application.invokeSignaturePad, i can see that control is going there, but when printing the document.body.innerHTML, i could not see the canvas code appended there.

    Do you have any idea of this?
    Have anyone else facing this kind of issue?


    Thanks

    ReplyDelete
  5. your providing such a valuabe information about studying..and also have some good key points to every student.
    ORACLE ADF

    ReplyDelete
    Replies
    1. http://unitedtrainings.com/oracle-adf-online-training/

      Delete
  6. Happy to see your blog as it is just what I have looking for. You are one of the well-known for valuable information. Apply Digital signature Certificate Online

    ReplyDelete
  7. I am regular blog reader for update news about Tax, Audit and Digital Signature Certificate, so please keep up sharing your valuable information. Digital Signature Certificate

    ReplyDelete
  8. Hai Thanks sir, This blog is very very helpful. Congratulations for your great work.Digital Signature in Delhi

    ReplyDelete