BAB IV TESTING DAN IMPLEMENTASI 4.1 Implementasi Sistem Pada tahapan implementasi dan pengujian sistem, akan dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada sub bab ini akan dijelaskan implementasi dari aplikasi dengan menggunakan beberapa fungsi yang dibuat terdiri dari lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Berikut merupakan spesifikasi Personal Computer(PC) yang dibutuhkan pada saat perancangan sistem informasi administrasi ini dibuat dan dioperasikan : a. Perangkat keras Microprocessor RAM Hardisk : Intel(R) Core(TM) i5-3317u CPU@1.70GHz : 4 GB : 500 GB b. Perangkat lunak Sistem Operasi Webserver : Apache 2.2.14 Database : MySQL 5.1.41 Bahasa Program : PHP 5.3.1 : Windows 8 Single Language 64-bit Framework : CodeIgniter 2.1.4 Editor : Adobe Dreamweaver CS5 4.2 Tampilan Layar Database Tampilan layar muka database adalah tampilan tentang tools dan engine yang digunakan untuk membuat database serta tabel yang digunakan untuk tempat menyimpan dan memanipulasi data yang diproses oleh aplikasi. 111
112 4.2.1 Tampilan Layar Localhost XAMPP Localhost xampp adalah web server yang digunakan untuk menjalankan aplikasi berbasis web. Xampp merupakan salah satu jenis web serveryang paling mudah penggunaanya karena sudah satu pake dengan apache dan juga engine php serta mysql, Berikut tampilan layar dari localhost xampp: Gambar 4.1 Tampilan layar Localhost XAMPP 4.2.2 Tampilan Layar Semua Tabel Berikut tampilan layar semua tabel yang digunakan untuk aplikasi informasi muatan ruang kapal. Gambar 4.2Tampilan Layar Semua Tabel
113 4.2.3 Tampilan Layar Tabel Registrasi Berikut tampilan layar untuk tabel registrasi yang digunakan untuk menyimpan data registrasi para pengguna jasa seperti eksportir dan shipper. Gambar 4.3Tampilan Layar Tabel Registrasi
114 4.2.4 Tampilan Layar Tabel Registrasi Persyaratan Berikut tampilan layar untuk tabel registrasi persyaratan yang digunakan untuk menyimpan data registrasi persyaratan para pengguna jasa seperti eksportir dan shipper. Gambar 4.4Tampilan Layar Tabel Registrasi Persyaratan 4.2.5 Tampilan Layar Tabel Perusahaan Berikut tampilan layar untuk tabel perusahaan yang digunakan untuk menyimpan data perusahaan. Gambar 4.5Tampilan Layar Tabel Perusahaan
115 4.2.6 Tampilan Layar TabelTrip Rate Berikut tampilan layar untuk tabel trip rate yang digunakan untuk menyimpan data trip rate dari kapal. Gambar 4.6Tampilan Layar TabelTrip Rate 4.2.7 Tampilan Layar TabelTrip Tracking Berikut tampilan layar untuk tabel trip tracking yang digunakan untuk menyimpan data trip tracking dari kapal. Gambar 4.7Tampilan Layar TabelTrip Tracking
116 4.2.8 Tampilan Layar TabelQuotation Berikut tampilan layar untuk tabel quotation yang digunakan untuk menyimpan data reson penawaran harga untuk muatan ruang kapal yang dilakukan shipper kepada eksportir. Gambar 4.8Tampilan Layar TabelQuotation 4.2.9 Tampilan Layar TabelQuotation Container Berikut tampilan layar untuk tabel quotation container yang digunakan untuk menyimpan data container untuk respon penawaranhargauntuk muatan ruang kapal yang dilakukan shipper kepada eksportir. Gambar 4.9Tampilan Layar TabelQuotation Container
117 4.2.10 Tampilan Layar TabelQuotation Request Berikut tampilan layar untuk tabel quotation request yang digunakan untuk menyimpan data permohonan penawaran harga untuk muatan ruang kapal yang dilakukan eksportir kepada shipper. Gambar 4.10Tampilan Layar TabelQuotation Request 4.2.11 Tampilan Layar TabelQuotation Request Container Berikut tampilan layar untuk tabel quotation request container yang digunakan untuk menyimpan data container untuk permohonan penawaranhargauntuk muatan ruang kapal yang dilakukan eksportir kepada shipper. Gambar 4.11Tampilan Layar TabelQuotation Request Container
118 4.2.12 Tampilan Layar TabelVessel Berikut tampilan layar untuk tabel vessel yang digunakan untuk menyimpan data kapal. Gambar 4.12Tampilan Layar TabelVessel 4.2.13 Tampilan Layar TabelVessel Picture Berikut tampilan layar untuk tabel vesselpicture yang digunakan untuk menyimpan data gambar kapal. Gambar 4.13Tampilan Layar TabelVessel Picture
119 4.2.14 Tampilan Layar TabelBooking Berikut tampilan layar untuk tabel booking yang digunakan untuk menyimpan data pemesanan muatan ruang kapal yang dilakukan oleh eksportir dan menyimpan data persetujuan yang dilakukan oleh shipper. Gambar 4.14Tampilan Layar TabelBooking 4.2.15 Tampilan Layar TabelBooking Container Berikut tampilan layar untuk tabel bookingcontainer yang digunakan untuk menyimpan data container untuk pemesanan muatan ruang kapal yang dilakukan oleh eksportir dan menyimpan data persetujuan yang dilakukan oleh shipper. Gambar 4.15Tampilan Layar TabelBooking Container
120 4.2.16 Tampilan Layar TabelInstruction Berikut tampilan layar untuk tabel instruction yang digunakan untuk menyimpan data shipping instruction yang dilakukan oleh eksportir dan menyimpan data persetujuan yang dilakukan oleh shipper. Gambar 4.16Tampilan Layar TabelInstruction
121 4.2.17 Tampilan Layar TabelInstruction Container Berikut tampilan layar untuk tabel instruction yang digunakan untuk menyimpan data containershipping instruction yangdilakukan oleh eksportir dan menyimpan data persetujuan yang dilakukan oleh shipper. Gambar 4.17Tampilan Layar TabelInstruction Container 4.2.18 Tampilan Layar TabelDelivery Order Berikut tampilan layar untuk tabel deliver order yang digunakan untuk menyimpan data delivery orderyang dilakukan oleh shipper. Gambar 4.18Tampilan Layar TabelDelivery Order
122 4.2.19 Tampilan Layar TabelDelivery Order Container Berikut tampilan layar untuk tabel deliver order contaniner yang digunakan untuk menyimpan data containerdelivery orderyang dilakukan oleh shipper. Gambar 4.19Tampilan Layar TabelDelivery Order Container 4.3 Tampilan Layar Berikut beberapa tampilan layar dari aplikasi informasi muatan ruang kapal yang digunakan untuk melakukan tracking kapal, melakukan pemesanan muatan ruang kapal, melakukan penawaran muatan ruang kapal, melakukan cetak dokumen shipping instruction dan delivery order. 4.3.1 Tampilan Layar Portal Berikut tampilan layar portal yang digunakan untuk melihat informasi tentang muatan ruang kapal terbaru, melakukan tracking dan pemesanan muatan ruang kapal. Gambar 4.20 Tampilan Layar Portal
123 4.3.2 Tampilan Layar Daftar Kapal Berikut tampilan layar daftar kapal yang digunakan untuk menambah, mengubah dan menghapus data kapal yang dimiliki oleh shipper. Gambar 4.21 Tampilan Layar Daftar Kapal 4.3.3 Tampilan Layar Daftar Tarif Kapal Berikut tampilan layar daftar kapal yang digunakan untuk melihat informasi tentang kapal dan tarifnya serta melakukan pemesanan ataupun penawaran yang dilakukan eksportir ke shipper. Gambar 4.22 Tampilan Layar Daftar Tarif Kapal
124 4.3.4 Tampilan Layar Daftar Tracking Kapal Berikut tampilan layar daftar tracking kapal yang digunakan untuk melakukan tracking terhadap kapal yang digunakan oleh eksportir. Gambar 4.23 Tampilan Layar Daftar Tracking Kapal 4.3.5 Tampilan Layar Daftar Pemesanan Kapal Berikut tampilan layar daftar pemesanan kapal yang digunakan untuk melihat pemesanan yang sudah dilakukan oleh eksportir, jika pemesanan sudah disetujui oleh shipper maka eksportir bisa membuat dokumen shipping instruction. Gambar 4.24 Tampilan Layar Daftar Pemesanan Kapal
125 4.3.6 Tampilan Layar Daftar Penawaran Kapal Berikut tampilan layar daftar penawaran kapal yang digunakan untuk melihat penawaran yang sudah dilakukan oleh eksportir. Gambar 4.25 Tampilan Layar Daftar Penawaran Kapal 4.3.7 Tampilan Layar Daftar Respon Penawaran Kapal Berikut tampilan layar daftar respon penawaran kapal yang digunakan untuk melihat respon penawaran yang sudah dilakukan oleh eksportir, jika penawaran disetujui oleh shipper maka eskportir bisa melakukan proses pemesanan. Gambar 4.26 Tampilan Layar Daftar Respon Penawaran Kapal
126 4.3.8 Tampilan Layar Daftar Shipping Instruction Berikut tampilan layar daftar shipping instruction yang sudah diproses oleh eksportir, jika shipping instruction sudah disetujui oleh shipper maka eksportir dapat melakukan proses delivery order (DO) atupun mencetak dokumen shipping instruction. Gambar 4.27 Tampilan Layar Daftar Shipping Instruction 4.3.9 Tampilan Layar Daftar Delivery Order Berikut tampilan layar daftar deliver order yang sudah diproses oleh shipper, jika shipping instruction sudah dibuat oleh shipper maka eksportir dapat melihat data delivery order (DO) atupun mencetak dokumen delivery order (DO). Gambar 4.28 Tampilan Layar Daftar Delivery Order
127 4.3.10 Tampilan Layar Cetakan Shipping Instruction Berikut adalah tampilan cetakan dokumen shipping instruction. Gambar 4.29 Tampilan Layar Cetakan Shipping Instruction 4.3.11 Tampilan Layar Cetakan Delivery Order Berikut adalah tampilan cetakan dokumen delivery oder. Gambar 4.30 Tampilan Layar Cetakan Delivery Order 4.4 Metode Pengujian Pengujian dilakukan untuk memastikan aplikasi yang dirancang dapat berfungsi dan berjalan dengan baik dan sesuai dengan rancangan yang telah ditetapkan sebelumnya. Adapun metode yang digunakan dalam proses pengujian aplikasi ini yaitu dengan menggunakan black box testing. Black box testing memungkinkan pengembangan software untuk membuat himpunan kondisi input yang meliputi seluruh syarat-syarat fungsional suatu program. Uji coba black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya : a. Fungsi-fungsi yang salah atau hilang
128 b. Kesalahan interface c. Kesalahan dalam struktur data atau akses database eksternal d. Kesalahan performa e. Kesalahan inisialisasi dan terminasi Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberi sejumlah masukan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi ini menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi tersebut. 4.4.1 Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian.pengujian dilakukan dengan menjalankan Aplikasi Informasi Muatan Ruang Kapal Kargo.Setelah aplikasi dijalankan selanjutnya adalah menguji tombol-tombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahapan perancangan. Tabel 4.1Tabel Halaman Login yang Diharapkan Tampilan halaman Login Menguji tombol Login Menguji tombol Close Form login sedang berjalan Masukkan Username dan Password Menampilkan halaman utama Tabel 4.2 Tabel Halaman Register yang Diharapkan Tampilan halaman register Menguji tombol Register Menguji tombol Upload Form register sedang berjalan Masukkan inputan data register Menampilkan pesan Process Has Been Successfully Registered dan data berhasil di register
129 Tabel 4.3 Tabel Halaman Schedule yang Diharapkan Tampilan halaman jadwal kapal Menguji tombol GO Form schedule sedang berjalan Masukkan inputan data origin, destination, departure date dan duration days Menampilkan data jadwal kapal sesuai hasil pencarian Tabel 4.4 Tabel Halaman Tracking yang Diharapkan Tampilan halaman tracking Menguji tombol GO Form tracking sedang berjalan Masukkan inputan data tracking dantipe tracking Menampilkan data tracking sesuai hasil pencarian Tabel 4.5Tabel Halaman Home Tampilan halaman home Menguji menu pada halaman home Halaman utama sedang berjalan Klik satu persatu menu pada halaman home yang Diharapkan Menampilkan menu di halaman home Tabel 4.6Tabel Master Vessel Tampilan master vessel Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master vessel sedang berjalan Jalankan fungsi tambah untuk menampilkan form input vessel, isi data pada form dan tekan tombol save untuk menyimpan data
130 yang Diharapkan Jalankan fungsi edit untuk mengubah data vessel Jalankan fungsi hapus untuk menghapus data vessel Jalankan fungsi pencarian untuk mencari data vessel Data berhasil ditambah, diubah, dihapus dan dicari Tabel 4.7 Tabel Master Trip Rate yang Diharapkan Tampilan master trip rate Menguji fungsi tambah, edit, hapus, book,request dan pencarian Halaman master trip rate sedang berjalan Jalankan fungsi tambah untuk menampilkan form input trip rate, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data trip rate Jalankan fungsi hapus untuk menghapus data trip rate Jalankan fungsi pencarian untuk mencari data trip rate Jalankan fungsi book untuk memesan muatan ruang kapal Jalankan fungsi request untuk melakukan penawaran muatan ruang kapal Data berhasil ditambah, diubah, dihapus, dipesan, ditawar dan dicari Tabel 4.8 Tabel Master TrackingTrip Tampilan master tracking trip Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master tracking trip sedang berjalan Jalankan fungsi tambah untuk menampilkan form input tracking trip, isi data pada form dan tekan tombol save untuk menyimpan data
131 Jalankan fungsi edit untuk mengubah data tracking trip Jalankan fungsi hapus untuk menghapus data tracking trip Jalankan fungsi pencarian untuk mencari data tracking trip yang Diharapkan Data berhasil ditambah, diubah, dihapus, dan dicari Tabel 4.9 Tabel Master Quotation Request yang Diharapkan Tampilan master quotation Request Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master quotation request sedang berjalan Jalankan fungsi tambah untuk menampilkan form input quotation request, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data quotation request Jalankan fungsi hapus untuk menghapus data quotation request Jalankan fungsi kirim untuk mengirim data quotation request Jalankan fungsi reject untuk menolak data quotation request Jalankan fungsi quote untuk merespon data quotation request Jalankan fungsi pencarian untuk mencari data quotation request Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, direspon dan dicari Tabel 4.10 Tabel Master Quotation Tampilan master quotation
132 yang Diharapkan Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master quotation sedang berjalan Jalankan fungsi tambah untuk menampilkan form input quotation, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data quotation Jalankan fungsi hapus untuk menghapus data quotation Jalankan fungsi kirim untuk mengirim data quotation Jalankan fungsi reject untuk menolak data quotation Jalankan fungsi book untuk melakukan pemesanan data quotation Jalankan fungsi pencarian untuk mencari data quotation Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, dipesan dan dicari Tabel 4.11Tabel Master Booking yang Diharapkan Tampilan master booking Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master bookingsedang berjalan Jalankan fungsi tambah untuk menampilkan form input booking, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data booking Jalankan fungsi hapus untuk menghapus data booking Jalankan fungsi kirim untuk mengirim data booking Jalankan fungsi reject untuk menolak data booking Jalankan fungsi instruction untuk membuat data instruction Jalankan fungsi pencarian untuk mencari data booking Data berhasil ditambah, diubah, dihapus, dikirim, ditolak,
133 instruction dan dicari Tabel 4.12 Tabel Master Shipping Instruction yang Diharapkan Tampilan master shipping instruction Menguji fungsi tambah, edit, hapus, approve, reject, cetak dan pencarian Halaman master shipping instructionsedang berjalan Jalankan fungsi tambah untuk menampilkan form input shipping instruction, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data shipping instruction Jalankan fungsi hapus untuk menghapus data shipping instruction Jalankan fungsi kirim untuk mengirim data shipping instruction Jalankan fungsi reject untuk menolak data shipping instruction Jalankan fungsi approve untuk menyetujui data shipping instruction Jalankan fungsi cetak untuk mencetak data shipping instruction Jalankan fungsi DO untuk membuat data delivery order Jalankan fungsi pencarian untuk mencari data shipping instruction Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, delivery order dan dicari Tabel 4.13 Tabel Master Delivery Order Tampilan master delivery order
134 yang Diharapkan Menguji fungsi tambah, edit, hapus,cetak dan pencarian Halaman master delivery ordersedang berjalan Jalankan fungsi tambah untuk menampilkan form input delivery order, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data delivery order Jalankan fungsi hapus untuk menghapus data delivery order Jalankan fungsi kirim untuk mengirim data delivery order Jalankan fungsi reject untuk menolak data delivery order Jalankan fungsi approve untuk menyetujui data delivery order Jalankan fungsi cetak untuk mencetak data delivery order Jalankan fungsi pencarian untuk mencari data delivery order Data berhasil ditambah, diubah, dihapus, dicetak, dan dicari Tabel 4.14Tabel Master User yang Diharapkan Tampilan master user Menguji fungsi tambah, edit, hapus, dan pencarian Halaman master user sedang berjalan Jalankan fungsi tambah untuk menampilkan form input user, isi data pada form dan tekan tombol save untuk menyimpan data Jalankan fungsi edit untuk mengubah data vessel Jalankan fungsi hapus untuk menghapus data user Jalankan fungsi pencarian untuk mencari data user Data berhasil ditambah, diubah, dihapus dan dicari
135 Tabel 4.15 Tabel Master Registrasi yang Diharapkan Tampilan master registrasi Menguji fungsi approve, reject, hapus, dan pencarian Halaman master registrasi sedang berjalan Jalankan fungsi approve untuk menyetujui data registrasi Jalankan fungsi reject untuk menolak data registrasi Jalankan fungsi hapus untuk menghapus data registrasi Jalankan fungsi pencarian untuk mencari data registrasi Data berhasil ditolak, disetujui, dihapus dan dicari