Jurusan Teknik Informatika Program Studi Software Engineering Skripsi Sarjana Komputer Semester Ganjil tahun 20062007 ANALISIS DAN PERANCANGAN SISTEM PEMBOOKINGAN KAPAL BERBASIS WEB PADA PT.BARUNA RAYA LOGISTICS
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika
Program Studi Software Engineering
Skripsi Sarjana Komputer
Semester Ganjil tahun 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PEMBOOKINGAN KAPAL BERBASIS WEB PADA PT.BARUNA RAYA LOGISTICS
Farezi Indra K 0700712603
Nurma Lestari 0700697256
Teguh Pramono 0700694866
Kelas/Kelompok07PAT/ 08 Abstrak Tujuan penelitian ini adalah menganalisa sistem pembookingan kapal yang
sedang berjalan, merancang sistem pembookingan kapal secara online melalui media
internet pada PT. Baruna Raya Logistics, sehingga memudahkan perusahaan dalam hal
memasarkan informasi – informasi kapal kepada para customer. Metodologi yang
digunakan adalah penelitian kepustakaan, penelitian lapangan dan analisis. Metode
penelitian kepustakaan dilakukan dengan cara mengambil serta membaca buku – buku
yang berhubungan dengan web based application dan ilmu pengetahuan yang
berhubungan dengan penelitian. Metode lapangan dilakukan dengan dua teknik yaitu,
interview dan observasi. Metode analisis dilakukan dengan menggunakan hasil dari
interview dan observasi yang telah dan akan dilakukan, dengan konsep analisis dan
perancangan sistem berorientasi pada objek. Hasil yang dicapai yaitu, peningkatan
efisiensi dan efektifitas kinerja perusahaan, mempermudah divisi – divisi dalam
perusahaan dan juga pihak – pihak luar perusahaan yang berkepentingan untuk
mengakses serta mendapatkan data secara cepat dan akurat, serta meningkatkan kualitas
IT pada perusahaan. Kesimpulan yang didapat adalah sistem pembookingan berbasis
web yang dibuat merupakan sistem pendukung terhadap sistem yang sedang berjalan.
Sistem ini mempunyai beberapa keuntungan antara lain: jangkauan yang lebih luas,
kemudahan informasi, pembookingan online, serta akses 24 jam.KATA PENGANTAR
Puji dan syukur kami panjatkan Kehadirat Allah SWT, Tuhan Yang Maha Esa
karena atas rahmat dan hidayah-Nya penulisan skripsi kami yang berjudul “ Analisis dan
Perancangan Sistem Pembookingan Berbasis Web Pada PT. Baruna Raya Logistics”
dapat diselesaikan dengan baik dan tepat pada waktunya.Penulisan skripsi ini dilakukan untuk memenuhi salah satu syarat dalam
menyelesaikan pendidikan strata 1 jurusan Teknik Informatika, Fakultas Ilmu Komputer
Universitas Bina Nusantara guna mendapatkan gelar Sarjana Komputer ( S.Kom ) Pada kesempatan ini kami mengharapkan kritik dan saran yang sifatnyamembangun dari semua pihak sebagai upaya penyempurnaan skripsi kami. Kami
berharap skripsi ini dapat dijadikan masukan bagi para pembaca dalam mengembangkan
karya ilmiah yang lebih baik lagi.Penyelesaian skripsi ini tidak lepas dari bantuan dan dukungan semua pihak, baik
moril maupun materil, maka sudah sepantasnya pada kesempatan ini kami ingin
mengucapkan terima kasih yang sebesar-besarnya kepada :1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc, selaku Pejabat Rektor Universitas Bina Nusantara.
2. Bapak H.M Subekti, BE., M.Sc, selaku ketua program studi jurusan Teknik Informatika Universitas Bina Nusantara.
3. Bapak Romli S.Kom, M.App.Comp, selaku pembimbing kami yang dengan sabar memberikan kami petunjuk-petunjuk dan juga masukan-masukan yang berharga sehingga skripsi ini dapat diselesaikan tepat waktu.
4. Ibu Hj. Nuryani, selaku manajer pembelian.
5. Bapak Tri Ambodo, selaku manajer IT PT. Baruna Raya Logistics.
6. Bapak Sapto Wibowo, selaku manajer marketing PT. Baruna Raya Logistics.
7. Orang tua tercinta dan seluruh keluarga yang tidak henti-hentinya memberikan
doa, semangat dan dukungan moril serta materil demi keberhasilan kami.
8. Seluruh dosen Universitas Bina Nusantara yang telah memberikan ilmu-ilmu yang bermanfaat selama kami kuliah.
9. Dina Febriana untuk inspirasinya dalam skripsi ini.
10. Loreta, Om Didit A.K.A DJ Asto, Fiqri Refa A.K.A H_Ote2, Arief A.K.A Tian , Budi HF A.K.A Faqih , Citra, April, Irenne, Poetrie Niloufar, Satrio Prajarto, Bayu, Nola, Da’Soundwave’s Crew Cherry & Karina.
11. Ryan, Itang, Iba, teman – teman semuanya, Satria, Vina, Ia, Agung, Akbar, Nanda, Aris, Haries, Niko, Kakek dan Nenek, Tante Tini, Om Ikin, Kru Putri Gunung Jati, Kru Mama Roti.
12. The Boeroeng, yang senan tiasa jadi temen-temen yang paling asik
13. Ithink Family yang senantiasa menyediakan konsumsi untuk team the boeroeng
Akhir kata, kami harapkan semoga skripsi ini bermanfaat bagi semua pihak-pihak yang berkepentinganJakarta, Januari 2007 Penulis
DAFTAR ISI
1.5 Sistematika Penulisan
2.2 Teknologi Informasi
6
2.1.1 Konsep Visi dan Misi
6
2.1 Visi dan Misi
6
4 BAB 2 LANDASAN TEORI
Halaman Judul Luar i Halaman Judul Dalam ii Halaman Persetujuan Hardcover iii Pernyataan Dewan Penguji iv Abstrak vii Prakata viii Daftar isi x Daftar Tabel xix Daftar Grafik xxi Daftar Gambar xxii Daftar Lampiran xxvi
BAB 1 PENDAHULUAN
1.4 Metode Perancangan dan Pengembangan Sistem
3
1.3 Tujuan dan Manfaat
2
1.2 Ruang Lingkup
1
1.1 Latar Belakang
1
4
2.2.1 Konsep Teknologi Informasi
18
16
2.4.1 Internet
16
2.4.2 Intranet
18
2.4.3 Extranet
18
2.4.4 Web Server
2.4.5 World Wide Web
16
19
2.4.6 HTML ( Hypertext Markup Language )
19
2.4.7 Web Browser
19
2.4.8 TCP / IP
20
2.5 Web Based Application
2.4 Jaringan dan Komponen-komponennya
2.3.2.5 Struktur Organisasi Matriks
6
2.3.1 Pengertian Organisasi
2.2.2 Prinsip Teknologi Informasi
7
2.2.3 Fungsi Teknologi Informasi
7
2.2.4 Keunggulan Teknologi Informasi
8
2.3 Organisasi
9
9
14
2.3.2 Struktur Organisasi
9
2.3.2.1 Struktur Organisasi Sederhana
11
2.3.2.2 Struktur Organisasi Fungsional
11
2.3.2.3 Struktur Organisasi Divisional
13
2.3.2.4 Struktur Organisasi Business Unit / Unit Usaha Stategis
20
2.5.2 Struktur Web Based Application
21
2.5.3 Penulisan Web Based Application
21
2.6 Rekayasa Piranti Lunak
22
2.6.1 Software
22
2.6.2 Model Proses Software
23
2.6.2.1 Prototype Model
23
2.6.3 Arsitektur Software Tree-Tiers
25
2.7 Interaksi Manusia dan Komputer
28
2.7.1 Delapan Aturan Emas Perancangan User Interface
28
2.7.2
10 Kesalahan Perancangan User Interface
30
2.8 E-Commerce
31
2.8.1 B2B ( Business To Business )
33
2.8.1.1 Keuntungan B2B
35
2.8.1.2 Tantangan B2B
35
2.8.2 B2C ( Business To Customer )
36
2.8.2.1 Keuntungan B2C
36
2.8.2.2 Tantangan B2C
37
2.9 Database
37
2.9.1 Komponen Database
38
2.9.2 Normalisasi
39
2.10 Alat Bantu Perancangan Sistem
39
2.10.1 UML ( Unified Modelling Language )
39
2.10.1.1 Jenis-jenis UML Diagram
40
2.11.1 Java
42
2.11.1.1 Kelebihan Java
43
2.11.2 Dreamweaver MX2004
43
2.11.3 Apache Tomcat
44
2.11.4 MySQL
44
2.12 Analisis SWOT
45 BAB 3 ANALISIS KONDISI PERUSAHAAN
47
3.1 Gambaran Umum Perusahaan
47
3.1.1 Visi, Misi dan Tujuan Perusahaan
48
3.1.1.1 Visi Perusahaan
48
3.1.1.2 Misi Perusahaan
49
3.1.1.3 Tujuan Perusahaan
49
3.2 Struktur Organisasi Perusahaan
50
3.3 Analisa SWOT
70
3.3.1 Faktor Strategi Eksternal
70
3.3.2 Faktor Strategi Internal
72
3.4 Sistem Yang Sedang Berjalan
74
3.4.1 Masalah
77
3.4.2 Solusi
79 BAB 4 PERANCANGAN, IMPLEMENTASI DAN EVALUASI SISTEM
82
4.1 Rancangan Sistem Yang Diusulkan
82
4.2 Rancangan Arsitektur Software
83
4.3 Class Diagram
85
4.4.1 Entity Relationship
97
94
4.4.14 Tabel TrKontrak
95
4.4.15 Tabel TrForum
95
4.4.16 Tabel MsJenisForum
96
4.4.17 Tabel TrIsiForum
4.4.18 Tabel TrNews
94
97
4.4.19 Tabel MsJenisNews
98
4.4.20 Tabel MsNahkoda
99
4.4.21 Tabel MsStatusNahkoda
99
4.5 Use Case Diagram 100
4.4.13 Tabel MsStatusUser
4.4.12 Tabel TrUser
86
4.4.6 Tabel MsCapacity
4.4.2 Tabel TrPembookingan
87
4.4.3 Tabel MsKapal
88
4.4.4 Tabel MsConsumption
88
4.4.5 Tabel MsMachinery
89
90
93
4.4.7 Tabel MsBridge
90
4.4.8 Tabel MsDimension
91
4.4.9 Tabel MsKaryawan
92
4.4.10 Tabel MsUserInternal
93
4.4.11 Tabel TrUserExternal
4.5.1 Use Case Diagram Keseluruhan 100
4.5.3 Use Case Diagram User Non KPS 103
4.7.7 Sequence Diagram Delete Forum 124
4.7.16 Sequence Diagram Edit User 132
4.7.15 Sequence Diagram Create User 131
4.7.14 Sequence Diagram Delete News 130
4.7.13 Sequence Diagram Edit News 129
4.7.12 Sequence Diagram Create News 128
4.7.11 Sequence Diagram View News 127
4.7.10 Sequence Diagram Delete Kapal 127
4.7.9 Sequence Diagram Edit Kapal 126
4.7.8 Sequence Diagram Create Kapal 125
4.7.6 Sequence Diagram Edit Forum 123
4.5.4 Use Case Diagram Marketing 104
4.7.5 Sequence Diagram Create Forum 123
4.7.4 Sequence Diagram View Forum 121
4.7.3 Sequence Diagram Cek Perusahaan 121
4.7.2 Sequence Diagram Booking 120
4.7.1 Sequence Diagram Login 119
4.7 Sequence Diagram 119
4.6 Use Case Scenario 109
4.5.6 Use Case Diagram Administrator 107
4.5.5 Use Case Diagram Operasional 106
4.7.17 Sequence Diagram Delete User 133
4.7.19 Sequence Diagram Penentuan Nahkoda 135
4.9.3 Aplikasi Marketing 152
4.10.6 Galery 177
4.10.5 View Forum 176
4.10.4 Edit Forum 176
4.10.3 Create Forum 175
4.10.2 Forum 174
4.10.1 Halaman Utama 172
4.10 Perancangan Layar 172
4.9.5 Aplikasi Administrator 165
4.9.4 Aplikasi Operasional 159
4.9.2 Aplikasi User External 150
4.7.20 Sequence Diagram Persetujuan Langsung 136
4.9.1 Aplikasi Keseluruhan 143
4.9 Pseudocode 143
4.8.5 Alur Program Administrator 142
4.8.4 Alur Program Operasional 141
4.8.3 Alur Program Marketing 140
4.8.2 Alur Program User External 139
4.8.1 Alur Program Keseluruhan 138
4.8 Alur Program 138
4.7.21 Sequence Diagram Edit Profile 137
4.10.7 Info Kapal 179
4.10.9 View Detail Kapal 181
4.10.10 Form Pembookingan 183
4.10.11 Login Marketing 184
4.10.12 Login Operasional / Edit Nahkoda 185
4.10.13 View Hasil Booking 185
4.10.14 View Nahkoda 187
4.10.15 Create / Update Nahkoda 187
4.10.16 View User 188
4.10.17 Create User / Edit User / Edit Profile 189
4.10.18 View News 190
4.10.19 Create News / Edit News 191
4.11 Implementasi Sistem 192
4.11.1 Sarana Yang Diperlukan Dalam Pembangunan Sistem 192
4.11.2 Sarana Yang Diperlukan Dalam Implementasi Sistem 194
4.11.3 Brainware 195
4.11.4 Cara Pengoperasian Sistem 196
4.11.4.1 Pengoperasian Sistem Untuk User Public 196
4.11.4.2 Pengoperasian Sistem Untuk User Internal 205
4.11.4.3 Pengoperasian Sistem Untuk Administrator 211
4.11.4.4 Pengoperasian Sistem Untuk Marketing 213
4.11.4.5 Pengoperasian Sistem Untuk Operasional 214
4.12.1 Kelebihan Sistem 216
4.12.2 Keterbatasan Sistem 217
4.12.3 Evaluasi Internal 217
4.12.3.1 Evaluasi Menggunakan 8 Aturan Emas Perancangan Layar 218
4.12.3.2 Evaluasi Menggunakan 10 Kesalahan Perancangan Layar 226
4.12.4 Evaluasi Eksternal 228
BAB 5 KESIMPULAN DAN SARAN 233
5.1 Kesimpulan 233
5.2 Saran 233 DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN FOTOCOPY SURAT SURVEY
DAFTAR TABEL
95 Tabel 4.13 : Spesifikasi Tabel TrKontrak
99 Tabel 4.21 : Tabel Use Case Scenario Login 109
99 Tabel 4.20 : Spesifikasi Tabel MsStatusNahkoda
98 Tabel 4.19 : Spesifikasi Tabel MsNahkoda
98 Tabel 4.18 : Spesifikasi Tabel MsJenisNews
97 Tabel 4.17 : Spesifikasi Tabel TrNews
96 Tabel 4.16 : Spesifikasi Tabel TrIsiForum
96 Tabel 4.15 : Spesifikasi Tabel MsJenisForum
95 Tabel 4.14 : Spesifikasi Tabel TrForum
Tabel 4.1 : Spesifikasi Tabel TrPembookingan87 Tabel 4.2 : Spesifikasi Tabel MsKapal
94 Tabel 4.11 : Spesifikasi Tabel TrUser
93 Tabel 4.10 : Spesifikasi Tabel TrUserExternal
92 Tabel 4.9 : Spesifikasi Tabel MsUserInternal
91 Tabel 4.8 : Spesifikasi Tabel MsKaryawan
91 Tabel 4.7 : Spesifikasi Tabel MsDimension
90 Tabel 4.6 : Spesifikasi Tabel MsBridge
89 Tabel 4.5 : Spesifikasi Tabel MsCapacity
88 Tabel 4.4 : Spesifikasi Tabel MsMachinery
88 Tabel 4.3 : Spesifikasi Tabel MsConsumption
94 Tabel 4.12 : Spesifikasi Tabel MsStatusUser
Tabel 4.22 : Tabel Use Case Scenario Booking 110Tabel 4.31 : Tabel Use Case Scenario Create News 114Tabel 4.37 : Tabel Use Case Scenario Keputusan Pembookingan 118Tabel 4.36 : Tabel Use Case Scenario Delete User 117Tabel 4.35 : Tabel Use Case Scenario Edit User 117Tabel 4.34 : Tabel Use Case Scenario Create User 116Tabel 4.33 : Tabel Use Case ScenarioDelete News 116Tabel 4.32 : Tabel Use Case Scenario Edit News 115Tabel 4.30 : Tabel Use Case Scenario View News 114Tabel 4.23 : Tabel Use Case Scenario Cek Perusahaan 110Tabel 4.29 : Tabel Use Case Scenario Delete Kapal 113Tabel 4.28 : Tabel Use Case Scenario Edit Kapal 113Tabel 4.27 : Tabel Use Case Scenario Create Kapal 112Tabel 4.26 : Tabel Use Case Scenario Delete Forum 112Tabel 4.25 : Tabel Use Case Scenario Create Forum 111Tabel 4.24 : Tabel Use Case Scenario View Forum 111Tabel 4.38 : Tabel Use Case Scenario Penentuan Nahkoda 119DAFTAR GRAFIK
Grafik 4.1 : Grafik Tampilan Website Keseluruhan 228 Grafik 4.2 : Grafik Kekonsistenan Tampilan Website 229 Grafik 4.3 : Grafik Kemudahan Penggunaan Website 230 Grafik 4.4 : Grafik Tingkat Bantuan Situs Dalam Mencari dan Memperoleh Informasi 230 Grafik 4.5 : Grafik Kemudahan Dalam Melakukan Pembookingan Kapal Secara Online 230 Grafik 4.6 : Grafik Kelebihan Yang Ada Pada Situs Baruna Raya Logistics 231 Grafik 4.7 : Grafik Cara Penggunaan Situs Bagi Administrator 231 Grafik 4.8 : Grafik Kemudahan Penggunaan Situs Bagi Administrator Dalam Melakukan Peng-update-an dan Pengisisan Informasi 232
DAFTAR GAMBAR
Gambar 2.1 : Struktur Organisasi Sederhana11 Gambar 2.2 : Struktur Organisasi Fungsional
12 Gambar 2.3 : Struktur Organisasi Divisional
14 Gambar 2.4 : Struktur Organisasi SBU
15 Gambar 2.5 : Struktur Organisasi Matriks
16 Gambar 2.6 : Prototype Model
24 Gambar 2.7 : Arsitektur Tree-Tier
25 Gambar 2.8 : Model Bisnis B2B
34 Gambar 2.9 : Model Bisnis B2C
36 Gambar 2.10 : Use Case Diagram
40 Gambar 2.11 : Class Diagram
41 Gambar 2.12 : Sequence Diagram
41 Gambar 2.13 : SWOT
45 Gambar 3.1 : Struktur Organisasi Perusahaan
50 Gambar 3.2 : Flowchart Sistem Yang Sedang Berjalan
74 Gambar 4.1 : Flowchart Sistem Yang Diusulkan
82 Gambar 4.2 : Arsitektur Software Yang Diusulkan
83 Gambar 4.3 : Class Diagram Sistem
85 Gambar 4.4 : Entity Relationship Sistem
86 Gambar 4.5 : Use Case Diagram Keseluruhan Sistem 101
Gambar 4.6 : Use Case Diagram User KPS 102Gambar 4.7 : Use Case Diagram Non KPS 103Gambar 4.8 : Use Case Diagram Marketing 104Gambar 4.9 : Use Case Diagram Operasional 106Gambar 4.10 : Use Case Diagram Administrator 108Gambar 4.11 : Sequence Diagram Login 119Gambar 4.12 : Sequence Diagram Booking 120Gambar 4.13 : Sequence Diagram Cek Perusahaan 121Gambar 4.14 : Sequence Diagram View Forum 122Gambar 4.15 : Sequence Diagram Create Forum 123Gambar 4.31 : Sequence Diagram Edit Profile 137Gambar 4.44 : Perancangan Layar Create Kapal / Edit Kapal 180Gambar 4.43 : Perancangan Layar Info Kapal 179Gambar 4.42 : Perancangan Layar Gallery 178Gambar 4.41 : Perancangan View Forum 177Gambar 4.40 : Perancangan Edit Forum 176Gambar 4.39 : Perancangan Create Forum 175Gambar 4.38 : Perancangan Layar Forum 174Gambar 4.37 : Perancangan Layar Halaman Utama 173Gambar 4.36 : Alur Program Administrator 142Gambar 4.35 : Alur Program Program Operasional 141Gambar 4.34 : Alur Program Marketing 140Gambar 4.33 : Alur Program User Eksternal 139Gambar 4.32 : Alur Program Keseluruhan 138Gambar 4.30 : Sequence Diagram Persetujuan Langsung 136Gambar 4.16 : Sequence Diagram Edit Forum 124Gambar 4.29 : Sequence Diagram Penentuan Nahkoda 135Gambar 4.28 : Sequence Diagram Keputusan Pembookingan 134Gambar 4.27 : Sequence Diagram Delete User 133Gambar 4.26 : Sequence Diagram Edit User 132Gambar 4.25 : Sequence Diagram Create User 131Gambar 4.24 : Sequence Diagram Delete News 130Gambar 4.23 : Sequence Diagram Edit News 129Gambar 4.22 : Sequence Diagram Create News 128Gambar 4.21 : Sequence Diagram View News 128Gambar 4.20 : Sequence Diagram Delete Kapal 127Gambar 4.19 : Sequence Diagram Edit Kapal 126Gambar 4.18 : Sequence Diagram Create Kapal 125Gambar 4.17 : Sequence Diagram Delete Forum 124Gambar 4.45 : Perancangan Layar View Detail Kapal 182Gambar 4.46 : Perancangan Layar Form Pembookingan 183Gambar 4.62 : Layar Halaman Detail Kapal 202Gambar 4.75 : Layar Halaman Detail Nahkoda 215Gambar 4.74 : Layar Halaman Change Nahkoda 214Gambar 4.73 : Layar Halaman Form Agreement Marketing 213Gambar 4.72 : Layar Halaman Create / Update User Internal 212Gambar 4.71 : Layar Halaman Data User Internal 211Gambar 4.70 : Layar Halaman Form Input / Update Data Kapal 210Gambar 4.69 : Layar Halaman Pada User Internal 209Gambar 4.68 : Layar Halaman News Pada Administrator 208Gambar 4.67 : Layar Halaman Isi Forum 207Gambar 4.66 : Layar Halaman Form Topik Forum 206Gambar 4.65 : Layar Halaman Keputusan Booking 205Gambar 4.64 : Layar Halaman Report Pembookingan 204Gambar 4.63 : Layar Halaman Pembookingan 203Gambar 4.61 : Layar Halaman Info Kapal 201Gambar 4.47 : Perancangan Layar Login Marketing 184Gambar 4.60 : Layar Halaman Galery 200199