Minggu, 28 Februari 2016

Tutorial PHP : Mengalihkan Sebuah Halaman

Pada Tutorial kali ini, Teman-Teman akan belajar mengenai bagaimana melakukan redirect atau mengalihkan sebuah halaman dengan menggunakan PHP.

Spesifikasi Pengalihan:

  • Program mampu meredirect/mengalihkan sebuah halaman dengan PHP. Pada halaman ini adalah dari localhost ke sukalogika.com
  • Lengkapi dengan funsi die()

Algoritma Pengalihan:

  1. Bila pengujung mengakses halaman maka redirect ke website: sukalogika.com

 

 Mari Mengalihkan Sebuah Halaman dengan PHP

  1. Buatlah folder sukalogika pada direktori www anda. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika>.
  2. Buatlah folder redirect_php pada direktori sukalogika. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika\redirect_php>.
  3. Bukalah text editor yang akan digunakan. Misalnya: Notepad atau Notepad++.
  4. Ketik/Copy Paste kode berikut dan simpan dalam folder C:\wamp\www\sukalogika\redirect_php> dengan nama index.php.
    <?php // Topik : Cara Meredirect/mengalihkan Sebuah Halaman dengan PHP // Oleh : Henky Adlin Shan header("Location: http://sukalogika.com"); die(); // Tambahkan fungsi die() setelah header // Untuk mengantisipasi software yang mampu melewati header. ?>
  5. Akses dengan alamat http://localhost/sukalogika/redirect_php/ dan lihat akan meredirect ke http://sukalogika.com
  6. Selamat anda berhasil membuat program yang mampu mengambil huruf secara acak. 

Minggu, 21 Februari 2016

Tutorial PHP : Huruf Acak

Pada Tutorial kali ini, Teman-Teman akan belajar mengenai bagaimana mengambil huruf acak dengan PHP, HTML dan CSS.

Tampilan Pengambilan Huruf Acak yang akan kita buat:


Spesifikasi Huruf Acak:

  • Program mampu menampilkan huruf acak dari Kumpulan Huruf: L,O,G,I,K,A.
  • Program menampilkan pilihan jumlah huruf acak yang dapat ditampilkan (minimal 1 , maksimal 10).
  • Program dapat mengambil kembali huruf yang telah ditampilkan.

Algoritma Mengambil Huruf Acak dengan PHP, HTMl dan CSS

  1. Masukkan huruf L,O,G,I,K,A ke dalam sebuah array ($array_huruf).
  2. Tetapkan index ke-0=L, index ke-2=O ... index ke-5=A.
  3. Hitung jumlah index yang terdapat pada array tersebut.
  4. $index_acak adalah hasil acak dari 0 hingga maksimal index yang ada.
  5. Tampilkan isi variable $array_huruf yang memilki index=$index_acak.

Mari Mengambil Huruf Acak dengan PHP, HTML dan CSS


  1. Buatlah folder sukalogika pada direktori www anda. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika>
  2. Buatlah folder acak_huruf pada direktori sukalogika. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika\acak_huruf>
  3. Bukalah text editor yang akan digunakan. Misalnya: Notepad atau Notepad++
  4. Ketik/Copy Paste kode berikut dan simpan dalam folder C:\wamp\www\sukalogika\acak_huruf> dengan nama index.php. 
    <?php // Topik : Menampilkan huruf acak dari kumpulan huruf. // Oleh : Henky Adlin Shan // variable $array_huruf merupakan sebuah array yang berisi // huruf L,O,G,I,K dan A. $array_huruf[0] = 'L'; $array_huruf[1] = 'O'; $array_huruf[2] = 'G'; $array_huruf[3] = 'I'; $array_huruf[4] = 'K'; $array_huruf[5] = 'A'; // Fungsi acak_huruf berguna untuk mengacak huruf. // Dengan parameter adalah sebuah array ($array_huruf). function acak_huruf($array_huruf){ $jumlah_index = count($array_huruf); $maksimal_index = $jumlah_index-1; $index_acak = rand(0,$maksimal_index); $huruf = $array_huruf[$index_acak]; return $huruf; } $tampilkan = ''; // Bila terdapat aksi post dengan parameter jumlah_acak // Maka tambahkan hasil penggunaan fungsi acak_huruf // Pada variable $tampilkan if(isset($_POST['jumlah_acak'])){ $jumlah_acak = (int)$_POST['jumlah_acak']; for($i=0;$i<$jumlah_acak;$i++){ $tampilkan .= acak_huruf($array_huruf); } } ?> <!DOCTYPE html> <html> <head> <title> Mengacak Huruf </title> <style> body{ font-family: "Times New Roman", Times, serif; } </style> </head> <body> <h1> Mengacak Huruf </h1> <form method="POST" action="?"> <table> <tr> <td width="200px"> Masukkan Jumlah Huruf Acak </td> <td> : </td> <td> <!-- Tampilan select akan digunakan untuk memilih antara 1 hingga 10 Jumlah Huruf Acak yang ingin ditampilkan. --> <select name="jumlah_acak"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </td> </tr> <tr> <td colspan="3"> <input type="submit" value="kirim"> </td> </tr> <?php // Bila variable $tampilkan tidak kosong // Maka tampilkan huruf acak yang dihasilkan if(!empty($tampilkan)){ ?> <tr> <td> Huruf Acak </td> <td> : </td> <td> <?php echo $tampilkan; ?> </td> </tr> <?php } ?> </table> </form> </body> </html>
  5. Akses dengan alamat http://localhost/sukalogika/acak_huruf/
  6. Selamat anda berhasil membuat program yang mampu mengambil huruf secara acak.

