BAB III DESAIN DAN PERANCANGAN
1.1
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.
1.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.
1.3
Analisa Kebutuhan Fungsional Adapun analisis fungsional dari aplikasi adalah sebagai berikut :
1.
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
1.4
Identifikasi Perangkat Lunak (Software) Perangkat lunak (software) yang digunakan dalam pembuatan aplikasi
penggajian dosen adalah sebagai berikut : 1.
Aplikasi operasi Microsoft Windows 7
2.
Macromedia Dreamweaver versi 6.0
3.
Xampp Web Server
4.
Adobe PhotoShop CS4
1.5
Identifikasi Perangkat Keras (Hardware) Perankat keras (Hardware) yang digunakan peulis dalam pembuatan
aplikasi Nota Pelayanan Ekspor adalah sebagai berikut : 1.
Processor AMD A6 1,4GHz
2.
Memori RAM 6GB
3.
VGA OnBoard
4.
HardDisk 500GB
5.
Monitor 14”
1.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. 1.6.1
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 Aplikasi NPE KPPBC TMP B Sidoarjo
Admin
Informasi
Eksportir
Informasi_data_NPE
Gambar 3.1 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. 1.6.2
DATA FLOW DIAGRAM Login_admin Vrivikasi_login_admin
Manipulasi_data_npe Informasi_data_npe
masipulasi_data_sarana_angkut Admin informasi_data_sarana_angkut
Manipulasi_data_pelabuhan_muat Informasi_data_pelabuhan_muat
1.1 Mengelola dataLogin
Data_login
login
1.2 Mengelola data NPE
Data_NPE
Data NPE
1.3 Mengelola data sarana angkut
Data_sarana_angkut
Data sarana angkut
1.4 Mengelola data pelabuhan muat
Data_pelabuhan_muat
Data pelabuhan muat
1.5 cetak NPE
Input_NPE Output_NPE
Input_laporan
1.7 laporan
Output_laporan
Gambar 3.2 Diagram alir Aplikasi Nota Pelayanan Ekspor
1.6.3
ERD
Berdasarkan DFD di atas dapat dibuat ERD sebagai berikut : nopeb
tglpeb
peti
kmuat
npwpeks
tglnpe
namaeks
idnpe
namappjk
npwpppjk
kms
tgleks
voy
berat
Menginput
1
M
Data NPE
1
Melihat
1 idpm
Namapm
jenispm
Exsportir admin
1
Menginput
Data pelabuhan muat
M
Idsarkut
1 Menginput
M
namasarkut
jenissarkut
Data sarana angkut
Gambar 3.3 Gambar diagram Entitas Aplikasi Nota Pelyanan Ekspor ERD 1.
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.
1.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. sarkut i d_sarkut nama_sarkut j eni s_sarkut
memi l i ki
datanpe i d_npe tgl npe nopeb tgl peb kmuat npwpeks namaeks npwpppj k namappj k voy tgl eks berat peti kms
memi l i ki 2
pel abuhanmuat i d_pm nama_pm j eni s_pm
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. 1.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. sarkut i d_sarkut nam a_sarkut j eni s_sarkut ...
datanpe i d_npe i d_sarkut i d_pm tgl npe nopeb tgl peb km uat npwpeks nam aeks npwpppj k nam appj k voy tgl eks berat peti km s
pel abuhanm uat i d_pm nam a_pm j eni s_pm ...
Gambar 3.5 Physical Data Model (PDM)
1.7
Perancangan Tabel Database
1.7.1 Tabel User Tabel User adalah tabel yang berisi data dari petugas bagian ekspor. Tabel 3.1 Tabel User No
Field
1
User_id
2
Username
3
NIP
4
Password
Type Int Varchar Int Varchar
1.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
1
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
10
Npwpppjk
Varchar
11
Namappjk
Varchar
12
Voy
13
Tgleks
Int Date
1.7.3
14
Berat
Varchar
15
Peti
Varcahar
16
Kms
Varchar
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
1
Id_sarkut
Int
2
Nama_sarkut
varchar
3
Jenis_sarkut
varchar
1.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
1
Id_pm
Int
2
Nama_pm
Varchar
3
Jenis_pm
Varchar
1.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.1 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