Membuat aplikasi enkripsi caesar untuk android dengan html dan javascript mengunakan phone gap
•
1 like•944 views
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
Membuat aplikasi enkripsi caesar untuk android dengan html dan javascript mengunakan phone gap
- 1. 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.
- 2. 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. 3. Selanjutnya isi project name dengan project anda. Disini saya mengisi nama project dengan “caesar_endek” click next.
- 4. 4. Tahap selanjutnya memilih build target, yang saya gunakan adalah android versi 2.3.3. click next.
- 5. 5. Kemudian isi package name dan centang create activity. Click Finish.
- 6. 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> .
- 7. 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.
- 8. 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
- 9. 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";
- 10. 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;
- 11. 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);
- 12. 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";
- 13. 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;
- 14. 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>