All about IT, computer, software, hardware, gadget, and also my life.: Enkripsi / Dekripsi Vignere Chiper dengan HTML

Apa itu Vigenere Chiper??

Vigenere cipher adalah salah satu jenis kriptografi klasik yang pada dasarnya adalah melakukan substitusi cipher abjad majemuk (polyalphabetic substitution), yaitu mengubah plaintext dengan kunci tertentu biasanya berupa sebuah kata atau kalimat yang berulang sepanjang plaintext sehingga didapatkan ciphertext.

Pengertian di atas menurut salah satu sumber sih. Yang jelas Vigenere Chiper itu adalah teknik penyandian/enkripsi suatu teks dengan menggunakan teknik key alfabet yang berulang.

Contoh :
Jika plaintext yang ingin di enkripsi : KAMBING
Dengan Key : unik
Maka dihasilkan kode chiper seperti berikut berikut : Enulcao

Untuk cara bagaimana teknik nya bisa begitu, bisa searching di google ajah :P

Untuk mempermudah pengenkripsian dan penerjemahan kode Vignere ini, aku punya coding HTML. Caranya kita tinggal buka codingan ini dengan Mozilla Firefox / Internet Explorer / browser internet kamu. Maka tampilannya akan begini :

Caranya mudah kita hanya perlu memasukkan plaintext yang ingin kita enkripsi/terjemahkan di bagian input. Kemudian masukkan Key nya. Setelah itu tinggal klik Encode (untuk mengenkripsi/penyandian) atau Decode (untuk menterjemahkan). Selanjutnya hasil akan muncul di output.

Okeh tanpa basa basi lagi berikut coding nya :

<html> <head> <title>Vignere Cipher</title>  </head> <body bgcolor=#FFFFFF text=#000000> <td> <script> function Vigenere (input, key, forward) { if (key == null) key = ""; var alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" + "abcdefghijklmnopqrstuvwxyz"; // Validate key: key = key . toUpperCase (); var key_len = key . length; var i; var adjusted_key = ""; for (i = 0; i < key_len; i ++) { var key_char = alphabet . indexOf (key . charAt (i)); if (key_char < 0) continue; adjusted_key += alphabet . charAt (key_char); } key = adjusted_key; key_len = key . length; if (key_len == 0) { alert ('You forgot to supply a key!'); key = "a"; key_len = 1; } // Transform input: var input_len = input . length; var output = ""; var key_index = 0; var in_tag = false; for (i = 0; i < input_len; i ++) { var input_char = input . charAt (i); if (input_char == "<") in_tag = true; else if (input_char == ">") in_tag = false; if (in_tag) { output += input_char; continue; } var input_char_value = alphabet . indexOf (input_char); if (input_char_value < 0) { output += input_char; continue; } var lowercase = input_char_value >= 26 ? true : false; if (forward) input_char_value += alphabet . indexOf (key . charAt (key_index)); else input_char_value -= alphabet . indexOf (key . charAt (key_index)); input_char_value += 26; if (lowercase) input_char_value = input_char_value % 26 + 26; else input_char_value %= 26; output += alphabet . charAt (input_char_value); key_index = (key_index + 1) % key_len; } return output; } function runcoder (dir) { document . form . output . value = Vigenere (document . form . input . value, document . form . key . value, dir); /* A bug in IE prevents this section from working correctly. with (document . form) { output . value = Vigenere (input . value, key . value, dir); } */ } </script> <form name=form> <table border cellspacing="2"> <tr> <td> Input: <input type=button onClick="this.form.input.value='';" value="clear"> </td> <td> <textarea name=input rows=10 cols=60 wrap=virtual></textarea> </td> </tr> <tr> <td> Key: <input type=button onClick="this.form.key.value='';" value="clear"> </td> <td> <textarea name=key rows=5 cols=60 wrap=virtual></textarea> </td> </tr> <tr> <td>Coding direction:</td> <td> <input type=button value="encode" onClick="runcoder (true);"> <input type=button value="decode" onClick="runcoder (false);"> </td> </tr> <td> Output: <input type=button onClick="this.form.output.value='';" value="clear"> </td> <td> <textarea name=output rows=10 cols=60 wrap=virtual></textarea> </td> </table> </form> </body> </html>

Copy semua kode tersebut kemudian paste kan di Notepad. Simpan dengan nama Vignere.html. Kemudian buka Vignere.html dengan menggunakan Firefox/Opera.

Selamat Mencoba. Selamat bersandi ria. :)

All about IT, computer, software, hardware, gadget, and also my life.

19 Des 2011

Enkripsi / Dekripsi Vignere Chiper dengan HTML

3 komentar:

Labels

Blog Archive

Followers

@botol_kecaps on Instagram

Press Me if u Like This Blog :D