BAB 4 PERANCANGAN, IMPLEMENTASI, DAN EVALUASI SISTEM...

BAB 4

PERANCANGAN, IMPLEMENTASI, DAN EVALUASI SISTEM

4.1 Rancangan Sistem Yang Diusulkan

MulaiCekStatusKapal

Form Permintaan

True

Cek Statuscustomer

Negosiasiharga

KPS

Kontrak KerjaTrue

Batal

False

Di tolak

NonKPS

Customer Sistem Marketing AdministrasiKontrak

False

PermintaanDokumenTambahan

DokumenTambahanPertimbangan

PengirimanDokumentambahan

MempelajariDokumenTambahan

True

False

TrueFalse

Gambar 4.1 : Flowchart Sistem Yang Diusulkan

Customer yang ingin menyewa kapal dapat mengunjungi website dari PT.

Baruna Raya Logistics, Pada sistem, customer dapat memilih dan mendapatkan

informasi kapal yang ingin mereka sewa, Apabila customer menemukan kapal yang

sesuai dengan keinginan mereka, customer dapat mengajukan form permintaan

pembookingan kapal kepada bagian marketing. Setelah customer mengajukan form

permintaan, bagian marketing akan mempelajari dokumen – dokumen permintaannya,

jika customer adalah KPS maka pihak marketing akan melanjutkan ke arah negosiasi

harga dan apabila customer adalah nonKPS maka customer tersebut akan dimintai

kembali dokumen – dokumen tambahan dan apabila dokumen – dokumen tambahan

tersebut memenuhi kriteria maka customer nonKPS pun akan dibawa ke arah negosiasi

harga seperti halnya customer KPS. Pada sesi negosiasi harga, apabila terjadi

kesepakatan harga maka akan diteruskan dengan pembuatan kontrak kerja.

4.2 Rancangan Arsitektur Software

Arsitektur software yang diusulkan untuk dirancang dan dibangun akan terdiri

dari 3 layer yaitu, layer user interface, layer process logic dan juga layer database,

seperti terlihat pada gambar dibawah ini :

Gambar 4.2 : Arsitektur Software Yang Diusulkan

Pada layer user interface akan terbagi menjadi beberapa halaman antara lain

adalah halaman utama yang berfungsi sebagai halaman yang menjelaskan mengenai

profile perusahaan, halaman berita yang akan berisi mengenai berita-berita umum dan

User Interface

Process Logic

Database

juga berita-berita khusus tentang perusahaan, halaman gallery yang akan berisi gambar-

gambar mengenai event-event yang ada pada perusahaan,halaman forum yang dapat

digunakan untuk berinteraksi antar user, halaman info kapal yang akan menyediakan

info-info kapal yang dimiliki oleh perusahaan dan halaman form pembookingan yang

berfungsi untuk melakukan pembookingan kapal.

Untuk layer process logic akan terdapat beberapa coding yang akan menangani

bermacam-macam proses yang terdapat dalam sistem yang antara lain adalah proses

penanganan pembookingan kapal, proses pembuatan dan pengeditan berita serta forum,

penginputan dan pengeditan data-data kapal dan lain-lain

Dan untuk layer database akan terdapat kumpulan-kumpulan database yang

saling terhubung satu sama lain yang berfungsi untuk menyimpan database-database

mengenai user-user yang terlibat pada sistem, detail-detail kapal, berita-berita, forum-

forum, serta data-data mengenai pembookingan kapal.

4.3 Class Diagram

+ViewNews()

-KdUser-KdStatus

User

+InsertKapal()+EditKapal()+DeleteKapal()+CreateForum()+ViewForum()

-User-Password

Internal

+BokingKapal()

-NamaPerusahaan-Alamat

External

+CreateUser()+EditUser()+DeleteUser()+EditStatus_User()+CreateNews()+EditNews()+DeleteNews()

Administrator

+CekPerusahan()+KeputusanPembokingan()+Edit_StatusPerusahaan()

Marketing

+MenentukanNahkoda()+ServiceKapal()+Editinventory()

Operasional+PersetujuanLangsung()

Kps

-NPWP-SIUP

Non_Kps

-IDNews-Judul-Isi-TanggalNews

News

**

-KdBoking-KdUser-IDKapal-IDNahkoda-TanggalPeminjaman-TanggalPengembalian-LamaPeminjaman

Pembokingan

*

*

-IDNahkoda-Nama-Alamat-Telephone-StatusKerja

Nahkoda

**

+CreateKontrak()

-KdBoking-KdKontrak-Harga

Kontrak

1..1

1..1

-IDKapal-Gambar-NamaKapal-StatusKapal

Kapal

-IDKapal-LOA-BEAM-Depth-Draft-OpenDeck

Dimension

-IDKapal-GT-DeckLoad-Cabins-Bunks-Passengers-Fuel-Fresh_Water

Capacity

-IDKapal-RPM-Speed-USG/Hour

Consumption-IDKapal-Radar-EchoSounder-VHF-SSB-MagneticCompas-SteringControls

Bridge

-IDKapal-MainEnginers-HorsePowers-AUXEnginers-ColdStores-FrozenStores

Machinery

1

1..*

11..*

11..*

1

1..*

*

*

-KdJudul-KdUser-NamaJudul-TanggalJudul-JumlahReply-UserTerakhir

Forum 1

1..*

Gambar 4.3 : Class Diagram Sistem

4.4 Perancangan Database

4.4.1 Entity Relationship

Gambar 4.4 : Entity Relationship Sistem

4.4.2 Tabel TrPembookingan

Key Nama Field Tipe Deskripsi

PK KdBoking VarChar[20] Kode pembookingan kapal laut

FK1 KdUser VarChar[20] Kode User yang melakukan

pembookingan

FK2 IDKapal VarChar[10] ID Kapal yang ingin di boking

FK3 IDNahkoda VarChar[10] ID Nahkoda yang bertugas di kapal

TanggalPeminjaman Date/Time Tanggal Kapal akan digunakan

TanggalPengembalian Date/Time Tanggal Kapal Selesai Di gunakan

atau di kembalikan

LamaPeminjaman Numeric Lama Peminjaman kapal, dihitung

dalam hari

KeperluanPeminjaman VarChar[50] Keperluan Peminjaman dan rute

yang akan dilalui

Lain-lain VarChar[50] Kebutuhan lain, atau permintaan

lain

Tabel 4.1 : Spesifikasi Tabel TrPembookingan

Tabel ini berisi data transaksi pembookingan kapal yang dilakukan oleh

customer. Primary key dari tabel ini adalah KdBoking yang di generate secara otomatis

oleh aplikasi pembokingan. Foreign key dari table ini adalah KdUser, IDKapal dan

IDNahkoda. Digunakan untuk menghubungkan table TrPembookingandangan tabel

yang lain.

4.4.3 Tabel MsKapal


PK IDKapal VarChar[5] ID dari kapal laut

FK2 Status Kapal VarChar[10] Status dari kapal

NamaKapal VarChar[20] Nama kapal

GambarKapal VarChar[20] Nama gambar dari kapal

Builder VarChar[20] Merk atau pembuat kapal

TahunPembuatan Date/Time Tanggal Pembuatan kapal Laut

JenisKapal VarChar[20] Jenis dari kapal laut

Status Kapal Numeric Status dari kapal

Tabel 4.2 : Spesifikasi Tabel MsKapal

Tabel ini digunakan untuk menyimpan data kapal yang dimiliki oleh PT. Baruna

Raya Logistics. Primary Key dari tabel ini adalah IDKapal. IDKapal memiliki format

“KAP1”. Status kapal terdiri dari 3, yaitu sedang disewa, dapat di sewa dan sedang

dalam perbaikan.

4.4.4 Tabel MsConsumption


PK KdConsumption VarChar[5] Kode dari Consumsi kapal

FK1 IDKapal VarChar[5] ID Kapal laut

RPM Numeric Kecepatan Rata-rata Kapal

Speed VarChar[10] Kecepatan Maksimal Kapal

USG Numeric Konsumpsi Bahan baker Kapal

Tabel 4.3 : Spesifikasi Tabel MsConsumption

Tabel ini digunakan untuk menyimpan data dari Consumtion, consumption

adalah penggunaan bahan bakar yang diperlukan kapal laut untuk berlayar. Primary Key

dari tabel ini adalah KdConsumption, yang memiliki format “CON1”, Tiga karakter

awal adalah “CON” ditambah dengan angka yang telah di generate oleh aplikasi

pembookingankapal.

4.4.5 Tabel MsMachinery


PK KdMachinery VarChar[5] Kode Mengenai mesin kapal

FK1 IDKapal VarChar[5] ID dari kapal laut

MainEnginers VarChar[10] Jenis Mesin Utama Kapal

HorsePowers VarChar[10] Kekuatan Daya Tarik Kapal

AUXEnginers VarChar[10] AUX Mesin Kapal

ColdStores VarChar[10] Kapasitas Pendingin Mesin Kapal

FrozenStores VarChar[10] Pembeku

Tabel 4.4 : Spesifikasi Tabel MsMachinery

Tabel ini digunakan untuk menyimpan data dari Mesin, Mesin adalah Mesin yang

digunakan sebagai mesin inti ataupun penunjang untuk Berlayar. Primary Key dari tabel

ini adalah KdMachinery, yang memiliki format “MAC1”, Tiga karakter awal adalah

“MAC” ditambah dengan angka yang telah di generate oleh aplikasi

pembookingankapal.

4.4.6 Tabel MsCapacity


PK KdCapacity VarChar[5] Kode kapasitas kapal

FK1 IDKapal VarChar[5] IDKapal yang memiliki capacity

GT Numeric Muatan Kapal

DeckLoad Numeric Muatan Bagian Deck

Cabins Numeric Banyaknya kamar Pada Kapal