Minggu, 14 Februari 2016

Tutorial PHP : Enkripsi Dekripsi ROT13


Pada Tutorial kali ini, Teman-Teman akan belajar mengenai bagaimana menerapkan Ekripsi/Dekripsi ROT13 dengan PHP,HTML dan CSS.

ROT13 adalah

Menurut Eric S. Raymond dalam The Jargon File, ROT13 adalah metode enkripsi sederhana yang menggantikan setiap huruf dengan 13 karakter di depan atau dibelakangnya sesuai dengan Alfabet. Angka tidak termasuk di dalamnya.
Contoh:
  • huruf a bila dienkripsi dengan ROT13 akan menjadi n.
  • huruf b bila dienkripsi dengan ROT13 akan menjadi o.
  • huruf A bila dienkripsi dengan ROT13 akan menjadi N. Begitu juga sebaliknya
  • huruf n bila dienkripsi dengan ROT13 akan menjadi a.
  • Angka 1 bila dienkripsi dengan ROT13 tetap menjadi 1.
Berdasarkan aturan ROT13 maka kata "suka" akan dieknkripsi menjadi kata "fhxn". Kata "suka" diatas disebut "plaintext" karena belum dieknripsi, sedangkan kata "fhxn" disebut "chipertext" karena sudah dieknkripsi.
Bila kata "fhxn" dikenakan fungsi ROT13 lagi, maka akan menjadi kata "suka" kembali.

Keuntungan Menggunakan ROT13

Keutungan utama dari ROT13 adalah kode yang sama dapat dibuat untuk melakukan eknripsi atau dekripsi.

Preview Program yang Akan Dibuat:


Spesifikasi ROT13

  • Program menampilkan input dalam bentuk textarea.
  • Program dapat menampilkan Plaintext beserta Chipertext dalam satu tampilan.
  • Program ROT13 akan menggunakan fungsi str_rot13 yang ada pada PHP.

 

Algoritma Menggunakan ROT13

  1. Pasang variable $tampilkan_hasil_rot13 dengan empty string.
  2. Bila terdapat aksi POST yang berisikan text sebelum ROT13 ubah dengan menggunakan fungsi str_rot13
  3. Tampilkan pada browser $tampilkan_hasil_rot13

 

Mari Menerapkan Enkripsi/Dekripsi ROT13 dengan PHP,HTML dan CSS

  1. Buatlah folder sukalogika pada direktori www anda. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika>
  2. Buatlah folder rot13 pada direktori sukalogika. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika\rot13>
  3. Bukalah text editor yang akan digunakan. Misalnya: Notepad atau Notepad++
  4. Ketik/Copy Paste kode berikut dan simpan dalam folder C:\wamp\www\sukalogika\rot13> dengan nama index.php.
    <?php /* Author : Henky Adlin Shan Website : sukalogika.com Hal : Membuat Program untuk Mengenkripsi/Dekripsi teks dengan menggunakan ROT13 */ $tampilkan_hasil_rot13 = ""; if(isset($_POST["text_sebelum_rot13"])){ $tampilkan_hasil_rot13=str_rot13($_POST["text_sebelum_rot13"]); } ?> <!DOCTYPE html> <html> <head> <title> ROT13 - sukalogika </title> <style> body{ font-family: "Times New Roman", Times, serif; } </style> </head> <body> <h1> ROT13 </h1> <form method="POST" action="?"> <table> <tr> <td> Plaintext/Chiphertext </td> <td> : </td> <td> <textarea name="text_sebelum_rot13"> <?php echo $_POST["text_sebelum_rot13"]?> </textarea> </td> </tr> <tr> <td colspan="3"> <input type="submit" value="Eknripsi/Dekripsi"> </td> </tr> <tr> <td> Chiphertext/Plaintext </td> <td> : </td> <td> <textarea name="text_setelah_rot13"> <?php echo $tampilkan_hasil_rot13;?> </textarea> </td> </tr> </table> </form> </body> </html>
  5. Akses dengan alamat: http://localhost/sukalogika/rot13/ untuk melihat program ROT13 anda.
  6. Selamat! Anda berhasil membuat program yang menerapkan rot13 dengan menggunakan PHP, HTML dan CSS.

Minggu, 07 Februari 2016

Tutorial PHP : Membuat Formasi Diamond disertai Validasi Input

Pada Tutorial kali ini, Teman-Teman akan belajar mengenai bagaimana membuat bentuk diamond dengan menggunakan PHP, HTML dan CSS.

Preview Formasi Diamond yang akan dibuat: 

