Java, Android, MySQL, PHP, HTML

Tutorial Membuat Tanda Tangan Di Android Menggunakan Library SignaturePad

Jaman digital yang semakin berkembang ini membuat semua proses bisnis dari suatu ide mulai dituangkan ke dalam sebuah aplikasi mobile.

Sebagai contoh proses bisnis pengisian form untuk pengajuan kredit kebank atau finance. Disamping mengisi data diri, pada aplikasi juga di minta untuk menambahkan tanda tangan si pemohon kredit.

Penulisan tanda tangan di aplikasi android bisa dilakukan dengan signature pad.

Apa itu SignaturePad?

Signaturepad adalah sebuah library yang membantu developer untuk membuat field untuk menuliskan sebuah tanda tangan (Ya singkatnya kira-kira seperti itu).

Source github aslinya kalian bisa lihat disini. Disana sudah ada instruksi bagaimana cara penggunaannya.

Namun disini saya mencontohkan dengan membuat sebuah project kecil untuk membuat sebuah tanda tangan menggunakan library SignaturePad.

Output Program


Hasil akhir
Seperti yang bisa kalian lihat pada gambar diatas, disana terdapat dua button yaitu button clear dan button save. Button clear digunakan untuk menghapus tanda tangan jika salah, sedangkan button save digunakan untuk menyimpan hasil tanda tangan ke Gallery.

Library


Compile library dibawah ini di build.gradle(Module : app) agar dapat menggunakan SignaturePad :

compile 'com.github.gcacace:signature-pad:1.1.0'

Android Manifest


Karna kita akan menyimpan hasil tanda tangan (yang berupa gambar) ke Gallery, maka kita perlu akses external storage. Tambahkan permission dibawah ini di AndroidManifest.xml :

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

Agar tampilan layar saat aplikasi dijakankan otomatis menjadi landscape, maka tambahkan screenOrientation="landscape" di activitynya, contohnya begini :

<activity android:name=".MainActivity"
    android:screenOrientation="landscape"> ....

Layouting


Buat layout baru dengan nama activity_main.xml (atau apa saja yang kalian buat), ketikan kode dibawah ini :

File java


Penulisan kode-kode javanya saya pisah menjadi beberapa method agar kalian mudah pahami step-stepnya, antara lain :

1. Membuat album digallery

Agar nanti setelah disimpan terdapat sebuah album tempat dimana semua hasil simpanan tanda tangan berada, maka digunakanlah method dibawah ini :

Hasilnya akan tercipta sebuah album di gallery dengan nama yang kalian buat :
Album SignaturePad

2.Conversi Bitmap Ke JPG

Karna hasil yang pertama didapat adalah berformat Bitmap, agar bisa jadi JPG maka harus di convert dulu menggunakan method dibawah ini :

3. Simpan format JPG ke Gallery

Setelah dikonversi ke JPG, maka langkah selanjutnya adalah menyimpannya ke Gallery menggunakan method dibawah ini :

Kalian bisa membuat nama album sesuka kalian, ganti saja tulisan "ApaSajaNamaAlbumnya"

4. Simpan format SVG ke Gallery

Untuk menyimpan format tanda tangan dalam ekstensi .svg, maka gunakan method-method dibawah ini :

Itulah beberapa method yang saya buat agar mudah dimengerti oleh teman-teman semua, Kode lengkap MainActivity.java dapat dilihat dibawah ini :

Sekian tutorial tentang bagaimana membuat form tanda tangan di aplikasi android. Semoga bermanfaat dan membantu pembelajaran.
Tag : Android, canvas
0 Comment(s) for "Tutorial Membuat Tanda Tangan Di Android Menggunakan Library SignaturePad"

Please post a polite comment and do not post a spam

Back To Top
close