Bunks Numeric Tempat Tidur

Passengers Numeric Kapasitas Penumpang

Fuel Numeric Daya Tampung Bahan Bakar

FreshWater Numeric Daya Tampung Air Bersih

Tabel 4.5 : Spesifikasi Tabel MsCapacity

Tabel ini digunakan untuk menyimpan data dari Kapasitas Kapal, Capacity adalah

Kapasitas kapal secara fisik. Primary Key dari tabel ini adalah KdCapacity, yang

memiliki format “CAP1”, Tiga karakter awal adalah “CAP” ditambah dengan angka

yang telah di generate oleh aplikasi pembookingankapal.

4.4.7 Tabel MsBridge


PK KdBridge VarChar[5] Kode bridge kapal

FK1 IDKapal VarChar[5] ID kapal yang memiliki jenis bridge

Radar VarChar[10] Radar kapal

EchoSonder VarChar[10] EchoSound Kapal

VHF VarChar[10] Frekwensi radio kapal

SSB VarChar[10] Radio Panggil Kapal

MagneticCompas VarChar[10] Jenis Kompas Kapal

SteringControls VarChar[10] Stering control kapal

Tabel 4.6 : Spesifikasi Tabel MsBridge

Tabel ini digunakan untuk menyimpan data dari Bridge, Bridge adalah alat

komunikasi untuk menunjang Kapal. Primary Key dari tabel ini adalah KdBridge, yang

memiliki format “BRG1”, Tiga karakter awal adalah “BRG” ditambah dengan angka

yang telah di generate oleh aplikasi pembookingankapal.

4.4.8 Tabel MsDimension


PK KdDimension VarChar[5] Kode dimensi kapal

FK1 IDKapal VarChar[5] ID Kapal laut

LOA Numeric Panjang Kapal Secara Horizontal

BEAM Numeric Lebar Kapal

Depth Numeric Tinggi Kapal Secara Vertikal

Draft Numeric Bagian Maksimal Kapal Yang Masuk

Ke Air

OpenDeck Numeric Lebar Dari Deck

Tabel 4.7 : Spesifikasi Tabel MsDimension

Tabel ini digunakan untuk menyimpan data dari Mesin, Mesin adalah Mesin yang

digunakan sebagai mesin inti ataupun penunjang untuk Berlayar. Primary Key dari tabel

ini adalah KdMachinery, yang memiliki format “MAC1”, Tiga karakter awal adalah

“MAC” ditambah dengan angka yang telah di generate oleh aplikasi

pembookingankapal.

4.4.9 Tabel MsKaryawan


PK IDKaryawan VarChar[10] NIP dari karyawan

FK1 User VarChar[10] User name dari karyawan

Nama VarChar[20] Nama Karyawan

Alamat VarChar[30] Alamat Karyawan

JenisKelamin VarChar[2] L atau K

Telephone Numeric Telephone dari karyawan

Tabel 4.8 : Spesifikasi Tabel MsKaryawan

Tabel ini berisi data karyawan dari PT. Baruna Raya Logistics. Primary Key dari

tabel ini adalah IDKaryawan, yaitu ID yang diberikan oleh perusahaan kepada setiap

karyawan. Foreign Key dari tabel ini adalah User, yaitu username yang datanya

digunakan untuk login kedalam aplikasi pembokingan.

4.4.10 Tabel MsUserInternal


PK User VarChar[10] User Name yang digunakan untuk

login

FK1 KdUser VarChar[10] Kode User yang di ambil dari table

MsUser

Password VarChar[10] Password Yang digunakan utnuk

login

Tabel 4.9 : Spesifikasi Tabel MsUserInternal

Tabel ini berisi data dari user internal, dimana field user dan filed password

digunakan untuk melakukan pengecekan saat user nternal melakukan login. Primary Key

dari tabel ini adalah user, dimana user ini akan digunakan sebagai username saat

melakukan login.

4.4.11 Tabel TrUserExternal


PK NPWP VarChar[20] Nomor Pokok wajib Pajak

PK SIUP VarChar[20] Surat Ijin Usaha

FK2 KdUser VarChar[10] Untuk User External akan diambil dari

NPWP

NamaPerusahaan VarChar[30] nama Perusahaanyang akan

menyewa kapal

Alamat VarChar[30] Alamat dari perusahaan

Telephone Numeric No telephone dari perusahaan

Tabel 4.10 : Spesifikasi Tabel TrUserExternal

Tabel ini berisi data dari user External yaitu data dari customer yang melakukan

Pembookingankapal. Tabel ini akan terisi apabila customer melakukaan

pembookingankapal. Data yang masuk akan dilakukan penyaringan terlebih dahulu agar

perusahaan yang memiliki nomor NPWP yang sama tidak di tulis kembali, sehingga 1

perusahaan dengan nomor NPWP hanya akan memiliki 1 Kode user. Primary key pada

tabel ini adalah NPW dan SIUP. Sedangkan Foreign key pada tabel ini adalah KdUser

yang digenerate secara otomatis oleh aplikasi pembookingankapal.

4.4.12 Tabel TrUser


PK KdUser VarChar[10] Kode User Yang Secara otomatis

akan dibuat

FK2 StatusUser VarChar[5] Kode dari status user yang di

gunakan untuk membedakan user

Tabel 4.11 : Spesifikasi Tabel TrUser

Tabel ini digunakan untuk menyimpan data dari semua user baik ekternal

maupun internal, tabel ini digunakan untuk menghubungkan tabel MsUserInternal dan

tabel TrUserExternal dengan tabel MSStatusUser. Primary key tabel ini adalah

‘KdUser’. Sedangkan Foreign key dari tabel ini adalah ‘StatusUser’.

4.4.13 Tabel MsStatusUser


PK StatusUser VarChar[5] Status dari User

Keterangan VarChar[15] Keterangan dari status User

Tabel 4.12 : Spesifikasi Tabel MsStatusUser

Tabel ini digunakan untuk menyimpan data dari status user, baik user internal

maupun user external. Primary Key pada tabel ini adalah StatusUser.

4.4.14 Tabel TrKontrak


PK KdKontrak VarChar[10] Kode Kontrak yang akan terisi secara

otomatis

FK1 KdBoking VarChar[10] Kode bookingyang dimiliki oleh

customer yang akan di buatkan

kontrak kerjanya

Harga Currency harga dalam dolar Amerika yang telah

disepakati oleh kedua belah pihak

Tabel 4.13 : Spesifikasi Tabel TrKontrak

Tabel ini digunakan untuk menyimpan data kontrak kerja dari customer dan PT.

Baruna Raya Logistics. Primary key dari tabel ini adalah KdKontrak dan Foreign key

dari tabel ini adalah KdBoking. Data dari tabel ini akan terisi saat user Marketing telah

menyetujui pembokingan.

4.4.15 Tabel TrForum


PK KdJudul VarChar[5] Kode judul yang akan ditulis secara

otomatis

FK1 KdUser VarChar[10] Kode user yang membuat forum ini

FK2 KdJenis VarChar[5] Jenis dari forum

NamaJudul VarChar[30] Nama dari judul topik dalam forum

TanggalJudul Date/Time Tanggal dari pembuatan topik

JumlahReply Numeric Jumlah user yang menanggapi topik

forum

UserTerakhir VarChar[10] Nama User yang terakhir kali me

reply topik dalam forum

Tabel 4.14 : Spesifikasi Tabel TrForum

Tabel ini berisi data Forum dari aplikasi pembookingankapal. Primary key pada

tabel ini adalah KdJudul dengan format “KJ1”, dua karakter awal adalah “KJ” ditambah

dengan angka yang telah degenerate seblumnya oleh aplikasi. Terdapat 2 Foreign key

pada tabel ini yaitu KdUser dan KdJenis.

4.4.16 Tabel MsJenisForum


PK KdJenis VarChar[5] Kode dari jenis forum yang secara

otomatis akan terisi

Keterangan VarChar[20] Nama dari jenis forum

Rahasia Yes/No Jenis kerahasiaan, dapat dibaca user

secara bebas, atau hanya dapat

dibaca saat user telah melakukan

login

Tabel 4.15 : Spesifikasi Tabel MsJenisForum

Tabel ini berisi data JenisForum dari aplikasi pembookingankapal. Primary key

pada tabel ini adalah KdJenis dengan format “KJN1”, Tiga karakter awal adalah “KJN”

ditambah dengan angka yang telah degenerate seblumnya oleh aplikasi.

4.4.17 Tabel TrIsiForum


PK KdIsi VarChar[5] Kode isi dari forum yang secara

otomatis akan terisi

FK1 KdJudul VarChar[5] Kode topik dalam forum

KdUser VarChar[10] User yang melakukan Reply dari

forum ini

Message VarChar[200] Isi tanggapan dari user atas topik

forum

TanggalKirim Date/Time Tanggal Pembuatan Isi Forum

WaktuKirim Date/Time Waktu pengiriman

Tabel 4.16 : Spesifikasi Tabel MsIsiForum

Tabel ini berisi data IsiForum dari aplikasi pembookingankapal yaitu tanggapan

dari topic forum. Primary key pada tabel ini adalah KdIsi dengan format “KI1”, dua

karakter awal adalah “KI” ditambah dengan angka yang telah degenerate seblumnya

oleh aplikasi.

4.4.18 Tabel TrNews


PK IDNews VarChar[5] ID dari news yang akan terisi secara

otomatis

FK1 KdUser VarChar[10] user yang menulis berita

FK2 KdJenis VarChar[5] Kode yang menentukan jenis berita

JudulNews VarChar[30] Judul dari news yang di tulis

IsiNews VarChar[100] Isi dari berita yang ada

Gambar VarChar[20] Nama gambar dari news

Tanggal Date/Time Tanggal Pembuatan Berita

