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 beberapa perangkat lunak dan perankat keras yang digunakan penulis untuk mendukung proses perancangan aplikasi..2 Hak Akses User Aplikasi Nota Pelayanan Ekspor ini memiliki satu level pengguna, yaitu administrator. Yang mana untuk administrator mempunyai hak akses yaitu bisa menginput data, mengedit data, menghapus data dan mencetak data..3 Analisa Kebutuhan Fungsional Adapun analisis fungsional dari aplikasi adalah sebagai berikut :. Admin dapat Login 2. Admin dapat menginput data pengguna, data NPE, data Sarana angkut dan data Pelabuhan muat 3. Admin dapat menambah data NPE, data Sarana angkut, dan data Pelabuhan muat. 4. Admin dapat mengedit data NPE, data Sarana angkut dan data Pelabuhan muat 5. Admin dapat menhapus data NPE, data Sarana angkut, dan data Pelabuhan muat 6. Admin dapat mencetak Nota Pelayanan Ekspor 7. Eksportir dapat Melihat status Nota Pelayanan Ekspor
.4 Identifikasi Perangkat Lunak (Software) Perangkat lunak (software) yang digunakan dalam pembuatan aplikasi penggajian dosen adalah sebagai berikut :. Aplikasi operasi Microsoft Windows 7 2. Macromedia Dreamweaver versi 6.0 3. Xampp Web Server 4. Adobe PhotoShop CS4.5 Identifikasi Perangkat Keras (Hardware) Perankat keras (Hardware) yang digunakan peulis dalam pembuatan aplikasi Nota Pelayanan Ekspor adalah sebagai berikut :. Processor AMD A6,4GHz 2. Memori RAM 6GB 3. VGA OnBoard 4. HardDisk 500GB 5. Monitor 4.6 Diagram Aliran Data Untuk mempermudah user memahami aplikasi ini, maka dibuat diaram aliran data yang menampilkan proses input hingga output aplikasi pada aplikasi pengajian dosen..6. Diagram Konteks Diagram konteks merupakan bagian dari data flow diagram yang berfungsi memetakan model ligkungan yang menggambarkan interaksi, lebih tepatnya padda garis batas aplikasi dan kemana aplikasi memberikan data. Diagram konteks merupakan DFD level paling atas yang hanya terdiri dari sustu proses yang menggambarkan aplikasi atau program secara keseluruhan.
Data_pelabuhan_muat Data_sarana_angkut Data_npe Admin Aplikasi NPE KPPBC TMP B Sidoarjo Informasi Eksportir Informasi_data_NPE Gambar 3. Diagram Konteks Aplikasi Nota Pelayanan Ekspor Dapat dilihat dalam diagram di atas bahwa admin berperan sebagai operator yang dapat mengakses aplikasi Nota Pelayanan Ekspor dan mencetak laporan Nota Pelayanan ekspor sedangkan untuk Eksportir hanya dapat mengecek Nota Pelayanan Ekspor apakah nota sudah bisa diterbitkan oleh Kantor Bea dan Cukai..6.2 DATA FLOW DIAGRAM Login_admin Vrivikasi_login_admin. Mengelola datalogin Data_login login Manipulasi_data_npe Informasi_data_npe.2 Mengelola data NPE Data_NPE Data NPE Admin masipulasi_data_sarana_angkut informasi_data_sarana_angkut.3 Mengelola data sarana angkut Data_sarana_angkut Data sarana angkut Manipulasi_data_pelabuhan_muat Informasi_data_pelabuhan_muat.4 Mengelola data pelabuhan muat Data_pelabuhan_muat Data pelabuhan muat Input_NPE Output_NPE.5 cetak NPE Input_laporan.7 laporan Output_laporan Gambar 3.2 Diagram alir Aplikasi Nota Pelayanan Ekspor
.6.3 ERD Berdasarkan DFD di atas dapat dibuat ERD sebagai berikut : tglnpe nopeb tglpeb peti kmuat npwpeks namaeks idnpe namappjk npwpppjk kms tgleks voy berat Menginput M Data NPE Melihat idpm Namapm jenispm Exsportir admin Menginput M Data pelabuhan muat Idsarkut namasarkut jenissarkut Menginput M Data sarana angkut Gambar 3.3 Gambar diagram Entitas Aplikasi Nota Pelyanan Ekspor ERD. Admin dapat menambah data NPE 2. Admin dapat menambah data sarana angkut 3. Admin dapat menambahkan data pelabuhan muat 4. Admin dapat mencetak data NPE 5. Eksportir dapat melihat status nota.
.6.4 Conceptual Data Model (CDM) CDM dipakai untuk menggambarkan secara detail struktur basis data dalam bentuk logik. Struktur ini independen terhadap semua software maupun struktur data storage tertentu yang digunakan dalam aplikasi ini.cdm terdiri dari objek yang tidak diimplementasikan secara langsung kedalam basis data yang sesungguhnya. memiliki sarkut id_sarkut nama_sarkut jenis_sarkut <pi> datanpe id_npe tglnpe nopeb tglpeb kmuat npwpeks namaeks npwpppjk namappjk voy tgleks berat peti kms <pi> memiliki2 pelabuhanmuat id_pm nama_pm jenis_pm <pi> Gambar 3.4 Conceptual Data Model (CDM) Didalam CDM terdapat 3 tabel yang saling berelasi, diantaranya tabel datanpe berelasi dengan tabel sarkut, tabel prlabuhan muat, tabel rek, Tabel sarkut mengambil data dari tabel pelabuhan muat, dan tabel sarkut. Sedangkan tabel rekapbulanan mengambil data dari tabel data NPE..6.5 Physical Data Model ( PDM ) PDM merupakan gambaran secara detail basis data dalam bentuk fisik. Penggambaran rancangan PDM memperlihatkan struktur penyimpanan data yang benar pada basis data yang digunakan sesungguhnya. id_npe id_sarkut id_pm tglnpe nopeb tglpeb kmuat npwpeks namaeks npwpppjk namappjk voy tgleks berat peti kms datanpe <pk> <fk> <fk2> id_sarkut nama_sarkut jenis_sarkut... sarkut <pk> id_pm nama_pm jenis_pm... pelabuhanmuat <pk> Gambar 3.5 Physical Data Model (PDM)
.7 Perancangan Tabel Database.7. Tabel User Tabel User adalah tabel yang berisi data dari petugas bagian ekspor. Tabel 3. Tabel User No Field Type User_id Int 2 Username Varchar 3 NIP Int 4 Password Varchar.7.2 Tabel data NPE Tabel data NPE adalah tabel yang berisi data NPE yang telah di inputkan oleh petugas bagian ekspor. Tabel 3.2 Tabel NPE No Field Type Id_npe Int 2 Id_sarkut Varchar 3 Id_pm Varchar 4 Tglnpe Date 5 Nopeb Varchar 6 Tglpeb Date 7 Kmuat Varchar 8 Npwpeks Varchar 9 Namaeks Varchar 0 Npwpppjk Varchar Namappjk Varchar 2 Voy Int 3 Tgleks Date
4 Berat Varchar 5 Peti Varcahar 6 Kms Varchar.7.3 Tabel Sarkut Tabel Sarkut adalah tabel yang berisi data Sarana Angkut yang telah dimasukkan oleh petugas ekspor. Tabel 3.3 Tabel Sarkut No Field Type Id_sarkut Int 2 Nama_sarkut varchar 3 Jenis_sarkut varchar.7.4 Tabel pelabuhan Muat Tabel Pelabuhan Muat adalah tabel yang berisi data tentang pelabuhan muat dari seluruh negara yang berhasil dimasukkan oleh petugas ekspor. Tabel 3.4 Tabel Pelabuhan Muat No Field Type Id_pm Int 2 Nama_pm Varchar 3 Jenis_pm Varchar
.8 Perancangan Antar Muka (Interface) Login Antarmuka ini berfungsi untuk melakukan proses login masuk ke dalam sistem, yang hanya diperuntukan kepada petugas. Petugas harus menginputkan username, NIP, dan password untuk masuk kedalam aplikasi. a. Form Login apliksi Nota Pelayanan Ekspor Gambar 3. Form Login aplikasi nota pelayanan ekspor b. Form data Nota Pelayanan Ekspor Gambar 3.7 Form data npe
Menu lihat data Nota Pelayanan Ekspor Gambar 3.8 Menu lihat data NPE c. Halaman cetak dan lihat nomer aplikasi Nota Pelayanan Ekspor Gambar 3.9 Halaman cetak dan