Soal Ujian Akhir Semester Pemrograman Website II

Buatlah sebuah sistem informasi menggunakan bahasa pemrograman PHP dan database MySQL dengan ketentuan sebagai berikut:

1. Saol UAS ini dikerjakan dalam kelompok, satu kelompok maksimal terdiri dari dua mahasiswa.
2. Tema dan tampilan program tidak boleh sama dengan contoh (simpeg) dan tidak boleh sama dengan kelompok yang lain.
3. Program yang dibuat ada fasilitas login, entry data, view data, edit data, hapus data, pencarian data, print data dan logout.
4. Program diupload ke hosting. Alamat domain dan anggota kelompok silahkan di daftarkan pada formulir UAS Pemrograman Website II melalui link dibawah ini.
   Formulir UAS Pemrograman Web II
   Pengisian Formulir akan ditutup pada tanggal 11 Desember 2015 pada pukul 00.00 WIB. Bagi mahasiswa yang tidak mendaftarkan anggota kelompok dan alamat domain, maka hanya mendapatkan nilai UAS sebesar 50%
5. Program dipresentasikan sesuai jadwal ujian pemrograman website II, presentasi boleh menggunakan server lokal (localhost). Saat presentasi mahasiswa wajib mengenakan jas almamater, sepatu, membawa kartu ujian dan KRS.

Selamat mengerjakan ^_^

Upload website ke Hosting

Agar website yang sudah dibuat dapat dilihat oleh semua orang yang terhubung dengan internet, maka website tersebut harus diupload ke hosting dan memiliki domain tersendiri. Hosting merupakan media penyimpanan file yang terhubung dengan jaringan internet. Domain merupakan nama yang digunakan untuk mengganti alamat IP dari website yang sudah diupload di hosting. Dalam praktek ini menggunakan idhostinger sebagai webserver penyedia jasa hosting dan domain. Alasan dipilihnya idhostinger sebagai webserver karena kemudahannya dalam penggunaan. Ikuti langkah-langkah di bawah ini untuk memulai praktek upload webise ke hosting.

1. Login ke akun gmail terlebih dahulu, jika belum memiliki gmail silahkan mendaftar melalui www.gmail.com. Setelah berhasil login ke akun gmail, silahkan buka tab baru kemudian masuk ke alamat www.idhostinger.com. Untuk mendaftar akun baru di idhostinger klik icon google + kemudian jika ada pernyataan dari google tinggal klik setujui/lanjutkan sampai finish.
   
2. Jika sudah berhasil login langkah selanjutnya adalah memesan hosting dan domain. Klik hosting kemudian klik order hosting, pilih tipe akun yang gratis kemudian klik order.
   
3. Isi formulir pendaftaran domain sesuai ketentuan yang tertera pada gambar dibawah ini.
   
4. lanjutkan mengisi formulir di halaman ke dua. Isi deskripsi kemudian centang pernyataan yang menyatakan bukan robot.
   
   Jika keluar pertanyaan dengan sifat mencocokan gambar, silahkan klik atau centang gambar sesuai pertanyaan yang ada.
   
5. Tunggu beberapa saat, akun anda akan ditampilkan pada halaman akun hosting seperti gambar dibawah ini. Jika terjadi error silahkan mengulangi untuk order hosting.
   
   Jika ada pernyataan pending verification silahkan ditunggu sampai batas waktu yang sudah ditentukan.
6. Masuk ke cpanel idhostinger dengan cara klik simbol + yang ada didepan daftar nama domain kemudian klik kelola.
   
7. Buat database MySQL pada cpanel idhostinger dengan cara klik icon database MySQL pada kolom database.
   
   Kemudian isi form pembuatan database MySQL. 
   
8. Eksport database yang ada di server lokal. Masuk ke alamat localhost/phpmyadmin kemudian klik dbsimpeg, centang semua tabel yang ada klik eksport. Klik kirim/go untuk menyimpan backup database. (Tutorial ini menggunakan xampp versi 1.8, jika Anda menggunakan versi xampp selain 1.8 harap disesuaikan sendiri).
   
   
9. Import hasil backup database tadi ke database MySQL yang ada di idhostinger. Kembali ke halaman cpanel idhostinger (pada halaman database MySQL). Klik simbol + yang ada di depan daftar database yang sudah dibuat. Klik phpmyadmin,
   