Tabel 4.17 : Spesifikasi Tabel TrNews

Tabel ini digunakan untuk menyimpan data News. Dimana hanya administrator

yang dapat melakukan penulisan data pada tabel ini. Primary Key pada tabel ini adalah

IDNews yang memiliki format “IDN1”, tiga karakter pertama adalah “IDN” kemudian

ditambah dengan angka yang telah di generate oleh aplikasi. Foreign key dari tabel ini

adalah KdUser dan KdJenis.

4.4.19 Tabel MsJenisNews


PK KdJenis VarChar[5] Jenis dari news

Keterangan VarChar[10] Keterangan dari jenis berita

Rahasia YES/NO Jenis dari apakah berita dapat di baca

dengan bebas atau berita merupakan

rahasia interent perusahaan

Tabel 4.18 : Spesifikasi Tabel MsJenisNews

Tabel ini digunakan untuk menyimpan data JenisNews. Rimary key pada tabel ini

adalah KdJenis IDNews yang memiliki format “JN1”, dua karakter pertama adalah

“JN” kemudian ditambah dengan angka yang telah di generate oleh aplikasi.. Tabel ini

berfungsi untuk mengelompokan news sesuai dengan jenisnya.

4.4.20 Tabel MsNahkoda


PK IDNahkoda VarChar[5] ID dari nahkoda yang akan bertugas

FK1 StatusKerja VarChar[5] Status dari pekerjaan nahkoda

Nama VarChar[20] Nama dari nahkoda

Alamat VarChar[30] Alamat nahkoda

Telephone Numeric No telephone dari nahkoda

Tabel 4.19 : Spesifikasi Tabel MsNahkoda

Tabel ini berfungsi untuk menyimpan data Nahkoda yang dimiliki oleh PT.

Baruna Raya Logistics. Primary key pada tabel ini adalah IDNahkoda yang memiliki

format “NAH1”, tiga karakter pertama adalah “NAH” kemudian ditambah dengan angka

hasil generate aplikasi pembookingankapal.

4.4.21 Tabel MsStatusNahkoda


PK StatusKerja VarChar[5] Status dari nahkoda

Keterangan VarChar[20] Keterangan dari status nahkoda

Posisi VarChar[5] Posisi Dari nahkoda

Tabel 4.20 : Spesifikasi Tabel MsStatusNahkoda

Tabel ini berfungsi untuk menyimpan data StatusNahkoda yang dimiliki oleh PT.

Baruna Raya Logistics. Primary key pada tabel ini adalah StatusKerja yang memiliki

format “SKR1”, tiga karakter pertama adalah “SKR” kemudian ditambah dengan angka

hasil generate aplikasi pembookingankapal.

4.5 Use Case Diagram

4.5.1 Use Case Diagram Keseluruhan Sistem

System Pembokingan Kapal

UserKps UserNonKps

UserOperasional

UserMarketing

ViewNews

BokingKapal

PersetujuanLangsung

CreateKapal

EditKapal

DeleteKapal

CreateForum

ViewForum

CekPerusahaan

KeputusanPembokingan

EditStatusPerusahaan

MenentukanNahkoda

EditInventory

CreateUser

EditUser

DeleteUser

CreateNews

EditNews

DeleteNews

Admin

EditForum

DeleteForum

EditProfile

Gambar 4.5 : Use Case Diagram Keseluruhan Sistem

Dalam usecase pembookingan kapal terdapat 4 aktor didalamnya, yaitu

userKPS, userNonKPS, UserMarketing, UserOperasional dan Administrator. Di atas

terdapat 21 usecase yang dapat dilakukan oleh para aktor. Setiap aktor memiliki usecase

yang sama dan adapula yang berbeda, disesuaikan dengan kebutuhkan masing-masing

user. Setiap user yang dapat melakukan login memiliki usecase untuk mengubah

prifilenya masing-masing.

4.5.2 Use Case Diagram User KPS

System

UserKps

ViewNews

BokingKapal

PersetujuanLangsung

ViewForum

Gambar 4.6 : Use Case Diagram User KPS

User KPS adalah perusahaan calon penyewa kapal yang telah sering

melakukan perjanjian kerja dengan PT. Baruna Raya Logistic. User KPS dapat

melakukan pembookingan secara langsung tanpa harus menyerahkan surat-surat atau

document yang biasa diminta kepada perusahaan calon penyewa kapal laut lainnya. User

kps dapat melakukan pembookingan kapal seperti user-user lainnya tetapi memiliki jalur

yang berbeda dengan user non kps karena dia memiliki usecase untuk melakukan

persetujuan langsung. User ini dapat melihat berita, baik berita mengenai kapal laut

ataupun berita umum. Selain dapat melihat berita, user ini juga dapat melihat forum

forum tertentu yang tersedia

4.5.3 Use Case Diagram Non KPS

System

UserNonKps

ViewNews

BokingKapal

ViewForum

Gambar 4.7 : Use Case Diagram Non KPS

User non kps adalah perusahaan yang baru atau dengan kata lain

perusahaan calon penyewa kapal belum pernah melakukan kerjasama dengan PT Baruna

Raya Logistic. User non KPS dapat melakukan pembookingan kapal secara normal, dan

menunggu hasil dari pembookingan kapal sekitar 2 – 3 hari kedepan. Bila permohonan

pembookingan di setujui maka PT. Baruna Raya Logistic akan menghubingi perusahaan

tersebut melalui media Telephon. User non KPS dapat melihat berita serta membaca

forum yang tersedia.

4.5.4 Use Case Diagram Marketing

System

UserMarketing

ViewNews

CreateKapal

EditKapal

DeleteKapal

CreateForum

ViewForum

CekPerusahaan

KeputusanPembokingan

EditStatusPerusahaan

EditForum

EditProfile

Gambar 4.8 : Use Case DiagramMarketing

User Marketing adalah karyawan PT. Baruna Raya Logistic yang bekerja

di bagian marketing. Dalan Usecase diatas marketing dapat melakukan beberapa hal di

dalam web site. Pihak marketing dapat membaca berita, baik berita mengenai kapal

ataupun berita umum, marketing juga dapat membaca forum, serta menulis tanggapan

mengenai judul forum. Marketing juga dapat melakukan pengeditan pada berita yang

dikirimkannya apabila terdapat kesalahan dalam penulisan, tetapi hanya mengedit berita

yang ditulisnya. Pihak marketing dapat melakukan pengambilan keputusan mengenai

calon penyewa, baik menolak formulir ataupun menerima formulir, karena marketing

harus melakukan penyelidikan terlebih dahulu kepada user non kps. Pihak marketing

melakukan penyelidikan mengenai perusahaan dengan cara meminta perusahaan calon

penyewa kapal untuk mengirimkan dokumen-dokumen yang dibutuhkan oleh marketing.

Pihak marketing juga dapat melakukan pengubahan status dari perusahaan penyewa

kapal. Apabila telah sering melakukan penyewaan kapal dan menjalankan perjanjian

kerja sama dengan baik, maka marketing dapat merubah status perusahaan non KPS

menjadi perusahaan KPS. Marketing dapat mengubah profile sesuai dengan

keinginannya apabila terdapat kesalahan data mengenai marketing.

4.5.5 Use Case Diagram Operasional

System

UserOperasional

ViewNews

CreateKapal

EditKapal

DeleteKapal

CreateForum

ViewForum

MenentukanNahkoda

EditInventory

EditForum

EditProfile

Gambar 4.9 : Use Case Diagram Operasional

Operasional adalah karyawan dari PT Baruna Raya Logistic yang

menentukan apakah kapal dapat disewakan atau tidak. Karena pihak operasional

bertanggung jawab terhadap kondisi keamanan kapal saat digunakan. Pihak operasional

dapat melakukan pengolahan terhadap dokumen kapal, antara lain memasukan data

kapal baru, merubah data kapal dan menghapus data kapal apabila kapal laut telah tidak

layak untuk disewakan atau telah di jual. Pihak operasional dapat melakukan perubahan

inventory kapal sesuai dengan keinginan calon penyewa kapal bila dimungkinkan.

Operasional memiliki wewenang untuk menentukan Nahkoda yang akan mengendarai

kapal laut, pihak operasional memilih nahkoda yang siap dengan melihat status dari

nahkoda. Pihak operasional memiliki wewenang untuk membaca berita serta forum,

operasional memiliki wewenang yang sama dengan pihak marketing di dalam forum

yaitu menulis tanggapan serta mengubah tanggapan bila terjadi kesalahan penulisan.

Operasional dapat melakukan perubahan di profilenya apabila terdapat kesalahan atau

perubahan data pribadi.

4.5.6 Use Case Diagram Administrator

System

ViewNews

CreateKapal

EditKapal

DeleteKapal

CreateForum

ViewForum

CreateUser

EditUser

DeleteUser

CreateNews

EditNews

DeleteNews

Admin

EditForum

DeleteForum

Gambar 4.10 : Use Case Diagram Administrator

Administrator adalah user yang mengawasi kinerja user lain.

Administrator memiliki wewenang seperti marketing dan operasional dalam pengolahan

data kapal dan forum. Administrator memiliki wewenang yang tidak dimiliki

operasional dan marketing yaitu menghapus forum apabila isi dari forum tersebut tidak

sesuai dengan harapan, administrator juga dapal menulis berita pada halaman web.

Administrator memiliki wewenang untuk mengolah data user, antara lain membuat user

baru dan menempatkannya sesuai dengan tempatnya yaitu sebagai operasional atau

marketing. Administrator dapat merubah data user serta menghapus data user sesuai

kebutuhan.

4.6 Use Case Scenario

Use Case Scenario Login

User Sistem

1. User Mengakses Halaman

Index.jsp

2. Kirim Halaman Index.jsp

3. User Memasukan Username

dan Password