Spesifikasi Formasi Diamond: 

  • Diameter diamond harus ganjil.
  • Diameter diamond tidak boleh kurang dari atau sama dengan 0.
  • Diameter diamond tidak boleh lebih dari 99.
  • Diameter diamond harus diinput menggunakan method POST.
  • CSS menggunakan font DOS.

Algoritma Formasi Diamond:

  1. Masukkan diameter diamond yang diinginkan ($diameter_diamond).
  2. Pasang pesan kesalahan dengan nilai awal empty string ($pesan_kesalahan    = '';)
  3. Bila diameter diamond kurang dari atau sama dengan 0, maka tambahkan pesan kesalahan.
  4. Bila diameter diamond adalah genap maka tambahkan pesan kesalahan.
  5. Bila diameter diamond adalah lebih dari 99 maka tambahkan pesan kesalahan.
  6. Bila terdapat pesan kesalahan maka tampilkan pesan kesalahan. Selain itu maka lanjutkan tahap berikutnya.
  7. Pasang variabel $jumlah_baris dan $jumlah_kolom sesuai dengan diameter diamond yang diinginkan.
  8. Tengah adalah (diameter diamond + 1) / 2.
  9. Pasang tampilkan diamond dengan string kosong.
  10. Untuk $baris = 1, hingga $baris lebih kecil daripada $jumlah_baris maka lakukan 11.
  11. Untuk $kolom = 1, hingga $kolom lebih kecil daripada $jumlah_kolom maka lakukan 12.
  12. Tambahkan tampilkan diamond dengan karakter * bila memenuhi kondisi berikut: ($baris-$kolom<$tengah) && ($baris+$kolom>$tengah) && ($kolom-$baris<$tengah) && ($kolom+$baris<$diameter_diamond+$tengah+1)
  13. Selain itu tampilkan karakter spasi.
  14. Naikkan nilai $baris sebanyak 1.
  15. Kembali ke 11.
  16. Tampilkan enter (<br>).
  17. Kembali ke 10.
  18. Tampilkan nilai diamond.
  19. Selesai.

 Mari Membuat Formasi Diamond dengan PHP,HTML dan CSS

  1. Buatlah folder sukalogika pada direktori www anda. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika>
  2. Buatlah folder diamond pada direktori sukalogika. Pada tahap ini struktur explorer akan terlihat seperti ini: C:\wamp\www\sukalogika\diamond>
  3. Bukalah text editor yang akan digunakan. Misalnya: Notepad atau Notepad++
  4. Ketik/Copy Paste kode berikut dan simpan dalam folder C:\wamp\www\sukalogika\diamond> dengan nama index.php. 
    <?php function menampilkan_diamond(){ $pesan_kesalahan = ''; $diameter_diamond = (int)$_POST["diameter_diamond"]; if($diameter_diamond<=0){ // Tampilkan Pesan Kesalahan : Lebar Diamond tidak boleh kurang dari 0 $pesan_kesalahan .= 'Lebar Diamond tidak boleh kurang atau sama dengan 0<br>'; } if($diameter_diamond%2==0){ // Tampilkan Pesan Kesalahan : Lebar Diamond tidak boleh Genap. $pesan_kesalahan .= 'Lebar Diamond harus ganjil<br>'; } if($diameter_diamond%2>99){ // Untuk menghemat memori, maka input diameter tidak boleh lebih dari 99. $pesan_kesalahan .= 'Angka tidak boleh lebih besar dari 99<br>'; } if($pesan_kesalahan != ''){ return $pesan_kesalahan; } else{ $jumlah_baris = $diameter_diamond; $jumlah_kolom = $diameter_diamond; $tengah = ($diameter_diamond+1)/2; $tampilkan_diamond = ''; for($baris=1;$baris<=$jumlah_baris;$baris++){ for($kolom=1;$kolom<=$jumlah_kolom;$kolom++){ if( ($baris-$kolom<$tengah) && ($baris+$kolom>$tengah) && ($kolom-$baris<$tengah) && ($kolom+$baris<$diameter_diamond+$tengah+1)){ $tampilkan_diamond .= '*'; } else{ $tampilkan_diamond .= '&nbsp;'; } } $tampilkan_diamond .= '<br>'; } return $tampilkan_diamond; } } ?> <!DOCTYPE html> <html> <head> <title> Diamond </title> <style> .tengah{ text-align:center; } .dos_sukalogika{ font-family: fixedsys, LucidaTerminal, monospace; } </style> </head> <body> <h1> Diamond </h1> <form method="POST" action="?"> <table> <tr> <td> Lebar Diamond </td> <td> : </td> <td> <input type="text" name="diameter_diamond"> </td> </tr> <tr> <td colspan="3" class="tengah"> <input type="submit" value="tampil"> </td> </tr> </table> </form> <div> <?php if(isset($_POST["diameter_diamond"])){ echo '<div class="dos_sukalogika">'; echo menampilkan_diamond(); echo '</div>'; } ?> </div> </body> </html>
  5. Akses dengan alamat: http://localhost/sukalogika/diamond/ untuk melihat formasi diamond anda.
  6. Selamat! Anda berhasil membuat program formasi diamond dengan menggunakan PHP, HTML dan CSS