10. Klik import, klik telurusi/browse, masukan database hasil eksport dari server lokal. Klik open kemudian klik kirim/go
    
     
11. Jika proses simpan sudah selesai maka secara otomatis terdapat tabel akun dan tabel pegawai pada database MySQL yang ada di idhostinger. Langkah selanjutnya adalah mengunggah file website yang ada di folder htdocs ke file manager yang ada di idhostinger. Sebelum diunggah file website harus dicompres terlebih dahulu menggunakna winrar atau winzip. Format file yang digunakan adalah .zip bukan .rar. Masuk ke folder htdocs kemudian masuk ke folder web Anda, kemudian blok semua file, klik kanan pilih aplikasi untuk compresi file yang ada di komputer Anda (winrar/ winzip/ 7zip) kemudian klik add to achive.
    
    Pastikan formatnya zip kemudian klik OK.
    
    Pindahkan hasil compresi file ke dekstop biar mudah ditemukan.
12. Kembali ke halaman idhostinger, klik file kemudian pilih file manager 2. 
    
    Klik folder public html kemudian hapus semua file yang ada di dalamnya.
    
    
    
    
13. Klik upload kemudian klik telusuri/browse disebelah kanan yang ada keterangan format zip, klik icon centang, tuggu sampai proses upload selesai.
    
    
    Keludian klik back.
    
14. Edit file db.php dan sesuaikan dengan koneksi database MySQL yang ada di idhostinger.
    
    
    
15. Buka alamat domain Anda.

.Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman Login dan Logout

Agar website aman dari gangguan pihak-pihak yang tidak bertanggung jawab maka perlu dibuat sistem keamanan salah satunya adalah dengan menggunakan verifikasi pengguna dan kata sandi. Berikut ini langkah-langkah pembuatan halaman login administrator:

1. Buka database melalui localhost/phpmyadmin, pilih dbsimpeg kemudian tambahkan sebuah tabel dengan nama akun dan jumlah field-nya dua.
   
2. Isi nama field, type data dan lebar field-nya sesuai gambar di bawah ini.
   
3. Masukan satu data akun dengan cara klik insert atau tambahkan.
   
4. Masukan data akun dengan ketentuan username = admin dan password = admin. Enkripsi password dengan metode md5.
   
5. Klik browse atau jelajahi untuk melihat data akun.
   
6. Setelah menambahkan tabel akun pada database, langkah selanjutnya adalah membuat form login. Buka file index kemudian save as menjadi form_login.php
7. Hapus icon php pada menu, hapus nama perusahaan dan alamat.
   
8. Masukan label kemudian ketik Login, dibawah label masukan masukan sebuah form dengan cara klik insert, klik form, klik form.
9. Masukan sebuah tabel di dalam form dengan ketentuan empat baris dan dua kolom.
   
10. Masukan dua buah teks field dan dua buah button sehingga desainya nampak pada gambar di bawah ini.
    
11. Aturlah propertis text field pertama sesuai gambar di bawah ini.
    
12. Aturlah propertis text field kedua sesuai gambar di bawah ini.
    
13. Aturlah propertis button pertama sesuai dengan gambar dibawah ini.
    
14. Aturlah propertis button kedua sesuai gambar di bawah ini.
    