4. Click Tombol Login

5. Bandingkan Username dan Password dengan

data dari Tabel TrUser

6. Buat Session untuk Username dan StatusUser

7. kirim halaman Index.jsp

Tabel 4.21: Tabel Use Case Scenario Login

Use Case Scenario Booking

User Sistem

1. User Mengakses

FormPembookingan.jsp

2. Kirim halaman FormBooking.jsp

3. User mengisi form pembookingan

4. Click tombol kirim

5. Cek kelangkapan data

6. Cek NPWP & Siup pada tabel TrUserExternal

7. Buat KdUser

8. Masukan data form ke tabel TrUserExternal, TrUser,

MsStatusUser dan TrPembookingan

9. Kirim halaman Sukses.jsp

Tabel 4.22 : Tabel Use Case Scenario Booking

Use Case Scenario CekPerusahaan

User Sistem

1. User Marketing Login

2. Kirim Halaman LoginMarketing.jsp

3. Click Link Perusahaan

4. Tampilkan Detail Perusahaan

Tabel 4.23 : Tabel Use Case Scenario Cek Perusahaan

Use Case Scenario ViewForum

User Sistem

1. User Mengakses Halaman

Forum.jsp

2. Cek Database

3. Ambil Data Forum pada tabel TrForum

4. Kirim Halaman Forum.jsp

Tabel 4.24 : Tabel Use Case Scenario View Forum

Use Case Scenario CreateForum

User Sistem

1. User Internal melakukan Login

2. Buat session username dan status user

3. Kirim halaman index.jsp

4. Click link Forum


6. Click link 'newTread'

7. Kirim halaman CreateForum.jsp

8. Isi Data

9. Cek Database

10. Masukan data ke tabel TrForum

Tabel 4.25 : Tabel Use Case Scenario Create Forum

Use Case Scenario DeleteForum

User Sistem

1. User Administrator melakukan

Login



4. Click link Forum


8. Click Link Delete

8. Hapus data pada tabel TrForum

Tabel 4.26 : Tabel Use Case Scenario Delete Forum

Use Case Scenario CreateKapal

User Sistem




4. Click link 'InfoKapal'

5. Kirim halaman InfoKapal.jsp

6. Click link 'CreateNewKapal'

7. Kirim halaman FormKapal.jsp sesuai dengan

parameter yang di terima

8. Isi Data Form

9. Click tombil Kirim

10. Cek Form

10. Cek Database pada tabel MsKapal

11. Masukan data ke Database

Tabel 4.27 : Tabel Use Case Scenario Create Kapal

Use Case Scenario EditKapal

User Sistem






6. Click link 'Edit'

7. Kirim halaman FormKapal.jsp sesuai dengan

parameter yang di terima

8. Isi Data Form

9. Click tombil Save

10. Cek Form

10. Cek Database pada tabel MsKapal

11. Edit data di Database

Tabel 4.28 : Tabel Use Case Scenario Edit Kapal

Use Case Scenario DeleteKapal

User Sistem






6. Click link 'CreateNewKapal'

7. Hapus data di MsKapal

Tabel 4.29 : Tabel Use Case Scenario Delete Kapal

Use Case Scenario ViewNews

User Sistem

1. user mengakses halaman

News.jsp

2. Ambil data news dari table TrNews

3. Kirim halaman News.jsp

Tabel 4.30 : Tabel Use Case Scenario View News

Use Case Scenario CreateNews

User Sistem


login



4. Click link 'News'

5. Ambil data news dari tabel TrNews


7. Click link 'CreateNews'

8. Kirim halaman FormNews.jsp sesuai dengan

parameter yang diterima

9. Isi Form

10. Click Tombol Kirim

11. Cek database

12. Buat IDNews

13. Masukan data form ke dalam TrNews

Tabel 4.31 : Tabel Use Case Scenario CreateNews

Use Case Scenario EditNews

User Sistem


login






7. Click link 'Edit'

8. Kirim halaman FormNews.jsp sesuai dengan

parameter yang diterima

9. Isi Form

10. Click Tombol save

11. Cek database

13. Edit data TrNews

Tabel 4.32 : Tabel Use Case Scenario Edit News

Use Case Scenario DeleteNews

User Sistem


login






7. Click link 'Delete'

8. Delete Data Pada tabel TrNews

Tabel 4.33 : Tabel Use Case Scenario Delete News

Use Case Scenario CreateUser

User Sistem

1. User Administrator Melakukan

login


3. Kirim halaman Index.jsp

4. Click link User

5. Kirim Halaman VewUser.jsp

6. Click Tombol CretaeUser

7. Kirim Halaman FormUser.jsp Sesuai dengan

parameter

8. Isi Form

9. Click tombol kirim

10. Cek Form

11. Buat KdUser

12. Masukan data ke tabel MsUserInternal,

MsKaryawan,MsStatusUser dan TrUser

Tabel 4.34 : Tabel Use Case Scenario Create User

Use Case Scenario EditUser

User Sistem


login



4. Click link User


6. Click Tombol EditUser

7. Kirim Halaman FormUser.jsp Sesuai dengan

parameter

8. Edit data Form

9. Click tombol save

10. Cek Form

11. Edit data tabel MsUserInternal,


Tabel 4.35 : Tabel Use Case Scenario Edit User

Use Case Scenario DeleteUser

User Sistem


login



4. Click link User


6. Click Tombol Delete

7. Delete data tabel MsUserInternal,


Tabel 4.36 : Tabel Use Case Scenario Delete User

Use Case Scenario KeputusanPembookingan

User Sistem

1. User Marketing Melakukan Login



4. Click link 'Agreement'

5. Kirim halaman LoginMarketing.jsp

6. Click Link Setuju untuk setuju click

link Tolak untu menolak

7. Edit KdUser dari UserExternal pada tabel

TrUserExternal

Tabel 4.37 : Tabel Use Case Scenario KeputusanPembookingan

Use Case Scenario PenentuanNahkoda

User Sistem

1. User Operasional Melakukan

Login



4. Click Link Change Nahkoda

5. Kirim halaman LoginOperasional.jsp

6. Click Link data pada IDNahkoda

Apabila Empty

7. Kirim halaman FormInputnahkoda

8. Pilih nahkoda

9. Tekan Submit

10. Edit status nahkoda dapa MsStatusNahkoda

11. Edit Field IDNahkoda pada TrPembookingan

12. Create Data pada TrKontrak

Tabel 4.38 : Tabel Use Case Scenario PenentuanNahkoda

4.7 Sequence Diagram

4.7.1 Sequence Diagram login

User

InterfaceLogin DataBase

InsertUserName&Password()

CallDatabase()

SearchData()

ReturnTrueOrFalse()

HalLogin

IfTrue()

IfFalse()

Gambar 4.11 : Sequence Diagram Login

User memasukan username dan password, kemudian interface login akan

memanggil database yang digunakan untuk mencari data sesuai dengan yang telah

dimasukan user, database akan mencari data tersebut, setelah melakukan pencarian,

database akan memberikan report kepada interfacelogin, kemudian interfacelogin akan

mengolah report dari database, apabila data tidak ada makan interfacelogin akan

mengembalikan kehalaman awal dan memberikan report kepada user, jika data yang

diminta ada maka interface login akan me redirect ke halaman login.

4.7.2 Sequence Diagram Booking

User

Pembokingan Marketing

BokingKapal()

CekStatusPerusahaan()

NegosiasiHarga()

Setuju()

Kerjasama()

Gambar 4.12 : Sequence Diagram Booking

User melakukan pembookingan, kemudian halaman pembookingan meneruskan

form pembookingan kepada pihak marketing, marketing menerima form kemudian

melakukan negosiasi dengan user, apabila user dan marketing mencapai kesepakatan

maka marketing akan membuat kontak kerjasama.

4.7.3 Sequence Diagram Cek Perusahaan

Marketing Penyewa

LaporanKeuangan()

Dokumen()

CekDokument()

Gambar 4.13 : Sequence Diagram Cek Perusahaan

Marketing meminta laporan keuangan kepada calon penyewa kapal, calon

penyewa memberikan dokumen yang diminta pihak marketing, pihak marketing

mempelajari dokumen yang diserahkan oleh calon penyewa kapal.

4.7.4 Sequence Diagram View Forum

User

InterfaceForum

ViewForum()

News()

DataBase

SearchData()

Data()

Gambar 4.14 : Sequence Diagram View Forum

User melakukan permintaan untuk melihat forum kepada interface forum,

interface forum akan mencari data ke database mengenaik forum yang diinginkan,

database memberikan report kepada interface forum berupa data mentah, kemudian

interface forum akan mengolahnya dan mengirimkan ke user dalam bentuk berita.

4.7.5 Sequence Diagram Create Forum

User

Login Forum

Login()

True()

CreateForum()

DataBase

CreateData()

Gambar 4.15 : Sequence Diagram Create Forum

untuk menulis forum user harus melakukan login terlebih dahulu, setlah login

user masuk kedalam forum dan meulis berita di forum dan kemudian data disimpan

dalam database.

4.7.6 Sequence Diagram Edit Forum

User

Login InterfaceForum

Login()

True()

EditForum()

DataBase

EditData()

Gambar 4.16 : Sequence Diagram Edit Forum

user melakukan login terlebih dahulu, kemudian user meminta kepada interface

forum untuk melakukan pengeditan data, interface forum melakukan pengeditan kepada

database.

4.7.7 Sequence Diagram Delete Forum

User

Login InterfaceForum

Login()

True()

DeleteForum()

DataBase

DeleteData()

Gambar 4.17 : Sequence Diagram Delete Forum

user melakukan login terlebih dahulu, pabila berhasil melakukan login user

meminta ke interfaceforum untuk menghapus data, interface forum melakukan

penghapusan data di database.

