BAB IV IMPLEMENTASI SYSTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB IV IMPLEMENTASI SYSTEM"

Shinta Gunawan
7 tahun lalu
Tontonan:

1 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 localhost/nota/

2 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 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 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 session_start(); //jika session username belum dibuat, atau session username kosong if (!isset($_session['username']) empty($_session['username'])) {

3 //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 //panggil file config.

4 Halaman Utama NPE Halaman utama NPE ini berisi tentang Form input data NPE. Gambar 4.2 Halaman input data NPE Coding dalam insert //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'];

5 $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.

6 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 //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.

7 }?> header('location:inputsarkut.php?message=success'); 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 //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']; //simpan data ke database

8 $query = mysql_query("insert into pelabuhan values('','$nama_pelabuhan','$jenis_pelabuhan','negara')") or die(mysql_error()); if ($query) { header('location:inputpelabuhan.php?message=success'); }?>

9 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 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 include('config.php');

10 $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'); }?>

11 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 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'];

12 $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'); 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

13 gambar 4.7 Tampilan hasil cetak nota pelayanan ekspor. Coding cetak <body onload="window.print()"> <form> <table width="790" border="0" align="center"> <tr> Halaman Menu Logout Halaman Menu Logout pada aplikasi Nota Pelayanan Ekspor berfungsi untuk keluar dari Aplikasi Nota Pelayanan Ekspor.

14 Gambar 4.8 Halaman logout Coding logout //lanjutkan session yang sudah dibuat sebelumnya session_start(); //hapus session yang sudah dibuat session_destroy(); //redirect ke halaman login header('location:home.php');?>

$9 Halaman cek status nota pelayanan ekspor Coding cek_nota if (!empty($_session['nopeb'])) { header('location:home.php'); }?> include 'config.$

15 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 if (!empty($_session['nopeb'])) { header('location:home.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)) {

16 ?>

dokumen-dokumen yang mirip

BAB III DESAIN DAN PERANCANGAN

BAB III DESAIN DAN PERANCANGAN. Perancangan Aplikasi Aplikasi ini akan dikemas dan dirancang dengan menggunakan design dimana admin dapat memasukkan data-data yang terkait dengan aplikasi tersebut. Terdapat