15. Isi action form dengan nama proses_login.php
16. Simpan form login, kemudian buat file php baru untuk membuat validasi username dan password, ketik listing program berikut ini
    

    <?php session_start(); include 'db.php'; if(!empty($_POST)){ //mengambil username dari text user $username = $_POST['txtuser']; //mengambil password dari text password //kemudian melakukan encription menggunakan fungsi md5 $password = md5($_POST['txtpass']); //mencocokan username dan password di database $sql = "select * from akun where username='".$username."' and password='".$password."'"; $query = mysql_query($sql) or die (mysql_error()); // pengecekan query valid atau tidak if($query){ $row = mysql_num_rows($query); // jika username dan password ditemukan if($row > 0){ $_SESSION['isLoggedIn']=1; $_SESSION['username']=$username; header('Location: index.php'); }else{ //jika username dan password tidak ditemukan echo "username atau password salah"; } } } ?>

17. Jika sudah selesai simpan dengan nama proses_login.php kemudian buat file php baru lagi untuk membuat proses_logout.php
    

    <?php session_start(); session_destroy(); header('Location: form_login.php'); ?>

18. Simpan file tersebut dengan nama proses_logout.php, tambahkan listing program dibawah ini pada file index.php, entry.php, view.php dan about.php. ketik listing program tepat di bagian paling atas.
    

    <?php session_start(); $username = $_SESSION['username']; $isLoggedIn = $_SESSION['isLoggedIn']; if($isLoggedIn != '1'){ session_destroy(); header('Location: form_login.php'); } ?>

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman About

Halaman about digunakan untuk menampilkan identitas si pembuat website dan memasukan keterangan lainnya. Langkah-langkah pembuatan halaman about adalah sebagai berikut:

1. Buka file index.php kemudian save as dengan nama about.php.
2. Hapus nama perusahaan dan alamatnya.
3. Ganti nama perusahaan dan alamat menjadi nama terangang Anda. Hasilnya nampak pada gambar di bawah ini.
   

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman Hapus Data Pegawai

Halaman hapus data pegawai digunakan untuk menghapus data pegawai dari database. Langkah-langkah pembuatan halaman hapus data pegawai adalah sebagai berikut:

1. Buka file form_update.php menggunakan Adobe Dreamwiver kemudian save as dengan nama form_hapus.php. Ganti semua kata update menjadi hapus lalu simpan.
2. Buat file php baru kemudian ketik listing program di bawah ini.
   

   <?php       //memanggil koneksi database       include "db.php";             //menghilangkan notice error karena       //versi PHP yang berbeda       error_reporting("E_ALL ^ E_NOTICE");             //mengambil data dari formulir hapus data       $niplama = $_POST[textniplama];             //mendefinisikan perintah SQL untuk hapus data       $sql = "delete from tbpegawai where nip = '$niplama'";             //mengeksekusi perintah SQL       $hasil = mysql_query($sql) or die(mysql_error());             //apabila berhasil dihapus       echo "<p><center><b><font size='2' color='blue' face='verdana'>                   Penghapusan data berhasil!</font></b></center></p>                   <p align='center'><a href='view.php'>Kembali</a></p>"; ?>

   Simpan dengan nama proses_hapus.php
3. Uji program tersebut dengan cara menghapus salah satu data pegawai.
   
   
   
   

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman Update Pegawai

Langkah selanjutnya setelah membuat halaman view pegawai adalah membuat halaman update data pegawai. halaman update data pegawai digunakan untuk melakukan perubahan data pegawai jika ada kesalahan saat melakukan entry data pegawai. Langkah-langkah membuat halaman update data pegawai adalah sebagai berikut:

1. Buka file index.php kemudian save as dengan nama form_update.php
2. Hapus nama perusahaan beserta alamatnya kemudian klik menu split. Hapus simbol   tepat dimana kursor berada, kemudian ketik koding di bawah ini.
   

   <?php                   //menghilangkan notice error karena             //versi PHP yang berbeda             error_reporting("E_ALL ^ E_NOTICE");                         //mengambil data dari halaman view             $nip=$_GET[nip];             $nama = $_GET[nama];             $alamat = $_GET[alamat];             $tempat_lahir = $_GET[tempat_lahir];             $tanggal_lahir = $_GET[tanggal_lahir];             $jabatan = $_GET[jabatan];             $bagian = $_GET[bagian];                         //meletakan data pada form update             echo "<p align='center' class='judul'>YAKIN DATA AKAN DIUPDATE?</p>";             echo "<form action='proses_update.php' method='post'>";             echo "<table width='90%' border='0' cellspacing='0' cellpadding='0'>";             echo "<tr><td>&nbsp;</td><td><input type=hidden name=textniplama value='$nip'></td></tr>";             echo "<tr><td class='paragraf'>NIP: </td><td><input type=text name=textnipbaru value='$nip'></td></tr>";             echo "<tr><td class='paragraf'>Nama: </td><td><input type=text name=textnama value='$nama'></td></tr>";             echo "<tr><td class='paragraf'>Alamat: </td><td><textarea name=textalamat>$alamat</textarea></td></tr>";             echo "<tr><td class='paragraf'>Tempat Lahir: </td><td><input type=text name=texttempat_lahir value='$tempat_lahir'></td></tr>";             echo "<tr><td class='paragraf'>Tanggal Lahir: </td><td><input type=text name=texttanggal_lahir value='$tanggal_lahir'></td></tr>";             echo "<tr><td class='paragraf'>Jabatan: </td><td><input type=text name=textjabatan value='$jabatan'></td></tr>";             echo "<tr><td class='paragraf'>Bagian: </td><td><input type=text name=textbagian value='$bagian'></td></tr>";             echo "<tr><td>&nbsp;</td><td>&nbsp;</td></tr>";             echo "<tr><td><input type='submit' value='Update'></td><td><input type='reset' value='Batalkan' onclick='javascript:history.back()'></td></tr>";             echo "<tr><td>&nbsp;</td><td>&nbsp;</td></tr>";             echo "</table>";             echo "</form><br><br>";       ?>

3. Simpan file tersebut kemudian jalankan melalui localhost. Klik menu view kemudian klik link edit. Hasilnya nampak pada gambar di bawah ini.
   
   
   
    
4. Langkah selanjutnya membuat perintah update data karyawan, saat tombol update di klik akan mengeksekusi perintah untuk update data di database MySQL. Buat file php baru kemudian masuk ke layer code. Hapus semua koding html yang ada kemudian ganti dengan koding di bawah ini.

   <?php       //memanggil koneksi database       include "db.php";             //menghilangkan notice error karena       //versi PHP yang berbeda       error_reporting("E_ALL ^ E_NOTICE");             //mengambil data dari formulir update data       $niplama = $_POST[textniplama];       $nipbaru = $_POST[textnipbaru];       $nama = $_POST[textnama];       $alamat = $_POST[textalamat];       $tempat_lahir = $_POST[texttempat_lahir];       $tanggal_lahir = $_POST[texttanggal_lahir];       $jabatan = $_POST[textjabatan];       $bagian = $_POST[textbagian];             //mendefinisikan perintah SQL untuk update data       $sql = "update tbpegawai set                               nip = '$nipbaru',                               nama = '$nama',                               alamat = '$alamat',                               tempat_lahir = '$tempat_lahir',                               tanggal_lahir = '$tanggal_lahir',                               jabatan = '$jabatan',                               bagian = '$bagian'                   where                               nip = '$niplama'";             //mengeksekusi perintah SQL       $hasil = mysql_query($sql) or die(mysql_error());             //apabila berhasil diupdate       echo "<p>                   <center><b><font size='2' color='blue' face='verdana'>Update data berhasil!</font></b></center>              </p>                            <p align='center'><a href='view.php'>Kembali</a></p>"; ?>

   
   Simpan file tersebut dengan nama proses_update.php
5. Lakukan tes uji dengan cara merubah salah satu data pegawai.

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman View, Pencarian Data dan Print Data

Halaman view data pegawai digunakan untuk melihat data pegawai yang sudah tersimpan di dalam database. Selain digunakan untuk melihat data pegawain, halaman ini juga digunakan sebagai perantara untuk melakukan editing data pegawai dan menghapus data pegawai. Langkah-langkah membuat data pegawai adalah sebagai berikut:

1. Buka file index.php menggunakan adobe dream wiver / macro media dreamwiver, kemudian save as dengan nama view.php.
2. Hapus nama perusahaan dan alamatnya, kemudian klik split.
   
3. Masukan koding php di bawah ini tepat pada posisi kursor berada.
   
   
   

<center><font face='verdana' size='4' color='#990000'><b>VIEW DATA PEGAWAI</b></font></center><br> <table width='90%' border='1' align='center' cellspacing='0' cellpadding='0'><tr> <td colspan='8' align='right'><form name='form1' method='post' action='' enctype='multipart/form-data'> <b>Nama Pegawai : </b> <input name='txtcari' type='text' id='txtcari' size='50' maxlength='50'> <input type='submit' name='cari' id='cari' value='Cari'> <input type='reset' name='reset' id='cari' value='Reset' onclick='javascript:history.back()' > </form></td></tr> <tr align = 'center'> <td class='judulkolom'>NIP</td> <td class='judulkolom'>Nama</td> <td class='judulkolom'>Alamat</td> <td class='judulkolom'>Tempat Lahir</td> <td class='judulkolom'>Tanggal Lahir</td> <td class='judulkolom'>Jabatan</td> <td class='judulkolom'>Bagian</td> <td class='judulkolom'>Aksi</td> </tr> <?php error_reporting("E_ALL ^ E_NOTICE"); //Proses Cari if($_POST['cari']){ $cari=$_POST[txtcari]; $sql = "select * from tbpegawai where nama like '%$cari%'"; $hasil=mysql_query($sql) or die(mysql_error()); if(mysql_num_rows($hasil) > 0) { while($kolom=mysql_fetch_array($hasil)) { echo "<tr> <td class='tekskolom'>$kolom[nip]</td> <td  class='tekskolom'>$kolom[nama]</td> <td class='tekskolom'>$kolom[alamat]</td> <td class='tekskolom'>$kolom[tempat_lahir]</td> <td class='tekskolom'>$kolom[tanggal_lahir]</td> <td class='tekskolom'>$kolom[jabatan]</td> <td class='tekskolom'>$kolom[bagian]</td> <td class='tekskolom'><a href='form_update.php?nip={$kolom[nip]}&nama={$kolom[nama]} &alamat={$kolom[alamat]}&tempat_lahir={$kolom[tempat_lahir]} &tanggal_lahir={$kolom[tanggal_lahir]} &jabatan={$kolom[jabatan]} &bagian={$kolom[bagian]}'>Edit</a> - <a href='form_hapus.php?nip={$kolom[nip]}&nama={$kolom[nama]} &alamat={$kolom[alamat]}&tempat_lahir={$kolom[tempat_lahir]} &tanggal_lahir={$kolom[tanggal_lahir]} &jabatan={$kolom[jabatan]} &bagian={$kolom[bagian]}'>Hapus</a></td></tr>"; } echo"</table><br> <form name='form2' method='post' action='proses_laporan.php'> <center><input type='submit' name='print' id='print' value='Print'></center></form>"; }else{ echo "<tr><td align='center' colspan='8' align='center'>Tidak ada data!</td></tr> </table><br> <form name='form2' method='post' action='proses_laporan.php'> <center><input type='submit' name='print' id='print' value='Print'></center> </form>"; } }else{ //Mengambil data pegawai dari database $sql = "select * from tbpegawai"; $hasil=mysql_query($sql) or die(mysql_error()); if(mysql_num_rows($hasil) > 0) { while($kolom=mysql_fetch_array($hasil)) { echo "<tr> <td class='tekskolom'>$kolom[nip]</td> <td  class='tekskolom'>$kolom[nama]</td> <td class='tekskolom'>$kolom[alamat]</td> <td class='tekskolom'>$kolom[tempat_lahir]</td> <td class='tekskolom'>$kolom[tanggal_lahir]</td> <td class='tekskolom'>$kolom[jabatan]</td> <td class='tekskolom'>$kolom[bagian]</td> <td class='tekskolom'><a href='form_update.php?nip={$kolom[nip]}&nama={$kolom[nama]} &alamat={$kolom[alamat]}&tempat_lahir={$kolom[tempat_lahir]} &tanggal_lahir={$kolom[tanggal_lahir]}&jabatan={$kolom[jabatan]} &bagian={$kolom[bagian]}'>Edit</a> - <a href='form_hapus.php?nip={$kolom[nip]}&nama={$kolom[nama]} &alamat={$kolom[alamat]}&tempat_lahir={$kolom[tempat_lahir]} &tanggal_lahir={$kolom[tanggal_lahir]}&jabatan={$kolom[jabatan]} &bagian={$kolom[bagian]}'>Hapus</a></td></tr>"; } echo "</table><br> <form name='form2' method='post' action='proses_laporan.php'> <center><input type='submit' name='print' id='print' value='Print'></center></form>"; }else{ echo "<tr><td align='center' colspan='8' align='center'>Tidak ada data!</td></tr></table><br> <form name='form2' method='post' action='proses_laporan.php'> <center><input type='submit' name='print' id='print' value='Print'></center></form>"; } } ?>

4. Jika sudah selesai mengetik koding di atas, masukan fungsi include untuk memanggil file db.php pada baris pertama halaman view.
   

   <?php include "db.php"; ?>

   Simpan halaman view tersebut.
5. Klik menu view pada sistem informasi kependudukan untuk melihat hasilnya.
   
   Ujilah program tersebut dengan mencari beberapa data pegawai.
6. Setelah menu pencarian selesai di buat dan tidak ada yang error lanjutkan prktikum ke tahap pembuatan laporan. Plugin yang digunakan untuk membuat laporan ini adalah fpdf. Fpdpf merupakan library php yang digunakan untuk membuat laporan dengan format pdf. Download file fpdf disini kemudian ekstract dan masukan folder fpdf ke forder latihan Anda.
7. Buatlah sebuah file php baru kemudian ketik listing program di bawah ini.
   

   <?php //Memanggil Koneksi Database include "db.php"; //Mengambil data dari database $query="SELECT * FROM tbpegawai ORDER BY NIP"; $sql=mysql_query($query); $data=array(); while ($row=mysql_fetch_assoc($sql)){ array_push($data, $row); } //Setting judul laporan dan header tabel $judul="LAPORAN DATA PEGAWAI"; $header=array( array("label"=>"NIP", "length"=>25, "align"=>"L"), array("label"=>"NAMA", "length"=>55, "align"=>"L"), array("label"=>"ALAMAT", "length"=>55, "align"=>"L"), array("label"=>"TEMPAT LAHIR", "length"=>30, "align"=>"L"), array("label"=>"TANGGAL LAHIR", "length"=>30, "align"=>"L"), array("label"=>"JABATAN", "length"=>35, "align"=>"L"), array("label"=>"BAGIAN", "length"=>35, "align"=>"L") ); //Memanggil library FPDF require_once("fpdf/fpdf.php"); $pdf=new FPDF('L'); $pdf->AddPage(); //Menampilkan judul laporan $pdf->SetFont('Arial','B','16'); $pdf->Cell(0,20, $judul, '0', 1, 'C'); //Membuat header tabel $pdf->SetFont('Arial','','10'); $pdf->SetFillColor(255,0,0); $pdf->SetTextColor(225); $pdf->SetDrawColor(128,0,0); foreach($header as $kolom) { $pdf->Cell($kolom['length'], 5, $kolom['label'], 1, '0', $kolom['align'], true); } $pdf->Ln();       //Menampilkan data dalam tabel $pdf->SetFillColor(224,235,225); $pdf->SetTextColor(0); $pdf->SetFont(''); $fill=false; foreach($data as $baris){ $i=0; foreach($baris as $cell){ $pdf->Cell($header[$i]['length'], 5, $cell, 1, '0', $kolom['align'], $fill); $i++; } $fill=!$fill; $pdf->Ln(); } //Menampilkan hasil $pdf->Output(); ?>

   Simpan dengan nama proses_laporan.php
8. Klik tompol print pada halaman view untuk melihat hasilnya.
   

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13