4.7.8 Sequence Diagram Create Kapal

UserInternal

Login InterfaceCreateKapal DataBase

Login()

True()

CreateKapal()

CreateData()

CekData()

True()

Sukses()

Gambar 4.18 : Sequence Diagram Create Kapal

user melakukan login, apabila berhasil user meminta interfaceCreateKapal untuk

menuliskan data, interfaceCreateKapal melakukan penulisan database, database akan

melakukan pengecekan terhadap data yang di kirim apakah memiliki primary key yang

berbeda , apabila primary keynya berbeda makan data base akan mengirimkan report

kepada interfaceCreateKapal, kemudian interfaceCreateKapal akan memberikan tanda

berhasil kepada user.

4.7.9 Sequence Diagram Edit Kapal

UserInternal

Login InterfaceEditKapal DataBase

Login()

True()

EditKapal()

EditData()

CekData()

True()

Sukses()

Gambar 4.19 : Sequence Diagram Edit Kapal

user melakukan login, apabila berhasil user meminta interfaceEditKapal untuk

mengedit data, interfaceEditKapal melakukan penulisan database, database akan

melakukan pengecekan terhadap data yang di kirim apakah memiliki primary key yang

berbeda , apabila primary keynya berbeda makan data base akan mengirimkan report

kepada interfaceEditKapal, kemudian interfaceEditKapal akan memberikan tanda

berhasil kepada user.

4.7.10 Sequence Diagam Delete Kapal

UserInternal

Login InterfaceDeleteKapal DataBase

Login()

True()

DeleteKapal()

DeleteData()

True()

Sukses()

Gambar 4.20 : Sequence Diagram Delete Kapal

user melakukan login, apabila berhasil user meminta interfaceDeleteKapal untuk

menghapus data, interfaceDeleteKapal melakukan penghapusan database mengenaik

kapal, database mengirimkan report kepada interfaceCreateKapal, kemudian

interfaceCreateKapal akan memberikan tanda berhasil kepada user.

4.7.11 Sequence Diagram View News

User

InterfaceNews

ViewNews()

News()

DataBase

SearchNews()

Data()

Gambar 4.21 : Sequence Diagram View News

User meminta interfaceNews untuk menampilkan berita, interfaceNews akan

mencari berita yang dibutuhkan di database, database mengirimkan data yang

diinginkan, interfaceNews menampilkan data yang di butuhkan kepada user.

4.7.12 Sequence Diagram Create News

UserInternal

Login InterfaceCreateNews

Login()

True()

CreateNews()

DataBase

CreateData()

True()

Sukses()

Gambar 4.22 : Sequence Diagram Create News

user melakukan login, pabila berhasil user dapat melakukan penulisan news

kepada interfaceCreateNews, interfaceCreateNews menuliskan data ke dalam database,

database akan memberikan respon apabila data berhasil ditulis kepada

interfaceCreateNews, interfaceCreateNews memberikan report kepada user bahwa berita

berhasil ditulis.

4.7.13 Sequence Diagram Edit News

UserInternal

Login InterfaceEditNews

Login()

True()

EditNews()

DataBase

EditData()

True()

Sukses()

Gambar 4.23 : Sequence Diagram Edit News

User melakukan login, pabila berhasil user dapat meminta data dan mengeditnya

ke interfaceEditNews, interfaceEditNews meminta database untuk melakukan

pengeditan data, apabila berhasil, database akan memberikan report kepada

interfaceEditNews, interface EditNews setelah menerima report dari database akan

memberikan report kembali kepada user bahwa data telah berhasil di edit

4.7.14 Sequence Diagram Delete News

UserInternal

Login InterfaceDeleteNews

Login()

True()

DeleteNews()

DataBase

DeleteData()

True()

Sukses()

Gambar 4.24 : Sequence Diagram Delete News

User melakukan login, pabila berhasil user dapat meminta data dan

menghapusnya ke interfaceDeleteNews, interfaceDeleteNews meminta database untuk

melakukan penghapusan data, apabila berhasil, database akan memberikan report kepada

interfaceDeleteNews, interfaceDeleteNews setelah menerima report dari database akan

memberikan report kembali kepada user bahwa data telah berhasil di hapus.

4.7.15 Sequence Diagram Create User

Administrator

Login InterfaceCreateUser DataBase

Login()

True()

CreateUser()

CreateData()

CekData()

True()

Sukses()

Gambar 4.25 : Sequence Diagram Create User

Administrator melakukan login terlebih dahulu, pabila berhasil administrator

dapat membuat data user melalui interfaceCreateUser, interfaseCreateUser akan

menuliskannya didatabase, database melakukan pengecekan terhadap data yang

diterima, apabila primary key yang di kirim berbeda maka database akan memberikan

report kepada interfaceCreateUser bahwa data telah berhasil di tulis, dan

interfaceCreateUser memberikan report kepada Adminstrator bahwa data berhasil di

tulis.

4.7.16 Sequence Diagram Edit User

Administrator

Login InterfaceEditUser DataBase

Login()

True()

EditUser()

EditData()

True()

Sukses()

Gambar 4.26 : Sequence Diagram Edit User


dapat mengedit data user melalui interfaceEditUser, interfaseEditUser akan mengedit isi

database sesuai dengan permintaan, database memberikan report kepada

interfaceEditUser bahwa data telah berhasil di edit, dan interfaceEditUser memberikan

report kepada Adminstrator bahwa data berhasil di edit.

4.7.17 Sequence Delete User

Administrator

Login InterfaceDeleteUser DataBase

Login()

True()

DeleteUser()

DeleteData()

True()

Sukses()

Gambar 4.27 : Sequence Diagram Delete User


dapat menghapus data user melalui interfaceDeleteUser, interfaseDeleteUser akan

memerinta database untuk menghapus isi database yang telah ditentukan, database

memberikan report kepada interfaceDeleteUser bahwa data telah berhasil di hapus, dan

interfaceDeleteUser memberikan report kepada Adminstrator bahwa data berhasil di

hapus.

4.7.18 Sequence Diagram Keputusan Pembookingan

Marketing CalonPenyewa

DSS

LaporanKeuangan()

Document()

AnalisaDokument()

True()

Kerjasama()

Gambar 4.28 : Sequence Diagram Keputusan Pembookingan

Pihak marketing meminta laporan keuangan kepada calon penyewa, calon

penyewa memberikan dokumen yang dibutuhkan, marketing melakukan analisis

mengenai data yang di terima ke DSS, apabila DSS setuju maka marketing akan

melakukan kerjasama dengan calon penyewa kapal.

4.7.19 Sequence Diagram Penentuan Nahkoda

Operasional

Kapal NahkodaDataBase

ViewKapal()

Jenis()

CariNahkoda()

IDNahkoda()

Tugas()

Gambar 4.29 : Sequence Diagram Penentuan Nahkoda

operasional melihat dokumen dari kapal, setelah mendapatkan jenis kapal, maka

operasional mencari data di database mengenai nahkoda yang dapat bertugas

menjalankan kapal laut tersebut. Setelah data di dapat, pihak operasional menghubungi

nahkoda yang bersangkutan.

4.7.20 Sequence Diagram Persetujuan Langsung

MarketingCalonPenyewa

MengajukanKontrak()

DataBase

CekStatusCustomer()

KPS()

Kerjasama()

Gambar 4.30 : Sequence Diagram Persetujuan Langsung

Calon penyewa mengajukan kontrak ke marketing, marketing melakukan

pengecekan kedatabase apakah calon penyewa merupakan user KPS atau user non KPS,

apabila user merupakan KPS maka marketing langsung mengajak calon penyewa untuk

melakukan kerjasama.

4.7.21 Sequence Diagram Edit Profile

UserInternal

Login InterfaceEditProfile DataBase

Login()

True()

EditProfile()

EditData()

True()

Sukses()

Gambar 4.31 : Sequence Diagram Edit Profile

User Internal melakukan login terlebih dahulu, bila berhasil melakukan login,

user akan di hadapkan pada interface edit profile jika ingin melakukan edit profile,

interface edit profile akan mencari data di database dan mengeditnya, jika database

berhasil melakukan pengeditan data, interface edit profile akan memberikan pesan

sukses kepada user.

4.8 Alur Program

4.8.1 Alur Program Keseluruhan

Halaman Utama

Forum

News

Galery

Info Kapal

Form Pembokingan

Login

Vew Forum

New Kapal

News Umum

Info Detail

Info Status Kapal

Info Status Boking

Search Kapal

Hasil Boking

Picture Kapal

Picture Ivent

View User

View Kapal

View News

View Transaksi

Create User

Edit User

Delete User

Create Kapal

Edit Kapal

Delete Kapal

Create News

Edit News

Delete News

Log Out

Setuju

Tolak

Create Contrak

Ubah Status Client

Create Forum

Edit Forum

Delete Forum

EditInventoriKapal

EditProfile

Vew Forum

Gambar 4.32 : Alur Program Keseluruhan

Alur program diatas menunjukan bagaimana jalur keseluruhan dari web PT

Baruna Raya Logistic. Gambaran diatas merupakan garis besar dari jalannya aplikasi

web tersebut.

4.8.2 Alur Program User External

Halaman Utama

Forum

News

Galery

Info Kapal

Form Pembokingan

Vew Forum

New Kapal

News Umum

Info Detail

Info Status Kapal

Info Status Boking

Search Kapal

Hasil Boking

Picture Kapal

Picture Ivent

Gambar 4.33 : Alur Program User External

4.8.3 Alur Program Marketing

Halaman Utama

Forum

News

Galery

Info Kapal

Form Pembokingan

Login

Vew Forum

New Kapal

News Umum

Info Detail

Info Status Kapal

Info Status Boking

Search Kapal

Hasil Boking

Picture Kapal

Picture Ivent

