Membuat aplikasi enkripsi caesar untuk android dengan html dan javascript mengunakan phone gap

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>

Membuat aplikasi enkripsi caesar untuk android dengan html dan javascript mengunakan phone gap

Education

Transcript of Membuat aplikasi enkripsi caesar untuk android dengan html dan javascript mengunakan phone gap