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
<?php
session_start();
//jika session username belum dibuat, atau session username kosong if (!isset($_SESSION['username']) || empty($_SESSION['username'])) {
//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
<?php
//panggil file config.php untuk menghubung ke server include('config.php');
// Fungsi untuk Merubah susunan format tanggal function ubahformatTgl($tanggal) { $pisah = explode('/',$tanggal); $urutan = array($pisah[2],$pisah[1],$pisah[0]); $satukan = implode('-',$urutan); return $satukan; }
//tangkap data dari form $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']; //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
<?php
//panggil file config.php untuk menghubung ke server include('config.php');
// Fungsi untuk Merubah susunan format tanggal function ubahformatTgl($tanggal) { $pisah = explode('/',$tanggal); $urutan = array($pisah[2],$pisah[1],$pisah[0]); $satukan = implode('-',$urutan); return $satukan; }
//tangkap data dari form
$nama_sarkut = $_POST['nama_sarkut']; $jenis_sarkut = $_POST['jenis_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
<?php
//panggil file config.php untuk menghubung ke server include('config.php');
// Fungsi untuk Merubah susunan format tanggal function ubahformatTgl($tanggal) { $pisah = explode('/',$tanggal); $urutan = array($pisah[2],$pisah[1],$pisah[0]); $satukan = implode('-',$urutan); return $satukan; }
//tangkap data dari form
$nama_pelabuhan = $_POST['nama_pelabuhan']; $jenis_pelabuhan = $_POST['jenis_pelabuhan']; $negara = $_POST['negara'];
$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
<?php
include "config.php"; $id=$_GET['id_npe'];
$sql="SELECT * FROM datanpe where id_npe='$id'"; $result=mysql_query($sql);
$data=mysql_fetch_array($result); ?>
Coding dalam delete <?php
$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
<?php
include('config.php');
//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
<body onLoad="window.print()"> <form>
<table width="790" border="0" align="center"> <tr>
4.3.1.6 Halaman Menu Logout
Halaman Menu Logout pada aplikasi Nota Pelayanan Ekspor berfungsi untuk keluar dari Aplikasi Nota Pelayanan Ekspor.
Gambar 4.8 Halaman logout
Coding logout <?php
//lanjutkan session yang sudah dibuat sebelumnya session_start();
//hapus session yang sudah dibuat session_destroy();
//redirect ke halaman login header('location:home.php'); ?>
4.3.1.8 Tampilan Antarmuka bagi Eksportir
Pada halaman ini ditujukan bagi eksportir yang ingin mengetahui apakah Nota Pelayann Ekspor miliknya sudah terbit.
Gambar 4.9 Halaman cek status nota pelayanan ekspor
Coding cek_nota <?php if (!empty($_SESSION['nopeb'])) { header('location:home.php'); } ?> <?php include 'config.php';
$query='select * from datanpe order by nopeb'; if(isset($_POST['qcari']))
{
$cari=$_POST['qcari'];
$query="select * from datanpe where nopeb like '%$cari%'or id_npe like '%$cari%'";
}
$hasil=mysql_query($query) or die(mysql_error()); while($baris=mysql_fetch_object($hasil))