View Kapal

View News

View Transaksi

Create Kapal

Edit Kapal

Delete Kapal

Setuju

Tolak

Create News

Edit News

Delete News

Create Contrak

Log Out

Ubah Status Client

EditProfile

Gambar 4.34 : Alur ProgramMarketing

4.8.4 Alur Program Operasional

Halaman Utama

Forum

News

Galery

Info Kapal

Form Pembokingan

Login

Vew Forum

New Kapal

News Umum

Info Detail

Info Status Kapal

Info Status Boking

Search Kapal

Hasil Boking

Picture Kapal

Picture Ivent

View Kapal

View News

View Transaksi

Create Kapal

Edit Kapal

Delete Kapal

Setuju

Tolak

Create News

Edit News

Delete News

Create Contrak

Log Out

EditInventory

EditProfile

Gambar 4.35 : Alur Program Operasional

4.8.5 Alur Program Administrator

Halaman Utama

Forum

News

Galery

Info Kapal

Form Pembokingan

Login

Vew Forum

New Kapal

News Umum

Info Detail

Info Status Kapal

Info Status Boking

Search Kapal

Hasil Boking

Picture Kapal

Picture Ivent

View User

View Kapal

View News

View Transaksi

Create User

Edit User

Delete User

Create Kapal

Edit Kapal

Delete Kapal

Create News

Edit News

Delete News

Log Out

ViewForum

Create Forum

Edit Forum

Delete Forum

Gambar 4.36 : Alur Program Administrator

4.9 Pseudocode

4.9.1 Aplikasi Keseluruhan

Halaman Utama

IF Forum on Click THEN

Masuk Ke Halaman Forum

IF ViewForum on Click THEN

Tampilkan Isi Forum

END IF

ELSE IF News on Click THEN

Masuk Ke Halaman News

IF NewsUmun on Click THEN

Masuk Ke Halaman NewsUmum

ELSE IF NewsKapal on Click THEN

Masuk Ke Halaman NewsKapal

END IF

ELSE IF Galery on Click THEN

Masuk Ke Halaman Galery

IF PictureKapal on Click THEN

Tampilkan Foto-Foto Kapal

ELSE PictureUmum on Click THEN

Tampilkan Foto-Foto Umum

END IF

ELSE IF Login on Click THEN

UserName = TextField dari UserName

Password = TextField dari Password

Buka DataBase

Tampilkan Record User = UserName dan Password = Password

IF Record != NULL THEN

Masuk Ke Halaman Login

IF EditProfile on Click THEN

Masuk Ke Halaman EditProfile

ELSE IF ViewUser on Click THEN

Masuk Ke Halaman ViewUser

IF CreateUser on Click THEN

Masuk Ke Halaman CreateUser

IF Create on Click THEN

KodeUser = TextField KdUser

Buka DataBase

Tampilkan KdUser = KodeUser Pada Tabel MsUser

IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF

ELSE IF EditUser on Click THEN

Masuk Ke Halaman EditUser

IF Edit on Click THEN


Buka DataBase

Data = Data PrimaryKey MsUser

Cari User dengan KdUser=Data

Edit Data

END IF

END IF

ELSE IF DeleteUser on Click THEN

Masuk Ke Halaman DeleteUser

END IF

ELSE IF ViewKapal on Click THEN

Masuk Ke Halaman ViewKapal

IF EditInventori on Click THEN

Masuk Ke Halaman EditInfentory


Buka DataBase

KodeKapal = KdKapal

Tampilkan Record MsKapal dengan PrimaryKey = KodeKapal Pada

Tabel MsKapal

Edit Data

END IF

ELSE IF CreateKapal on Click THEN

Masuk Ke Halaman CreateKapal


KodeKapal = TextField KdKapal

Buka DataBase

Tampilkan KdKapal = KodeKapal Pada Tabel MsKapal

IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF

ELSE IF EditKapal on Click THEN

Masuk Ke Halaman EditKapal



Buka DataBase

Data = Data PrimaryKey MsKapal

Cari Kapal dengan KdKapal=Data

Edit DataBase

END IF

END IF

ELSE IF DeleteKapal on Click THEN

Masuk Ke Halaman DeleteKapal

IF Delete on Click THEN

Buka Database



Delete Data di Database

END IF

END IF

ELSE IF View News on Click THEN


IF CreateNews on Click THEN

Masuk Ke Halaman CreateNews


Buka DataBase

Create News di DataBase

END IF

ELSE IF EditNews on Click THEN

Masuk Ke Halaman EditNews


Buka DataBase

Data = Data PrimaryKey MsNews

Cari News dengan KdNews=Data

Edit Data News

END IF

ELSE IF DeleteNews on Click THEN

Masuk Ke Halaman DeleteNews


Buka DataBase



Delete Data News

END IF

END IF

ELSE IF View Forum on Click THEN


IF CreateForum on Click THEN

Masuk Ke Halaman CreateForum


Buka DataBase

Create Forum di DataBase

END IF

ELSE IF EditForum on Click THEN

Masuk Ke Halaman EditForum


Buka DataBase

Data = Data PrimaryKey MsForum

Cari Forum dengan KdForum=Data

Edit Data Forum

END IF

ELSE IF DeleteForum on Click THEN

Masuk Ke Halaman DeleteForum


Buka DataBase



Delete Data Forum

END IF

END IF

ELSE IF ViewTransaksi on Click THEN

Masuk Ke Halaman ViewTransaksi

IF Tolak on Click THEN

Tolak Pembookingan

ELSE IF Setuju on Click THEN

Masuk Ke Halaman Persetujuan

IF Syarat Terpenuhi THEN

Create Contrak

END IF

ELSE IF UbahStatusClient on Click THEN

Masuk Ke Halaman Ubah Client

END IF

END IF

ELSE Kembali Ke Halaman Utama

ELSE IF InfoKapal on Click THEN

Masuk Ke Halaman InfoKapal

IF InfoDetail on Click THEN

Masuk Ke Halaman InfoDetail

ELSE IF InfoStatusKapal on Click THEN

Masuk Ke Halaman InfoStatusKapal

ELSE IF InfoStatusBookingon Click THEN

Masuk Ke Halaman InfoStatusBooking

ELSE IF SearchKapal on Click THEN

Masuk Ke Halaman SeachKapal

IF Cari on Click

Data = TextField DataSearch

Field = TextField DataField

Buka DataBase

Tampilkan data Kapal Yang memiliki Field = Field dengan isi Field

Mengandung Kata Data

END IF

END IF

ELSE IF Pembookingan on Click THEN

Masuk Ke Halaman Pembookingan

IF HasilBookingon Click THEN

Tampilkan Hasil Pembookingan

END IF

END IF

4.9.2 Aplikasi User External

Halaman Utama




Tampilkan Isi Forum

END IF







END IF







END IF











IF Cari on Click



Buka DataBase



END IF

END IF





END IF

END IF

4.9.3 Aplikasi Marketing

Halaman Utama




Tampilkan Isi Forum

END IF







END IF







END IF




Buka DataBase








IF CreateKapal on Click THEN




Buka DataBase


IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF





Buka DataBase



Edit DataBase

END

END IF




Buka Database




END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data News

END IF




Buka DataBase



Delete Data News

END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data Forum

END IF




Buka DataBase



Delete Data Forum

END IF

END IF



IF Tolak on Click THEN

Tolak Pembookingan

ELSE IF Setuju on Click THEN

Masuk Ke Halaman Persetujuan

IF Syarat Terpenuhi THEN

Create Contrak

END IF

ELSE IF UbahStatusClient on Click THEN

Masuk Ke Halaman Ubah Client

END IF

END IF












IF Cari on Click



Buka DataBase



END IF

END IF





END IF

END IF

4.9.4 Aplikasi Operasional

Halaman Utama




Tampilkan Isi Forum

END IF







END IF







END IF




Buka DataBase








IF EditInventori on Click THEN

Masuk Ke Halaman EditInfentory


Buka DataBase

KodeKapal = KdKapal

Tampilkan Record MsKapal dengan PrimaryKey = KodeKapal Pada

Tabel MsKapal

Edit Data

END IF

ELSE IF CreateKapal on Click THEN




Buka DataBase


IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF





Buka DataBase



Edit DataBase

END IF

END IF




Buka Database




END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data News

END IF




Buka DataBase



Delete Data News

END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data Forum

END IF




Buka DataBase



Delete Data Forum

END IF

END IF



END IF












IF Cari on Click



Buka DataBase



END IF

END IF





END IF

END IF

4.9.5 Aplikasi Administrator

Halaman Utama




Tampilkan Isi Forum

END IF







END IF







END IF




Buka DataBase




IF ViewUser on Click THEN

Masuk Ke Halan ViewUser

IF CreateUser on Click THEN

Masuk Ke Halaman CreateUser



Buka DataBase

Tampilkan KdUser = KodeUser Pada Tabel MsUser

IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF

ELSE IF EditUser on Click THEN

Masuk Ke Halaman EditUser



Buka DataBase

Data = Data PrimaryKey MsUser

Cari User dengan KdUser=Data

Edit Data

END IF

END IF

ELSE IF DeleteUser on Click THEN

Masuk Ke Halaman DeleteUser

END IF



IF CreateKapal on Click THEN




Buka DataBase


IF Data==NULL THEN

Create Ke DataBase

ELSE

Peringatan Error

END IF

END IF





Buka DataBase



Edit DataBase

END IF

END IF




Buka Database




END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data News

END IF




Buka DataBase



Delete Data News

END IF

END IF






Buka DataBase


END IF




Buka DataBase



Edit Data Forum

END IF




Buka DataBase



Delete Data Forum

END IF

END IF



END IF












IF Cari on Click



Buka DataBase



END IF

END IF





END IF

END IF

4.10 Perancangan Layar

