BAB IV TESTING DAN IMPLEMENTASI

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 : Intel(R) Core(TM) i5-3317U CPU@1.70GHz

RAM : 4 GB

Hardisk : 500 GB

b.

Perangkat lunak

Sistem Operasi : Windows 8 Single Language 64-bit Webserver : Apache 2.2.14

Database : MySQL 5.1.41 Bahasa Program : PHP 5.3.1 Framework : CodeIgniter 2.1.4

Editor : Adobe Dreamweaver CS5

4.2 Tampilan Layar Antar Muka 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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,

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

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 Skenario Pengujian Halaman Login

Antar Muka Tampilan halaman Login

Unit Program (Uji Coba)  Menguji tombol “Login”

 Menguji tombol “Close”

Status Aplikasi Form login sedang berjalan

Skenario Pengujian Masukkan Username dan Password Hasil yang Diharapkan Menampilkan halaman utama

Hasil Berhasil sesuai yang diharapkan

Tabel 4.2 Tabel Skenario Pengujian Halaman Register Antar Muka Tampilan halaman register

Unit Program (Uji Coba)  Menguji tombol “Register”

 Menguji tombol “Upload”

Status Aplikasi Form register sedang berjalan Skenario Pengujian Masukkan inputan data register

Hasil yang Diharapkan Menampilkan pesan “Process Has Been Successfully

Tabel 4.3 Tabel Skenario Pengujian Halaman Schedule Antar Muka Tampilan halaman jadwal kapal

Unit Program (Uji Coba)  Menguji tombol “GO”

Status Aplikasi Form schedule sedang berjalan

Skenario Pengujian Masukkan inputan data origin, destination, departure date dan duration days

Hasil yang Diharapkan Menampilkan data jadwal kapal sesuai hasil pencarian

Hasil Berhasil sesuai yang diharapkan

Tabel 4.4 Tabel Skenario Pengujian Halaman Tracking Antar Muka Tampilan halaman tracking

Unit Program (Uji Coba)  Menguji tombol “GO”

Status Aplikasi Form tracking sedang berjalan

Skenario Pengujian Masukkan inputan data tracking dantipe tracking Hasil yang Diharapkan Menampilkan data tracking sesuai hasil pencarian

Hasil Berhasil sesuai yang diharapkan

Tabel 4.5Tabel Skenario Pengujian Halaman Home

Antar Muka Tampilan halaman home

Unit Program (Uji Coba) Menguji menu pada halaman home Status Aplikasi Halaman utama sedang berjalan

Skenario Pengujian Klik satu persatu menu pada halaman home Hasil yang Diharapkan Menampilkan menu di halaman home

Hasil Berhasil sesuai yang diharapkan

Tabel 4.6Tabel Skenario Pengujian Master Vessel Antar Muka Tampilan master vessel

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master vessel sedang berjalan

Skenario Pengujian  Jalankan fungsi tambah untuk menampilkan form input vessel, isi data pada form dan tekan tombol save

 Jalankan fungsi edit untuk mengubah data vessel

 Jalankan fungsi hapus untuk menghapus data vessel

 Jalankan fungsi pencarian untuk mencari data vessel Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.7 Tabel Skenario Pengujian Master Trip Rate Antar Muka Tampilan master trip rate

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, book,request dan pencarian

Status Aplikasi Halaman master trip rate sedang berjalan

Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dipesan, ditawar dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.8 Tabel Skenario Pengujian Master TrackingTrip Antar Muka Tampilan master tracking trip

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master tracking trip sedang berjalan

Skenario Pengujian  Jalankan fungsi tambah untuk menampilkan form input tracking trip, isi data pada form dan tekan

 Jalankan fungsi edit untuk mengubah data tracking trip

 Jalankan fungsi hapus untuk menghapus data tracking trip

 Jalankan fungsi pencarian untuk mencari data tracking trip

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.9 Tabel Skenario Pengujian Master Quotation Request Antar Muka Tampilan master quotation Request

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master quotation request sedang berjalan Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, direspon dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.10 Tabel Skenario Pengujian Master Quotation

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master quotation sedang berjalan

Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, dipesan dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.11Tabel Skenario Pengujian Master Booking Antar Muka Tampilan master booking

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master bookingsedang berjalan

Skenario Pengujian  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

instruction dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.12 Tabel Skenario Pengujian Master Shipping Instruction Antar Muka Tampilan master shipping instruction

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, approve, reject, cetak dan pencarian

Status Aplikasi Halaman master shipping instructionsedang berjalan Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dikirim, ditolak, delivery order dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.13 Tabel Skenario Pengujian Master Delivery Order

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus,cetak dan pencarian Status Aplikasi Halaman master delivery ordersedang berjalan

Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditambah, diubah, dihapus, dicetak, dan dicari

Hasil Berhasil sesuai yang diharapkan

Tabel 4.14Tabel Skenario Pengujian Master User

Antar Muka Tampilan master user

Unit Program (Uji Coba) Menguji fungsi tambah, edit, hapus, dan pencarian Status Aplikasi Halaman master user sedang berjalan

Skenario Pengujian  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

Hasil Berhasil sesuai yang diharapkan

Tabel 4.15 Tabel Skenario Pengujian Master Registrasi Antar Muka Tampilan master registrasi

Unit Program (Uji Coba) Menguji fungsi approve, reject, hapus, dan pencarian Status Aplikasi Halaman master registrasi sedang berjalan

Skenario Pengujian  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

Hasil yang Diharapkan Data berhasil ditolak, disetujui, dihapus dan dicari

Hasil Berhasil sesuai yang diharapkan