BAB III ANALISIS DAN DESAIN SISTEM
III.1. Analisa Masalah Report Passanger dilakukan guna mengetahui masalah-masalah yang terkait didalam knowledge management system tentang layanan Report Passanger yang berjalan saat ini. Adapun knowledge management system tentang report passanger yang sedang berjalan saat ini masih menggunakan sistem yang manual, yakni staff ticketing harus menulis secara manual laporan penumpang. Sistem yang bekerja secara manual ini dapat menyebabkan keterlambatan dalam hal pengecekan tiket pesawat. Untuk itu penulis membuat sebuah sistem baru yang sudah terkomputerisasi untuk mempermudah staff ticketing dalam mencari solusi dalam menyelesaikan suatu masalah yang berkaitan dengan report passanger dan juga mempermudah dalam berbagi pengetahuan. User yang ingin memberikan pengetahuannya tidak harus memberikannya pada saat seminar ataupun rapat sehingga pengetahuan tersebut dapat langsung diterima oleh user yang lain secara cepat dan efisien. Adapun strategi pemecahan masalah yang penulis rancang adalah sebagai berikut :
35
36
III.2. Desain Sistem Bentuk rancangan sistem yang akan penulis rancang adalah dengan menggunakan beberapa bentuk diagram dari UML yaitu : Use Case Diagram, Class Diagram, Activity Diagram,dan Sequence Diagram.
III.2.1. Use Case Diagram Use case menjelaskan urutan kegiatan yang dilakukan actor dan sistem untuk mencapai suatu tujuan tertentu. Sebuah use case mempresentasikan sebuah interaksi antar actor dengan sistem dan menggambarkan fungsionalitas yang diharapkan dari sebuah Analisis dan Implementasi knowledge management system berbasis web tentang report passanger pada PT. Hoki Anugrah Nusantara. Use case diagram knowledge management system tentang layanan report passanger dapat dilihat pada gambar III.1.
37
<< extend >>
<< extend >>
Login
<< include >> << include >>
Forum Diskusi
Admin
Daftar
<< include >>
<< include >>
Topik
User
Reply << include >>
Report passanger
<< include >>
Edit Profile
<< include >>
Edit Password
<< extends >>
<< extends >>
Log Out
Gambar III.1. Use Case Diagram
38
III.2.2. Class Diagram Berikut adalah rancangan class diagram untuk Analisis & Implementasi Knowledge Management System Berbasis Web Tentang Report Passanger pada PT. Hoki Anugerah Nusanatara :
Gambar III.2. Class Diagram
39
III.2.3. Activity Diagram Berikut adalah rancangan activity diagram untuk Analisis & Implementasi Knowledge Management System Berbasis Web Tentang Report Passanger pada PT. Hoki Anugrah Nusantara :
1.
Activity Diagram Login
Login Tidak
Input Username dan Password
Ya Beranda
Gambar III.3. Activity Diagram Login
40
2.
Activity Diagram Daftar User
Form Daftar
Input Data User Tidak
Ya Simpan Data
Input Data Desa
Simpan Data Edit Data Pemilihan Data Hapus Batal Hasil Keluar Tampilan
Hasil Keluar Tampilan
Gambar III.4. Activity Diagram Daftar User
41
3.
Activity Diagram Report Passanger
Form Report Passanger
Edit Data Ya
Pemilihan Data
Hapus Data
Tidak Cetak Data Tambah Data
Ya
Simpan Data
Hasil
Tidak
Keluar
Tampilan
Gambar III.5. Activity Diagram Report Passanger
42
4.
Activity Diagram Forum Topik
Forum Diskusi
Tambah Topik
Ya
Simpan Data
Input Data Desa
Simpan Data Edit Data Pemilihan Data Hapus
Tidak
Batal Hasil Keluar Tampilan
Pilih Topik Edit Data Ya
Hasil
Input Data Desa
Hapus Data
Simpan Data Edit Data Pemilihan Data Hapus
Tidak Keluar
Batal Hasil Keluar Tampilan
Tampilan
Gambar III.6. Activity Diagram Forum Topik
43
5.
Activity Diagram Forum Reply
Forum Diskusi
Kirim Komentar
Ya
Simpan Data
Input Data Desa
Simpan Data Edit Data Pemilihan Data Hapus
Tidak
Batal Hasil Keluar Tampilan
Hasil
Keluar
Tampilan
Gambar III.7. Activity Diagram Forum Reply
44
III.2.4. Sequence Diagram 1.
Sequence Diagram Login User Adapun bentuk rancangan tentang login user yang dirancang penulis
adalah sebagai berikut : Aktor
Form Login
Proses
Permintaan Username dan Password Login Username dan Password
Proses Login dengan Username dan Password
Beranda
Validasi Username, Password dan Level
Log Out
III.8. Sequence Diagram Login User
45
2.
Sequence Diagram Daftar User Adapun bentuk rancangan tentang daftar user yang dirancang penulis
adalah sebagai berikut : Aktor
Form Daftar
Halaman Login
Proses
Permintaan Data User
Input Data User
Proses Pendaftaran User
Pendaftaran Berhasil
Pemberitahuan Pendaftaran Berhasil
III.9. Sequence Diagram Daftar User
46
3.
Sequence Diagram pada halaman Home Adapun bentuk rancangan tentang halaman beranda yang dirancang
penulis adalah sebagai berikut : Aktor
Aplikasi
Proses
Home Pemilihan Form
Forum Diskusi Report Passanger Profil Ganti Password
Tampilan Hasil Informasi Form Terpilih
Gambar III.10Sequence Diagram pada halaman Home
47
4.
Sequence Diagram pada halaman Report Passanger (Tambah Data) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada
gambar III.11. berikut ini : Report Passanger
Aktor
Tambah Data Report Passanger
Proses
Tabel Upload
Data Berhasil Disimpan
Input Data
Tampilan Data Berhasil Di Simpan
III.11. Sequence Diagram pada halaman Report Passanger (Tambah Data)
5.
Sequence Diagram pada halaman Report Passanger (Edit Data) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada
gambar III.12. berikut ini : Report Passanger
Aktor
Pemilihan Data Report Passanger
Proses
Edit Data
Tabel Upload
Data Berhasil Di Edit
Tampilan Data Berhasil Di Edit
III.12. Sequence Diagram pada halaman Report Passanger (Edit Data)
48
6.
Sequence Diagram pada halaman Report Passanger (Hapus Data) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada
gambar III.13. berikut ini : Report Passanger
Aktor
Pemilihan Data Report Passanger
Proses
Tabel Upload
Data Berhasil Di Hapus
Hapus Data
Tampilan Data Berhasil Di Hapus
III.13. Sequence Diagram pada halaman Report Passanger (Hapus Data)
7.
Sequence Diagram pada halaman Report Passanger (Cetak Data) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada
gambar III.14. berikut ini : Report Passanger
Aktor
Pemilihan Data Report Passanger
Proses
Cetak Data
Tabel Upload
Print Out Report Passanger
Tampilan Data Berhasil Di Print
III.14. Sequence Diagram pada halaman Report Passanger (Cetak Data)
49
8.
Sequence Diagram pada halaman Forum Diskusi (Topik) Adapun sequence diagram pada halaman forum diskusi pemilihan topik
dapat dilihat pada gambar III.15. berikut ini : Aktor
Forum Diskusi Pemilihan Topik
Tambah Data Topik
Proses
Input Data
Tabel Topik
Data Disimpan
Tampilan Topik Berhasil Ditambah
III.15. Sequence Diagram pada halaman Forum Diskusi (Topik) 9.
Sequence Diagram pada halaman Forum Diskusi (Edit Topik) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada gambar III.16. berikut ini :
Aktor
Forum Diskusi Pemilihan Topik
Pemilihan Data Topik
Proses
Edit Data
Tabel Topik
Data Berhasil Di Edit
Tampilan Data Berhasil Di Edit
III.16. Sequence Diagram pada halaman Forum Diskusi (Edit Data)
50
10. Sequence Diagram pada halaman Forum Diskusi (Hapus Topik) Adapun sequence diagram pada halaman upload artikel dapat dilihat pada gambar III.17. berikut ini : Forum Diskusi Pemilihan Topik
Aktor
Proses
Data Berhasil Di Edit
Hapus Data
Pemilihan Data Topik
Tabel Topik
Tampilan Data Berhasil Di Hapus
III.17. Sequence Diagram pada halaman Forum Diskusi(Hapus Data)
11. Sequence Diagram pada halaman Forum Diskusi Adapun sequence diagram pada halaman forum diskusi dapat dilihat pada gambar III.18. berikut ini : Aktor
Forum Diskusi
Pilih Topik
Proses
Input Komentar
Tabel Reply
Data Disimpan
Tampilan Balasan Berhasil Dikirim
III.18. Sequence Diagram pada halaman Forum Diskusi
51
III.3.2. Desain Tabel Adapun dalam tahap desain tabel penulis menggunakan aplikasi database My SQL dimana penulis merancang beberapa tabel yaitu sebagai berikut : 1.
Tabel Komentar Database
: db_forum
Primary Key
: id_balasan Tabel III.1. Tabel Komentar Nama Field
Tipe Data
Nilai
id_balasan(*)
Int
11
id_topik
Int
25
topik
Varchar
255
penjawab
Varchar
20
isi
text
tanggal
datetime
Keterangan (*) : Primary Key
52
2.
Tabel Member Database
: db_forum
Primary Key
: id_member Tabel III.2. Tabel Member Nama Field
Tipe Data
Nilai
id_member(*)
Int
11
username
Varchar
20
password
Varchar
50
nama_lengkap
Varchar
30
email
Varchar
40
level
Varchar
25
jenis_kelamin
Varchar
10
avatar
Varchar
1000
tanggal_lahir
Date
Keterangan (*) : Primary Key
53
3.
Tabel Report Database
: db_forum
Primary key
: id_report Tabel III.3. Tabel Report Nama Field
Tipe Data
Nilai
id_report(*)
Int
11
nama_penumpang
Varchar
100
Pengirim
Varchar
100
kode_penerbangan
Varchar
25
nama_maskapai
Varchar
100
nomor_maskapai
Varchar
25
Tanggal
Varchar
100
jurusan_penerbangan Text harga_tiket
Int
100
jumlah_penumpang
Int
10
Keterangan (*) : Primary Key
54
4.
Tabel Topik Database
: db_forum
Primary key
: id_topik Tabel III.4. Tabel Topik Nama Field
Tipe Data
Nilai
id_topik(*)
Int
11
pengirim
Varchar
20
topic
Varchar
255
isi
Text
dilihat
Int
255
total_balasan
Int
11
tanggal
Datetime
Keterangan (*) : Primary Key
55
III.4. Desain User Interface III.4.1. Desain Output Desain sistem ini berisikan pemilihan menu dan hasil pencarian yang telah dilakukan. Adapun bentuk rancangan output dari analisis dan implementasi knowledge management system berbasis web tentang report passanger ini adalah sebagai berikut :
1.
Desain halaman home Desain halaman home user pada knowledge management system tentang
layanan it adalah sebagai berikut : JUDUL …………………
Nomor
Topik
Pengirim
Home
Forum Diskusi
Report Passanger
Balasan
Profil
Dilihat
Ganti Password
Gambar III.19. Desain Halaman Home
Tanggal
Log Out
56
2.
Desain halaman Forum Diskusi Desain halaman home user pada knowledge management system tentang
report passanger adalah sebagai berikut : JUDUL …………………
Nomor
Topik
Pengirim
Forum Diskusi
Report Passanger
Balasan
Dilihat
Tanggal
Tambah Topik Home
Profil
Ganti Password
Gambar III.20. Desain Halaman Forum Diskusi
Log Out
57
3.
Desain halaman Report Passanger Desain halaman home user pada knowledge management system tentang
layanan it adalah sebagai berikut : JUDUL …………………
No.
Nama
Pengirim
Penumpang
Home
Forum Diskusi
Kode
Maskapai
Penerbangan
Penerbangan
Report Passanger
Profil
Jurusan
Ganti Password
Gambar III.21. Desain Halaman Report Passanger
Log Out
Opsi
58
4.
Desain halaman Profil Desain halaman home user pada knowledge management system tentang
report passanger adalah sebagai berikut : JUDUL …………………
Profil
Home
Forum Diskusi
Report Passanger
Profil
Ganti Password
Gambar III.22. Desain Halaman Profil
Log Out
59
5.
Desain halaman Ganti Password Desain halaman home user pada knowledge management system tentang
layanan it adalah sebagai berikut : JUDUL …………………
Ganti Password password
Home
Forum Diskusi
:
Report Passanger
Profil
Ganti Password
Gambar III.23. Desain Halaman Ganti Password
Log Out