4.10.1 Halaman Utama

Gambar 4.37 : Perancangan Layar Halaman Utama

Ini adalah halaman awal dari web site PT. Baruna Raya Logistics.

Dimana terdapat link yang bisa digunakan untuk membuka halaman lain, yaitu

home untuk membuka halaman awal dari web site, dalam web tersebut kami link

ke index.jsp. Forum di gunakan apabila kita ingin membuka atau membaca

forum. News digunakan untuk membuka informasi yang terdapat dalam wibe

site. Galery di gunakan untuk melihat gambar-gambar yang di sediakan oleh

situs. Info Kapal digunakan untuk membuka halaman informasi mengenai kapal.

Bookingdigunakan untuk masuk kedalam form pembookingan kapal. Adapaun

login yang terdapat pada halaman utama, terdapat 4 jenis user yang akan

melakukan login, yaitu user internal antara lain Administrator, Marketing dan

HEADER

Home Forum News Galery Info Kapal Boking

User Name

Password

Login

Gambar Perusahaan

Profile Perusahaan

Operasional, sedangkan untuk user external adalah user yang telah terdaftar

sebagai penyewa, digunakan untuk melihat hasil dari penyewaan kapal.

4.10.2 Forum

Gambar 4.38 : Perancangan Layar Forum

Halaman ini digunakan sebagai tempat untuk saling bertukar informasi, user

yang ingin membuat forum harus melakukan login terlebih dahulu. untuk

membuat topic baru maka anda hanya cukup meng-klik link Buat Topik maka

akan tampil Form Create Forum.

4.10.3 Create Forum

HEADER


User Name

Password

LoginPenulis Topik Tanggal Reply UsTerakhir

PageBuat Topik

Search

Gambar 4.39 : Perancangan Layar Create Forum

Pada halaman ini user diminta untuk memasukan judul, Jenis dan isi dari Topik

yang akan dibuat, user tidak perlu khawatir apabila terjadi kesalahan dalam

penulisan judul topik, karena user bisa melakukan perbaikan pada topik tersebut

dengan masuk ke form Edit Forum.

4.10.4 Edit Forum

HEADER


User Name

Password

Login

Judul Topik

Kirim Reset

Isi

Jenis Topik

Buat Topik

Gambar 4.40 : Perancangan Layar Edit Forum

Di form ini user bisa melakukan perubahan pada jenis topik serta judul topik

yang telah ditulis oleh user, apabila user melakukan kesalahan dalam pengetikan

judul topik. Setelah melakukan perubahan user bisa masuk ke halaman view

forum.

4.10.5 View Forum

HEADER


User Name

Password

Login

Judul Topik

Kirim Reset

Jenis Topik

Update Topik

Gambar 4.41 : Perancangan Layar View Forum

Pada halamain View Forum anda dapat melihat seluruh isi dan tanggapan user

lain mengenai topik yang telah dibuat. Di dalam view forum, dan user lain dapat

membalas pesan atau menulis komentar mengenai topik dalam forum tersebut,

dan user yang menuliskan topik dapat pula menghapus tanggapannya.

4.10.6 Galery

HEADER


User Name

Password

Login

Topik

Penulis Tanggapan

Tanggal

Page

Delete

Back Reply

Gambar 4.42 : Perancangan Layar Galery

Halaman ini berisi informasi berupa gambar-gambar yang terdapat dalam web

site ini. Terdapat 2 jenis gambar dilihat dari ukurannya, yaotu gambar besar dan

gambar kecil. Terdapat banyak gambar kecil, dan 1 gambar besar, apabila

gambar kecil di klik maka gambar tersebut akan di tampikan melalui gambar

besar.

4.10.7 Info Kapal

HEADER

Username

Password

Login

Gambar Besar

Gambar

Kecil

Gambar

Kecil

Gambar

KecilGalery Kapal

Galey Umum


Gambar 4.43 : Perancangan Layar Info Kapal

Halaman ini berisi informasi kapal laut yang dimiliki oleh PT Baruna Raya

Logistics. Informasi dari kapal yang ditampilkan belum berupa detail kapal, jika

user ingin melihat detail dari kapal tersebut, user bisa masuk ke haaman detail

kapal dengan cara meng-klik link ke Detail. Link Bookingakan muncul apabila

status dari kapal siap disewakan, dan akan diganti dengan kata “sedang di sewa”

apabila kapal tidak siap untuk di sewakan. User internal dapat melakukan insert,

update dan delete pada halaman ini. Apabila anda menekan Update atau Buat

data baru maka akan ditampilakan Form kapal yang menghandle input serta

update data kapal.

HEADER

Username

Password

Login

Search KapalSearch By

Key

Gambar

Kapal

Info Kapal

Detail Boking


Update Delete

Page Buat Data Baru

4.10.8 Create Kapal / Edit Kapal

Gambar 4.44 : Perancangan Layar Create Kapal / Edit Kapal

HEADER

Username

Log Out

Menu User

Gambar KapalNama KapalBuilderTahun PembuatanJenis Kapal

Dimension Capacity

Consumption

Bridge / Equipment Machinery

LOABeamDepthOpenDeck

GTDeckLoadCabinsBunksPassengersFuelFreshWater

RPM SPEED USG / Hour

Save Reset

RadarEchoSounderVHFSSBCompasSTControl

M. EnginersH.PowerAUX.EnginColdStoresFrozenStor


Dihalaman ini user dapat melakukan input data kapal serta update data kapal,

sistem dapat mengetahui apakah user akan melakukan input atau user akan

melakukan update. Apabila user ingin melakukan input data, maka isi dari input

text akan kosong sehingga user diminta untuk menginput data yang user miliki,

sedangkan apabila sistem membaca bahwa user ingin melakukan update maka,

seluruh input text akan terisi dengan data sebelumnya. Tombol reset hanya

berfungsi pada saat user ingin melakukan input data.

4.10.9 View Detail Kapal

Gambar 4.45 : Perancangan Layar View Detail Kapal

Di halaman ini user dapat melihat detail dari kapal yang dimiliki oleh PT. Baruna

Raya Logistics, dimana komponen serta detail kapal terlihat disana. Apabila

bookingditekan maka user akan diteruskan pada halaman Form Pembookingan.

HEADER

Username

Log Out

Menu User

Gambar Kapal

Dimension Capacity

Consumption

Bridge / Equipment

Machinery

Nama Kapal


BokingBack

4.10.10 Form Pembookingan

Gambar 4.46 : Perancangan Layar Form Pembookingan

Halaman ini digunakan untuk membookingkapal yang dimiliki oleh PT. Baruna

Raya Logistics. User diminta untuk memasukan data yang diperlukan. Dari form

ini data akan dimasukan ke beberapa table yang terdapat dalam database.

HEADER

NPWP

Nama kapal

Tanggal Peminjaman

Lama Peminjaman

Keperluan

Lain - Lain

SIUP

Nama Perusahaan

Telephone


Peminjaman

Login

Create Reset

Username

Password

4.10.11 Login Marketing

Gambar 4.47 : Perancangan Layar Login Marketing

Halaman ini adalah halaman yang dimiliki oleh user marketing, dimana user

marketing dapat menentukan apakan calon customer tersebut memenuhi

persyaratan untuk melakukan kerjasama dengan PT Baruna Raya Logistics.

Apabila di tolak maka data akan terhapus dari tampilan, Apabila disetujui maka

data juga akan terhapus dari tampilan akan tetapi akan muncul pada login

operasional.

HEADER

Username

Log Out

Menu

User

Nama Lama

Keperluan

Page

SIUP/NPWP Nama Kapal


Tanggal

Lain Lain

Status User

Setuju / Tolak

Ubah Status User

4.10.12 Login Operasional / Edit Nahkoda

Gambar 4.48 : Perancangan Layar Login Operasional

Halaman ini digunakan oleh user operasional untuk melakukan penentuan nama

nahkoda yang akan bertugas. Data-data yang muncul pada halaman ini adalah

data dari customer yang telah disetujui oleh marketing. Sehingga operasional

hanya mengisi nama nahkoda yang akan bertugas.

4.10.13 View Hasil Booking

HEADER

Username

Log Out

Menu UserNama Perusahaan NamaKapal Nahkoda

Upd

Page


Gambar 4.49 : Perancangan Layar View Hasil Booking

Halaman ini di gunakan untuk mendapatkan informasi mengenai hasil dari

pembookingan. Terdapat 3 jenis hasil keputusan yang akan muncul,

1. Di Tolak

Calon penyewa kurang memenuhi persaratan yang di ajukan oleh PT. Baruna

Raya Logistics sehingga ditolak.

2. Diterima

Penyewa memenuhi persyaratan yang di ajukan oleh PT. Baruna Raya

Logistics sehingga penyewa dapat melakukan kerjasama dengan PT. Baruna

Raya Logistics.

3. Dalam Proses

Pembookingan masik dalam proses.

HEADER

Username

Log Out

Menu UserNama Nama Kapal Keputusan

Page


NPWP Search

4.10.14 View Nahkoda

Gambar 4.50 : Perancangan Layar View Nahkoda

Halaman ini berisi mengenai nama nahkoda yang dimiliki atau yang bertugas di

PT. Baruna Raya Logistic. User dapat mengedit serta menghapus nahkoda, yang

terdapat pada halaman tersebut. User internal Administrator dan operasional

dapat memasukan data nahkoda baru. Dengan menekan link createUser.

4.10.15 Create / Update Nahkoda

HEADER

Username

Log Out

Menu User

Nama Alam

Page


JK Telp ST

Back CreateUser

Edit / Delete

Gambar 4.51 : Perancangan Layar Create / Update Nahkoda

Halaman ini adalah form untuk melakukan pengisian data nahkoda baru ataupun

digunakan untuk mengedit data nahkoda yang ada. Sistem akan menerima

