Post on 05-Dec-2014
description
Membuat Aplikasi Enkripsi Caesar untuk Android
dengan HTML dan Javascript mengunakan PhoneGap.
Ok seperti biasa langsung saja tanpa basa-basinya. melanjutkan coretan saya yang
sebelumnya yaitu “Installasi Plugin PhoneGap pada Eclipse”, dan sekarang saya akan
bembuat aplikasinya mengunakan HTML dan Javascript. Pertama-tama yang saya buat
adalah menyiapkan file HTML. Tema yang saya enkripsi dan dekripsi.
Setelah selesai membuat saya uji melalui web broser mozila firefox.
Sekarang saya beralih dari notepad ke eclipse yang telah terinstall phonegap. Langkah
langkah yang dilakukan sebagai berikut:
1. Click create a PhoneGap project.
2. Kemudian pilih built-in PhoneGap kemudian pilih versinya pada PhoneGap
Configuration. Pilih Minimal PhoneGap Project pada Project Contents. Click next.
3. Selanjutnya isi project name dengan project anda. Disini saya mengisi nama project
dengan “caesar_endek” click next.
4. Tahap selanjutnya memilih build target, yang saya gunakan adalah android versi
2.3.3. click next.
5. Kemudian isi package name dan centang create activity. Click Finish.
6. Dari sini aplikasi sudah dibuat, tapi karena saya mau membuat aplikasi enkripsi dan
dekripsi. Saya akan merubah aplikasi yang sudah dibuat sesuai tema tadi. Click kanan
open with teks editor indek.html yang berada pada assets/www.
7. Kemudian saya hapus code HTML yang berada pada <body> .
8. Kemudian tambahkan code HTML pada bagian yang sudah dihapus dengan code
HTML dibuat diatas.
9. Setelah selesai saatnya menguji aplikasi yang sudah dibuat, Click kanan Run As
Android Application.
10. Hore aplikasi sudah jadi dan hasil yang didapat sama dengan pengujian pada web
broser.
Oh ya untuk code HTML saya lapirkan dibawah.
Demikian sedikit coretan yang saya buat semoga bermanfaat. Salam Open Source . . .
CMOS
(Community Mind of Open Source)
Dev Masterpiece
LAMPIRAN
<html> <head> <title>Enkripsi</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="P"; break; case "B": d="Q"; break; case "C": d="R"; break; case "D": d="S"; break; case "E": d="T"; break; case "F": d="U"; break; case "G": d="V"; break; case "H": d="W"; break; case "I": d="X"; break; case "J": d="Y"; break; case "K": d="Z"; break; case "L": d="A"; break; case "M": d="B";
break; case "N": d="C"; break; case "O": d="D"; break; case "P": d="E"; break; case "Q": d="F"; break; case "R": d="G"; break; case "S": d="H"; break; case "T": d="I"; break; case "U": d="J"; break; case "V": d="K"; break; case "W": d="L"; break; case "X": d="M"; break; case "Y": d="N"; break; case "Z": d="O"; break; case "a": d="p"; break; case "b": d="q"; break; case "c": d="r"; break; case "d": d="s"; break; case "e": d="t"; break; case "f": d="u"; break; case "g": d="v"; break; case "h": d="w"; break; case "i": d="x"; break; case "j": d="y"; break; case "k": d="z"; break;
case "l": d="a"; break; case "m": d="b"; break; case "n": d="c"; break; case "o": d="d"; break; case "p": d="e"; break; case "q": d="f"; break; case "r": d="g"; break; case "s": d="h"; break; case "t": d="i"; break; case "u": d="j"; break; case "v": d="k"; break; case "w": d="l"; break; case "x": d="m"; break; case "y": d="n"; break; case"z" : d="o"; break; } b=parseInt(b)+1 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="L"; break; case "B": d="M"; break; case "C": d="N"; break; case "D": d="O"; break; case "E": d="P"; break; case "F": d="Q"; break; case "G": d="R"; break; case "H": d="S"; break; case "I": d="T"; break; case "J": d="U"; break; case "K": d="V"; break; case "L": d="W"; break; case "M": d="X"; break; case "N": d="Y"; break; case "O": d="Z"; break; case "P": d="A"; break; case "Q": d="B"; break; case "R": d="C"; break; case "S": d="D"; break; case "T": d="E"; break; case "U": d="F"; break; case "V": d="G"; break; case "W": d="H";
break; case "X": d="I"; break; case "Y": d="J"; break; case "Z": d="K"; break; case "a": d="l"; break; case "b": d="m"; break; case "c": d="n"; break; case "d": d="o"; break; case "e": d="p"; break; case "f": d="q"; break; case "g": d="r"; break; case "h": d="s"; break; case "i": d="t"; break; case "j": d="u"; break; case "k": d="v"; break; case "l": d="w"; break; case "m": d="x"; break; case "n": d="y"; break; case "o": d="z"; break; case "p": d="a"; break; case "q": d="b"; break; case "r": d="c"; break; case "s": d="d"; break; case "t": d="e"; break; case "u": d="f"; break;
case "v": d="g"; break; case "w": d="h"; break; case "x": d="i"; break; case "y": d="j"; break; case"z" : d="k"; break; } b=parseInt(b)+1 c=c+d } form.keluar.value=(c) } function hapus(form){ form.kalimat.value=""; form.keluar.value=""; } </script> <script language="javascript"> function pindahisi(form){ form.kalimat.value=form.keluar.value; form.keluar.value=""; } </script> <center> <form name="form1" method="post" action=""> <textarea name="kalimat"></textarea><br> <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"><br> <textarea name="keluar"></textarea> </form> <p> </p> </body> </html>