17

Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io

"Tanda tangan (signature) yang merupakan salah satu tanda sebagai lambang nama yang dituliskan dengan tangan oleh orang itu sendiri"

AnonSec Team 1 year ago 8 min read

Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-1


Tanda tangan (signature) yang merupakan salah satu tanda sebagai lambang nama yang dituliskan dengan tangan oleh orang itu sendiri sebagai penanda pribadi. Dalam pengisian data formulir, tanda tangan ini  yang harus dimiliki oleh setiap orang, karena setiap tanda tangan ini pasti memiliki unik sehingga lumayan susah ditiru orang lain. Misalkan, ada dua data formulir yang sama berdasarkan nama, tetapi dengan adanya tanda tangan ini, bisa menjadi sebagai pembeda antara dua dokumen, meskipun namanya ada yang sama. 

Tanda tangan digital yang merupakan tanda tangan yang ditulis di alat perangkat digital seperti pentab, tablet, smartphone, PC, laptop, dan sebagainya. Ini memiliki kelebihan yang dimana tidak diperlukan di-scanning lagi.

Kali ini penulis memberikan tutorial cara membuat tanda tangan (signature) digital sederhana berbasis aplikasi Android sendiri dengan menggunakan Kodular.

TUTORIAL VIA VIDEO :

(coming soon...)

LANGKAH-LANGKAH :

1. Aktifkan web browser di komputer atau laptop anda.

2. Ketikkan http://c.kodular.io pada address bar. Tunggu sampai halaman utama muncul.

3. Melakukan login dengan cara manual atau sistem OAuth. Tunggu beberapa saat sampai redirect ke homepage.

4. Klik Create Project untuk membuat project baru.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-2

5. Ketikkan pengisian project yang bernama "tandatangan1", klik Next.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-3

6. Aturlah tampilan UI aplikasi Android dan / atau kustomisasi nama package, klik Finish.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-4

7. Masuki bagian properties, Klik opsi pada Screen Orientation.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-5

8. Pilihlah "landscape".
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-6

9. Masuki bagian Pallete > klik Draw & Animation.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-7

10. Drag komponen Canvas ke Screen1.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-8

11. Aturlah ukuran width dan height untuk Canvas dengan memilih "fill parent".
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-9

12. Masuki bagian Pallete > klik User Interface.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-10
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-28

13. Drag komponen Button ke Screen1 bagian bawah Canvas. Hal ini berfungsi untuk menyimpan tanda tangan ke dalam memori internal (storage).
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-11

14. Aturlah ukuran width untuk Button simpan dengan memilih "fill parent".
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-12

15. Gantikan teks pada button simpan menjadi "Simpan", tekan Enter.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-13

16. Drag komponen Notifier ke Screen1. Hal ini berguna untuk memberitahukan bahwa hasil pemulisan tanda tangan digital telah disimpan.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-14

17. Masuki bagian Sensor > klik Sensors.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-15

18. Drag komponen Clock ke Screen1. Hal ini berguna untuk memberikan penamaan file baru yang berdasarkan waktu dalam menulis tanda tangan digital.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-16

19. Klik Blocks.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-17

20. Buatlah blok program untuk uses permission WRITE_EXTERNAL_STORAGE. Hal ini bertujuan agar mendapat izin menggunakan media storage di smartphone untuk menulis atau membuat file yang baru.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-18

21. Buatlah blok program untuk menulis tanda tangan digital (digital signature).
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-19

22. Buatlah blok program untuk menyimpan hasil penulisan tanda tangan digital dalam bentuk bitmap (gambar) ke media storage dengan memberi nama folder yakni "dt18-signature" .
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-20
Kamu juga bisa mengganti nama folder "dt18-signature" menjadi nama folder yang sesuai keinginan.

23. Klik Export >>> Android App (.apk), agar project aplikasi Android tersebut bisa dipasang di emulator atau smartphone.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-21



HASIL AKHIR :
1. Tampilan hasil pada saat melakukan permission WRITE_EXTERNAL_STORAGE untuk memberikan akses media storage pada smartphone pada saat pertama kali membuka aplikasi Android.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-22

2. Tampilan hasil untuk setiap membuka aplikasi Android. Jadi kamu bisa melakukan tanda tangan  (signature) sendiri.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-23

3. Tampilan hasil untuk setelah melakukan penulisan tanda tangan (signature) digital.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-24

4. Tampilan hasil untuk pemberitahuan bahwa hasil tulisan tanda tangan (signature) telah disimpan ke dalam folder yang telah ditentukan.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-25

5. Tampilan hasil untuk mencari nama file gambar tanda tangan (signature) yang tersimpan di folder yang telah ditentukan.
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-26

6. Tampilan hasil yang sesungguhnya... 😄
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io-27


Jadi, kamu bisa membuat aplikasi tanda tangan digital sederhana berbasis Android sendiri dengan menggunakan Kodular. Kamu bisa mengembangkan dari aplikasi ini menjadi aplikasi yang berguna banyak orang seperti pendaftaran member untuk komunitas A dengan aplikasi Android.

Sekian...
Terima kasih...
AnonSec Team
AnonSec Team Mungkin ketidaksempurnaan kita yang membuat kita begitu sempurna satu sama lain.Cinta adalah ruang dan waktu yang diukur oleh hati.Cinta terdiri dari satu jiwa yang menghuni dua tubuh.Kamu mungkin memegang tanganku untuk sementara waktu, tetapi kamu memegang hatiku selamanya.
Related Post
Cara Ganti Ikon Aplikasi Android dengan Kodular.io
Cara Ganti Ikon Aplikasi Android dengan Kodular.io { "@context": "https://schema.org", "@type": "CreativeWorkS…
Cara Menampilkan Waktu untuk Label dengan Kodular.io
Cara Menampilkan Waktu untuk Label dengan Kodular.io { "@context": "https://schema.org", "@type": "CreativeWorkS…
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io
Cara Membuat Tanda Tangan Digital (Signature) dengan Kodular.io { "@context": "https://schema.org", "@type": "CreativeWorkS…
Cara Menggunakan Font Awesome 4.7 untuk Button dengan Kodular.io
Cara Menggunakan Font Awesome 4.7 untuk Button dengan Kodular.io { "@context": "https://schema.org", "@type": "CreativeWorkS…
Posting Komentar
Search
Menu
Theme
Share