parameter yang digunakan sebagai pembanding apakah user ingin melakukan

pengeditan data nahkoda ataupun untuk memasukan data nahkoda yang baru.

4.10.16 View User

HEADER

Username

Log Out

Menu User

Nama

Alamat


Jenis Kelamin

Telephone

Status

Create Reset

PriaWanita

Gambar 4.52 : Perancangan Layar View User

Halaman ini digunakan untuk melihat user internal dari website PT. Baruna Raya

Logistics. User internal adalah karyawan PT. Baruna Raya Logistics yang

memiliki hak akses pada website tersebut. Halaman ini hanya dapat diakses oleh

andiministrator; andministrator dapat melakukan insert, update dan delete dalam

halaman tersebut. Jika ada kesalahan dalam melakukan penulisan atau

memasukan data, maka admin dapat melakukan pengeditan data.

4.10.17 Create User / Edit User / Edit Profile

HEADER

Username

Log Out

Menu User

IDKaryawan Nama Username

Page


Alamat JK Telp ST

Back CreateUser

Gambar 4.53 : Perancangan Layar Create User / Edit User / Edit Profile

Halaman ini digunakan untuk memasukan user baru ataupun untuk mengeditnya

kembali apabila terdapat kesalahan dalam pengisian data.

4.10.18 View News

HEADER

Username

Password

Confirm Password

Alamat

Jenis Kelamin

Telephone

Nama

Laki - Laki Perempuan


Login

Username

Password

Create Reset

Gambar 4.54 : Perancangan Layar View News

Halaman news merupakan halaman yang dapat diakses oleh semua user, baik

user external maupun user internal, akan tetapi user external tidak dapat

membaca news yang bersifat rahasia, sedangkan user internal dapat membacanya

apabila telah melakukan login terlebih dahulu. apabila menggunakan login

administrator, maka akan muncul link Edit, Delete serta Create News, dimana

hanya seorang administrator saja yang dapat melakukan use case tersebut.

4.10.19 Create News / Edit News

HEADER

Username

Log Out

Menu NewsJudul News

Tanggal News

Isi News

Edit Delete

Gambar News

View Detail


Create News

Page

Gambar 4.55 : Perancangan Layar Create News / Edit News

Halaman ini digunakan untuk membuat atapun mengedit news apabila terjadi

kesalahan dalam penulisan news. Seperti semua form yang lain, sistem juga

menerima parameter yang digunakan sebagai pembanding, sehingga halaman

dapat menampilkan Insert Data atau Update Data dari news.

4.11 Implementasi Sistem

4.11.1 Sarana Yang Diperlukan Dalam Pembangunan Sistem

Untuk membangun situs dan aplikasi pembookingan berbasis web ini, maka

diperlukan sarana – sarana yang dibagi menjadi 2 kelompok yaitu perangkat keras

HEADER


User Name

Password

Login

Judul News

Save Reset

Jenis News

Gambar

Isi News

( hardware ) dan perangkat lunak ( software ). Adapun sarana – sarana tersebut dapat

dijabarkan secara rinci sebagai berikut :

1. Kebutuhan perangkat keras ( Hardware )

Agar pembangunan situs dan aplikasi dapat berjalan dengan baik, maka

spesifikasi perangkat keras yang disarankan adalah sebagai berikut :

a. Processor 2.4GHz atau lebih tinggi

b. VGA Card 64MB atau lebih tinggi

c. Memory 512MB atau lebih tinggi

e. Harddisk

f. Monitor VGA 800 X 600

g. Keyboard + Mouse

2. Kebutuhan perangkat lunak ( Software )

Spesifikasi perangkat lunak yang dibutuhkan untuk membangun situs dan

aplikasi pembookingan berbasis web ini adalah sebagai berikut :

a. Micorosft Windows 2000 / NT / XP

b. Macrmedia Dreamweaver MX 2004

c. MySQL

d. Internet Browser

e. Textpad dengan J2EE

f. Apache Tomcat

g. Macromedia Flash 2004 MX

h. Microsoft Access 2003

4.11.2 Sarana Yang Diperlukan Dalam Implementasi Sistem

Untuk mengimplementasikan situs dan aplikasi pembookingan berbasis web ini

, maka diperlukan sarana – sarana yang dibagi menjadi dua kelompok yaitu perangkat

keras ( hardware ) dan perangkat lunak ( software ). Adapun sarana – sarana tersebut

dapat dijabarkan secara rinci sebagai berikut :

1. Kebutuhan perangkat keras ( Hardware )

Agar situs dan aplikasi pembookingan berbasis web ini dapat berjalan

dengan baik, maka spesifikasi perangkat keras yang disarankan adalah

sebagai berikut :

Server :

Processor 2.4GHz atau lebih tinggi

Monitor VGA 800 X 600

VGA Card 64MB atau lebih tinggi

Harddisk 120GB atau lebih tinggi

Memory 512MB atau lebih tinggi

Peralatan untuk koneksi jaringan dan internet

Keyboard + Mouse

Client :

Processor 500MHz atau lebih tinggi

Monitor VGA 800 X 600

VGA card 64MB atau lebih tinggi

Harddisk 4GB atau lebih tinggi

Memory 128MB atau lebih tinggi

Peralatan untuk koneksi jaringan dan internet

Keyboard + Mouse

2. Kebutuhan perangkat lunak ( Software )

Spesifikasi perangkat lunak yang dibutuhkan dalam menjalankan situs

dan aplikasi berbasis web ini adalah sebagai berikut :

Server :

Microsoft Windows 2000 / NT

MySQL

Apache Tomcat

Internet Browser

Client :

Microsoft Windows 2000 / NT / XP

Internet Browser

4.11.3 Brainware

Untuk menjalankan dan memelihara sistem yang akan diimplementasikan, maka

diperlukan sumber daya manusia yang dapat mengatur sistem, SDM yang diperlukan

adalah sebagai berikut :

Web administrator

Orang yang bertugas untuk melakukan manipulasi ( update, insert, delete )

data pada database secara online.

Web developer

Orang yang bertugas untuk melakukan pengembangan dan pemeliharaan

halaman website

Marketing

Orang yang bertugas untuk mempertimbangkan permintaan pembookingan

dari para customer

Operasional

Orang yang bertugas untuk mempersiapkan kapal serta nahkodanya

4.11.4 Cara Pengoperasian Sistem

4.11.4.1 Pengoperasian Sistem Untuk User Public

Gambar 4.56 : Layar Halaman Utama

Halaman utama dari website PT Baruna Raya Logistics, dimana dihalaman ini

diperlihatkan profile dari PT.Baruna Raya Logistics. Semua user internal

maupun external dapat mengakses halaman ini, menu yang disediakan dihalaman

ini adalah link menuju forum,News,Galery,InfoKapal,dan Pembookingan. Semua

fasilitas ini dapat diakses oleh semua user.

Gambar 4.57 : Layar Halaman Forum

Halaman ini adalah halaman forum dimana user dapat melihat informasi

mengenai forum tersebut, akan tetapi hanya user yang telah melakukan login

dapat menulis atau topik tanggapan dalam forum tersebut, sehingga user harus

memiliki account apabila ingin membuat atau topik tanggapan mengenai topic

tertentu. Halamam ini hanya menampilkan topic-topik forum, apabila user ingin

melihat isi dari topik tersebut, user dapat menekan link menuju isi forum yang

terletak pada judul topik. Dengan halaman ini diharapkan user dapat memberikan

saran kepada PT. Baruna Raya Logistics, sehingga PT. Baruna Raya Logistics

dapat meningkatkan pelayanan kepada customer.

Gambar 4.58 : Layar Halaman Isi Forum

Halaman isi forum merupakan halaman yang menampilkan isi dari tanggapan

setiap forum, user yang telah melakukan login dapat menulis tanggapan

mengenai topik dengan cara menekan link reply

Gambar 4.59 : Layar Halaman News

Halaman news merupakan halaman informasi yang disediakan oleh PT. Baruna

Raya Logistic, di halaman ini user akan dengan mudah melihat mengenai

informasi yang di tuliskan oleh PT. Baruna Raya Logistic,. Informasi memiliki

cangkupan yang luas, baik informasi mengenai Kapal ataupun informasi

mengenai hal umum.

Gambar 4.60 : Layar Halaman Galery

Halaman ini adalah halaman Galery yang digunakan untuk melihat gambar-

gambar kapal ataupun gambar umum yang terdapat dalam website PT.Baruna

Raya Logisics. Terdapat 2 jenis gambar, yaitu gambar besar dan gambar kecil.

Apabila gambar kecil di tekan maka gambar kecil akan menggantikan gambar

besar.

Gambar 4.61 : Layar Halaman Info Kapal

Halaman Info Kapal merupakan halaman yang dapat di gunakan untuk

memperoleh mengenai kapal yang dimiliki oleh PT Baruna raya Logistic.

Dimana dari halaman ini user dapat melihat kapal secara detail sesuai dengan

informasi yang dibutuhkan oleh customer.

Gambar 4.62 : Layar Halaman Detail Kapal

Halaman ViewDetail kapal menunjukan aksesoris yang dimiliki oleh kapal,

informasi yang berwarna Biru adalah informasi kapal secara umum yang dapat

dipakai sebagai pertimbangan dalam memilih kapal, sedangkan informasi yang

berwarna putih, merupakan informasi penunjang dan dapat diubah sesuai

kebutuhan dari customer. Jika calon customer tertarik untuk menyewa kapal

maka dapat secara langsung membuka halaman Form Pembookingan.

BAB 4 PERANCANGAN, IMPLEMENTASI, DAN EVALUASI SISTEM...

Documents

Transcript of BAB 4 PERANCANGAN, IMPLEMENTASI, DAN EVALUASI SISTEM...