BAB IV IMPLEMENTASI SYSTEM
1.1
Deskripsi Sistem Di Kantor Pengawasan dan Pelayanan Bea dan Cukai Tipe Madya Pabean
B Sidoarjo untuk kegiatan dalam proses Pembuatan Nota Pelayanan Ekspor belum terkomputerisasi belum efektif dan efisien, secara pembuatan belum bisa dilakukan secara maksimal. Oleh karena itu Kantor Pengawasan dan Pelayanan Bea dan Cukai Tipe Madya Pabean B Sidoarjo berusaha meningkatkan Kinerja, membantu dan memudahkan Bagian ekspor dalam Pembuatan Nota Pelayanan Ekspor. Untuk mempermudah Bagian Ekspor dalam mengelola dan menyimpan proses data penggajian membutuhkan sebuah Aplikas yang diwujudkan dalam aplikasi berbasis web yang dinamakan Aplikasi Nota Pelayanan Ekspor.
1.2
Cara Menjalankan Sistem Aplikasi Nota Pelayanan Ekspor cara menjalankannya adalah dengan
menggunakan browser yang telah diinstal di sistem operasi yang kita gunakan. Berikut adalah contoh dari aplikasi browser Mozilla Firefox, Opera, Internet Explorer, Google Chrome dan masih banyak lagi. Kita dapat menggunakan aplikasi yang sudah disebutkan. Setelah itu, sistem operasi juga harus diinstal PHP, MYSQL dan Apache yang dimana digunakan sebagai web server. Jika kita tidak mau repot untuk menginstal ketiganya, sudah ada software yang mengemas ketiga dari aplikasi web server tersebut. Berikut adalah contoh dari software nya : AppServ, www, Lamp dan masih banyak lagi. Itupun juga tergantung sistem operasi apa yang kita gunakan. Dari web server yang telah kita sebutkan, AppServ dan www digunakan untuk operasi Windows sedangkan Lampp digunakan untuk sistem operasi Linux. Langkah awal untuk menjalankan Aplikasi Nota Pelayanan Ekspor, kita buka dulu browser yang telah kita instal sebelumnya. Jika kita ingin menggunakan ke halaman Aplikasi Nota Pelayanan Ekspor maka halaman URL-nya adalah http:/ localhost/nota/
1.3
Tampilan Antarmuka Sistem Pengertian antarmuka ( interface ) adalah salah satu layanan yang
disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem operasi. Antarmuka adalah komponen sistem operasi yang bersentuhan langsung dengan pengguna. 1.3.1
Tampilan Antarmuka Level Administrator Bahwa pada level Administrator ini memiliki hak akses untuk melakukan
segalanya, tampilan antarmuka level administrator berisi
menu NPE Sarana
Angkut, Pelabuhan Muat, View data, dan Logout. 1.3.1.1 Halaman Login Halaman login pada aplikasi ini digunakan administrator bisa masuk dan menggunakan secara penuh fasilitas menu-menu yang dimiliki oleh aplikasi Nota Pelayanan Ekspor ini dengan cara memasukan username dan password .
Gambar 4.1 Halaman login Coding dalam cek_login
//redirect ke halaman login header('location:npe.php'); }?>
4.3.1.2 Halaman Utama NPE Halaman utama NPE ini berisi tentang Form input data NPE.
Gambar 4.2 Halaman input data NPE Coding dalam insert
$npwpeks = $_POST['npwpeks']; $namaeks = $_POST['namaeks']; $npwpppjk = $_POST['npwpppjk']; $namappjk = $_POST['namappjk']; $sarkut = $_POST['sarkut']; $voy = $_POST['voy']; $tgleks = $_POST['tgleks']; $pma = $_POST['pma']; $pme = $_POST['pme']; $berat = $_POST['berat']; $peti = $_POST['peti']; $kms = $_POST['kms']; //simpan data ke database $query = mysql_query("insert into datanpe values('','$tglnpe','$nopeb', '$tglpeb', '$kmuat', '$npwpeks', '$namaeks', '$npwpppjk', '$namappjk','$sarkut','$voy','$tgleks','$pma','$pme', '$berat','$peti','$kms' )") or die(mysql_error()); if ($query) { header('location:npe.php?message=success'); } ?>
4.3.1.3 Halaman Menu Data Sarana Angkut Halaman atau menu data Sarana Angkut ini berisi fasilitas untuk menginput data Sarana Angkut .
Gambar 4.3 Halaman input data sarana angkut Coding dalam insert_sarkut
//simpan data ke database $query = mysql_query("insert into sarkut values('','$nama_sarkut','$jenis_sarkut')") or die(mysql_error()); if ($query) {
header('location:inputsarkut.php?message=success'); } ?>
4.3.1.4 Halaman Menu Data Pelabuahan Muat Halaman atau menu data Sarana Angkut ini berisi fasilitas untuk menginput data Pelabuhan Muat .
Gambar 4.4 Halaman input data pelabuhan muat Coding dalam insert_pelabuhan
$query = mysql_query("insert into pelabuhan values('','$nama_pelabuhan','$jenis_pelabuhan','negara')") or die(mysql_error()); if ($query) { header('location:inputpelabuhan.php?message=success'); }?>
4.3.1.5 View Data NPE Halaman view data Npe adalah halaman dimana admin dapat melihat data hasil inputan dari halaman NPE didalam halaman view data terdapat menu Edit,Hapus dan juga Cetak data dari admin.
Gambar 4.5 Halaman view data NPE Coding dalam cetak Coding dalam delete
$id = $_GET['id_npe'];
$query = mysql_query("delete from datanpe where id_npe='$id'") or die(mysql_error()); if ($query) { header('location:view.php?message=delete'); } ?>
4.3.1.6 Halaman Edit data NPE Halaman edit data Npe berfungsi untuk mengedit apabila terjadi perubahan atu kesalahn data pada data NPE yang akan dibuat melalui halaman view data Npe.
Gambar 4.6 Halaman edit data NPE Coding update
//tangkap data dari form $id = $_POST['id_npe']; $tglnpe = $_POST['tglnpe']; $nopeb = $_POST['nopeb']; $tglpeb = $_POST['tglpeb']; $kmuat = $_POST['kmuat']; $npwpeks = $_POST['npwpeks']; $namaeks = $_POST['namaeks']; $npwpppjk = $_POST['npwpppjk']; $namappjk = $_POST['namappjk'];
$sarkut = $_POST['sarkut']; $voy = $_POST['voy']; $tgleks = $_POST['tgleks']; $pma = $_POST['pma']; $pme = $_POST['pme']; $berat = $_POST['berat']; $peti = $_POST['peti']; $kms = $_POST['kms'];
//update data di database sesuai id_npe $query = mysql_query("update datanpe set tglnpe='$tglnpe', nopeb='$nopeb', tglpeb='$tglpeb', kmuat='$kmuat', npwpeks='$npwpeks', namaeks='$namaeks', npwpppjk='$npwpppjk',namappjk='$namappjk',sarkut='$sarkut',voy='$voy',tgl eks='$tgleks',pma='$pma',pme='$pme',berat='$berat',peti='$peti', kms='$kms' where id_npe='$id'") or die(mysql_error());
if ($query) { header('location:view.php?message=success'); }?>
4.3.1.7 Halaman Menu Cetak Nota Pelayanan Ekspor Menu cetak nota ada pada halaman view data berfungsi untuk mencetak nota yang sudah dapat diterbitkan dan memenuhi syarat
gambar 4.7 Tampilan hasil cetak nota pelayanan ekspor. Coding cetak
