Enkripsi & Deskripsi JavaScript
Mata Kuliah : Sistem Keamanan Komputer
Nama Dosen : Lendra Kusuma Wardoyo, ST
Di Susun Oleh : 3IA08
Agung Herdiansyah H
Eko Nur Cahyo
M. Iqbal Tawakal
Reza Cipta Permana
Siti Maharani F
Syafro Afni
Yudhistira Hardyan Afghan
Teknik Informatika
Universitas Gunadarma
2015
JavaScript adalah bahasa scripting yang digunakan untuk script sisi klien(client-side). JavaScript dikembangkan oleh Netscape pada tahun 1995 sebagai metode untuk memvalidasi bentuk dan menyediakan konten interaktif ke situs web, kemudian disusul oleh Microsoft dan Netscape yang mulai memperkenalkan dukungan JavaScript di browser mereka setelahnya.
- Array Asosiatif
- Variabel Longgar
- Ekspresi Reguler
- Objek dan Kelas
- Dukungan W3C DOM di JavaScript
- Pengembang tergantung pada browser dukungan untuk JavaScript
- Tidak ada cara untuk menyembunyikan kode JavaScript dalam kasus aplikasi komersial
Pada kesempatan kali ini kelompok kami akan membuat program enkripsi dan deskripsi menggunakan bahasa pemrograman JavaScript dengan kriptografi sebagai berikut:
- Alfabet Biasa : ABCDEFGHIJKLMNOPQRSTUVWXYZ
- Alfabet Sandi : DEFGHIJRSTUKLMNABCOPQXYZVW
Listing Program
<html>
<head>
<title>Enkripsi dan Deskripsi</title>
</head>
<body>
<script language="javascript">
function enkripsi(form){
var a;
var b;
var c;
var d;
var i;
b=0;
var z;
c="";
z=(form.kalimat.value);
a=(z.length);
for (i=1; i<=a;i++){
d=((form.kalimat.value).substr(b,1));
switch (d)
{
case "A": d="D";
break;
case "B": d="E";
break;
case "C": d="F";
break;
case "D": d="G";
break;
case "E": d="H";
break;
case "F": d="I";
break;
case "G": d="J";
break;
case "H": d="R";
break;
case "I": d="S";
break;
case "J": d="T";
break;
case "K": d="U";
break;
case "L": d="K";
break;
case "M": d="L";
break;
case "N": d="M";
break;
case "O": d="N";
break;
case "P": d="A";
break;
case "Q": d="B";
break;
case "R": d="C";
break;
case "S": d="O";
break;
case "T": d="P";
break;
case "U": d="Q";
break;
case "V": d="X";
break;
case "W": d="Y";
break;
case "X": d="Z";
break;
case "Y": d="V";
break;
case "Z": d="W";
break;
case "a": d="d";
break;
case "b": d="e";
break;
case "c": d="f";
break;
case "d": d="g";
break;
case "e": d="h";
break;
case "f": d="i";
break;
case "g": d="j";
break;
case "h": d="r";
break;
case "i": d="s";
break;
case "j": d="t";
break;
case "k": d="u";
break;
case "l": d="k";
break;
case "m": d="l";
break;
case "n": d="m";
break;
case "o": d="n";
break;
case "p": d="a";
break;
case "q": d="b";
break;
case "r": d="c";
break;
case "s": d="o";
break;
case "t": d="p";
break;
case "u": d="q";
break;
case "v": d="x";
break;
case "w": d="y";
break;
case "x": d="z";
break;
case "y": d="v";
break;
case"z" : d="w";
break;
}
b++
c=c+d
}
form.keluar.value=(c)
}
</script>
<script language="javascript">
function deskripsi(form){
var a;
var b;
var c;
var d;
var i;
b=0;
var z;
c="";
z=(form.kalimat.value);
a=(z.length);
for (i=1; i<=a;i++){
d=((form.kalimat.value).substr(b,1));
switch (d)
{
case "A": d="P";
break;
case "B": d="Q";
break;
case "C": d="R";
break;
case "D": d="A";
break;
case "E": d="B";
break;
case "F": d="C";
break;
case "G": d="D";
break;
case "H": d="E";
break;
case "I": d="F";
break;
case "J": d="G";
break;
case "K": d="L";
break;
case "L": d="M";
break;
case "M": d="N";
break;
case "N": d="O";
break;
case "O": d="S";
break;
case "P": d="T";
break;
case "Q": d="U";
break;
case "R": d="H";
break;
case "S": d="I";
break;
case "T": d="J";
break;
case "U": d="K";
break;
case "V": d="Y";
break;
case "W": d="Z";
break;
case "X": d="V";
break;
case "Y": d="W";
break;
case "Z": d="X";
break;
case "a": d="p";
break;
case "b": d="q";
break;
case "c": d="r";
break;
case "d": d="a";
break;
case "e": d="b";
break;
case "f": d="c";
break;
case "g": d="d";
break;
case "h": d="e";
break;
case "i": d="f";
break;
case "j": d="g";
break;
case "k": d="l";
break;
case "l": d="m";
break;
case "m": d="n";
break;
case "n": d="o";
break;
case "o": d="s";
break;
case "p": d="t";
break;
case "q": d="u";
break;
case "r": d="h";
break;
case "s": d="i";
break;
case "t": d="j";
break;
case "u": d="k";
break;
case "v": d="y";
break;
case "w": d="z";
break;
case "x": d="v";
break;
case "y": d="w";
break;
case"z" : d="x";
break;
}
b++
c=c+d
}
form.keluar.value=(c)
}
function hapus(form){
form.kalimat.value="";
form.keluar.value="";
}
</script>
<script>
<script language="javascript">
function pindahisi(form){
form.kalimat.value=form.keluar.value;
}
</script>
<table width="100%">
<tr>
<td>
<h1>Subtitusi</h1>
<form name="form1" method="post" action="">
<p>
<textarea rows="10" name="kalimat" cols="40"></textarea>
</p>
<p>
<input maxlength="10000" onclick=enkripsi(form) value="enkripsi" type="button">
<input maxlength="10000" onclick=deskripsi(form) value="deskripsi" type="button">
<input maxlength="10000" onclick=pindahisi(form) value="pindah isi" type="button">
<input maxlength="10000" onclick=hapus(form) value="reset" type="button">
</p>
<p>
<textarea rows="10" name="keluar" cols="40"></textarea>
</p>
</form>
</td>
<td>
<h1>Caesar Chiper</h1>
<form name="form1" method="post" action="">
<p>
<textarea rows="10" name="kalimat" cols="40"></textarea>
</p>
<p>
<input maxlength="10000" onclick=enkripsichiper(form) value="enkripsi" type="button">
<input maxlength="10000" onclick=deskripsichiper(form) value="deskripsi" type="button">
<input maxlength="10000" onclick=pindahisi(form) value="pindah isi" type="button">
<input maxlength="10000" onclick=hapus(form) value="reset" type="button">
</p>
<p>
<textarea rows="10" name="keluar" cols="40"></textarea>
</p>
</form>
</td>
<td>
<h1>ROT 13</h1>
<form name="form1" method="post" action="">
<p>
<textarea rows="10" name="kalimat" cols="40"></textarea>
</p>
<p>
<input maxlength="10000" onclick=enkripsirot(form) value="enkripsi" type="button">
<input maxlength="10000" onclick=deskripsirot(form) value="deskripsi" type="button">
<input maxlength="10000" onclick=pindahisi(form) value="pindah isi" type="button">
<input maxlength="10000" onclick=hapus(form) value="reset" type="button">
</p>
<p>
<textarea rows="10" name="keluar" cols="40"></textarea>
</p>
</form>
</td>
</tr>
</table>
</body>
</html>
Logika Program
function enkripsi(form){
memulai sebuah fungsi validasi form bernamakan "enkripsi".
var a;
mendeklarasikan sebuah variabel "a".
b=0;
c="";
memberikan nilai pada sebuah variabel, b dengan nilai nol sedangkan c dengan nilai kosong.
z=(form.kalimat.value);
a=(z.length);
memberikan nilai pada variabel z validasi form bernamakan "kalimat" dan variabel a diberikan sebuah nilai panjang dari form "kalimat".
for (i=1; i<=a;i++){
memulai sebuah fungsi perulangan menggunakan "for" dimana nilai dari i sama dengan 1, jika nilai i lebih kecil atau sama dengan nilai dari variabel a, maka nilai dari i akan bertambah 1.
d=((form.kalimat.value).substr(b,1));
memberikan nilai pada variabel z berupa substring dari validasi form.
switch (d){
case "A": d="D";
break;
case "B": d="E";
break;
memulai sebuah fungsi percabangan menggunakan "switch case" dimana jika user menginput sebuah string A maka value dari form kalimat adalah D, sedangkan string B valuenya E.
b++
c=c+d
nilai dari varibel b akan terus bertambah hingga fungsi perulangan selesai dan nilai dari varibel c akan di tambah dengan nilai varibel d sebuah string dari fungsi percabangan.
form.keluar.value=(c)
memberikan nilai dari validasi form keluar dari hasil variabel c.
memberikan nilai dari validasi form keluar dari hasil variabel c.
function hapus(form){
form.kalimat.value="";
form.keluar.value="";
form.kalimat.value="";
form.keluar.value="";
}
memulai sebuah fungsi hapus, dimana jika fungsi tersebut di panggil maka nilai dari kedua validasi form kalimat dan keluar akan menjadi kosong.
function pindahisi(form){
form.kalimat.value=form.keluar.value;
}
form.kalimat.value=form.keluar.value;
}
memulai sebuat fungsi pindahisi, dimana jika fungsi tersebut di panggil maka nilai dari validasi form kalimat akan menjadi nilai dari validasi form keluar.
<input onclick=enkripsi(form) value="enkripsi" type="button">
code di atas adalah cara memanggil fungsi javascript pada html yang diterapkan pada button.
<textarea rows="10" name="kalimat" cols="40">
<textarea rows="10" name="keluar" cols="40">
code di atas memberikan nilai string pada validasi form kalimat dan mengambil nilai string pada validasi form keluar.
Ouput Program
Tidak ada komentar:
Posting Komentar