BAB III ANALISA DAN DESAIN SISTEM
III.1. Analisa Sistem Yang Sedang Berjalan Analisa sistem dilakukan guna mengetahui gambaran umum Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus Antar Provinsi di Kota Medan. Adapun sistem dalam pemberian informasi
mengenai Lokasi Loket
Pemesanan Tiket Bus Antar Provinsi di Kota Medan saat ini masih menggunakan sistem manual, yakni hanya dengan melakukan pemesanan tiket langsung mendatangi ke loket-loket bus yang ada di Kota Medan. Oleh karena itu masyarakat luas sulit untuk mendapatkan informasi tentang pemesanan loket bus dan dimana saja lokasi loket bus antar Provinsi yang ada di Kota Medan, sehingga diperlukan media alternatif untuk menginformasikan Lokasi Loket Pemesanan Tiket Bus Antar Provinsi di Kota Medan agar bisa digunakan oleh masyarakat luas yaitu melalui falititas internet.
III. 2. Evaluasi Sistem Yang Berjalan Dari hasil pengamatan yang dilakukan penulis terdapat beberapa point yang ditemui yaitu : 1. Pemesanan Tiket masih dilakukan dengan mendatangi langsung ke loket bus. 2. Belum adanya sistem informasi mengenai dimana saja lokasi loket bus antar Provinsi yang ada di Kota Medan.
31
32
3. Kurang efisiennya dalam pengolahan data lokasi loket pemesanan bus antar Provinsi di Kota Medan. 4. Dengan tidak adanya database menjadi hal yang menyulitkan bagi loket-loket bus dalam penyimpanan data dan memperbaharui data. 5. Ruang lingkup untuk memberikan informasi mengenai lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan menjadi sangat terbatas.
Berdasarkan pemaparan diatas maka diperlukan perbaikan sistem yang dapat memecahkan permasalahan yang ada. Untuk itu dibuatlah sebuah sistem baru yaitu Sistem Informasi Geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan berbasis web, guna mempermudah dalam pemberian informasi kepada yang membutuhkannya.
III.3. Desain Sistem III.3.1. Desain Sistem Secara Global Bentuk
rancangan
sistem
yang
akan
dirancang
adalah
dengan
menggunakan beberapa bentuk dari Unified Metode Language (UML) yaitu : Use Case Diagram, Class Diagram, Sequence Diagram, dan Activity Diagram. III.3.1.1. Use Case Diagram Berikut adalah model use case diagram sistem informasi geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan dapat dilihat pada gambar berikut :
33
Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus Antar Provinsi di Kota Medan Berbasis Web
Login
Mengolah Data Pada Tabel Loket
Mengolah Data Pada Tabel Type Bus
Admin
Mengolah Data Pada Tabel Pemesanan Tiket
Mengolah Data Pada Tabel Lokasi Loket Dapat melakukan Memesan Tiket
Keluar Sistem Melihat Lokasi Loket Bus dalam Bentuk Peta
Gambar III.1. Use Case Diagram
User
34
III.3.1.2. Sequence Diagram Berikut adalah model sequence diagram sistem informasi geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan dapat dilihat pada gambar berikut : 1. Berikut Sequence Diagram Pada Halaman Login Adapun sequence diagram pada halaman login dapat dilihat pada gambar III.2. di bawah ini :
Form Login
Database
Menu Admin
Admin
input data admin
login berhasil result login gagal
Tampil
Gambar III.2. Sequence Diagram Pada Halaman Login
35
2. Berikut Sequence Diagram Halaman Tabel Loket Adapun sequence diagram pada halaman tabel loket
dapat dilihat pada
gambar III.3. di bawah ini : Aktor
Aplikasi
Proses
Database
Tabel Loket Bus Input Data
Data Disimpan Tampilan Hasil Informasi Tabel Loket Bus
Gambar III.3. Sequence Diagram Pada Halaman Tabel Loket
3. Berikut ini Sequence Diagram Pada Halaman Tabel Type Bus Adapun sequence diagram pada halaman tabel type bus dapat dilihat pada gambar III.4. di bawah ini :
36
Aktor
Aplikasi
Proses
Database
Tabel Type Bus Input Data
Data Disimpan Tampilan Hasil Informasi Tabel Type Bus
Gambar III.4. Sequence Diagram Pada Halaman Tabel Type Bus
4. Berikut ini Sequence Diagram Pada Halaman Tabel Pemesanan Tiket Adapun sequence diagram pada halaman tabel pemesanan tiket dapat dilihat pada gambar III.5. di bawah ini : Aktor
Aplikasi
Proses
Database
Tabel Pemesanan Tiket Bus Input Data
Data Disimpan
Tampilan Hasil Informasi Tabel Pemesanan Tiket Bus
Gambar III.5. Sequence Diagram Pada Halaman Tabel Pemesanan Tiket
37
5. Berikut ini Sequence Diagram Pada Halaman Tabel Lokasi Loket Adapun sequence diagram pada halaman tabel lokasi loket dapat dilihat pada gambar III.6. di bawah ini : Aktor
Aplikasi
Proses
Database
Tabel Lokasi Loket Input Data
Data Disimpan Tampilan Hasil Informasi Tabel Lokasi Loket Bus
Gambar III.6. Sequence Diagram Pada Halaman Tabel Lokasi Loket
III.3.1.3. Class Diagram Berikut adalah model class diagram sistem informasi geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan dapat dilihat pada gambar berikut :
38
Gambar III.7. Class Diagram Adapun keterangan pada class diagram diatas : 1..*
= Lebih dari sama dengan 1.
1..n
= Lebih dari sama dengan 1 dimana n lebih besar dari 1. = Aggregasion / hubungan.
III.3.2 Desain Sistem Secara Detail Dalam hal ini penulis akan membahas perancangan sistem yang akan dibangun secara terperinci yaitu melalui desain output, desain input, dan desain database.
39
III.3.2.1. Desain Output Berikut ini adalah perancangan hasil (output) dari pengolahan data yang ada pada sistem informasi lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan adalah sebagai berikut : 1. Desain Output Halaman Pembuka (Homepage) Berikut ini adalah desain output halaman pembuka (homepage) seperti terlihat pada gambar III.8. di bawah ini : GAMBAR Homepage
Pemesanan Tiket
Lokasi Loket
Login Admin
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus
GAMBAR
Gambar III.8. Desain Halaman Pembuka (Homepage)
2. Desain Output Halaman Lokasi Loket Berikut ini adalah desain output halaman lokasi loket seperti terlihat pada gambar III.9. di bawah ini :
40
GAMBAR Homepage
Pemesanan Tiket
Lokasi Loket
Login Admin
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus NAVIGASI PETA
Titik Koordinat X : Titik Koordinat Y :
Peta Aktif Geser Perbesar Ukuran Perkecil
PETA LOKASI LOKET
DAFTAR LOKET BUS ANTAR PROVINSI DI KOTA MEDAN No
Nama Loket Bus
Jurusan Keberangkatan
Alamat Loket Bus
Jam Buka
Jam Tutup
Telepon
Gambar III.9. Desain Halaman Lokasi Loket Bus
III.3.2.2. Desain Input Berikut adalah perancangan desain input Sistem Informasi Lokasi Loket Pemesanan Tiket Bus Antar Provinsi di Kota Medan berbasis web sebagai berikut:
41
1. Desain Input Halaman Pemesanan Tiket Berikut ini adalah desain input halaman pemesanan tiket seperti terlihat pada gambar III.10. di bawah ini : GAMBAR Homepage
Pemesanan Tiket
Lokasi Loket
Login Admin
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus Silahkan Masukkan Data Anda Untuk Pemesanan Tiket Bus Kode Pemesanan Tiket
:
Nama Bus
:
Type Bus
:
Nama Pemesan Tiket
:
Alamat Pemesan Tiket : Tanggal Keberangkatan
:
Lokasi Tujuan
:
Jumlah Ongkos
:
Jumlah Penumpang
:
No HP
:
Simpan
Hapus
Gambar III.10. Desain Input Halaman Pemesanan Tiket
42
2. Desain Input Halaman Login Admin Berikut ini adalah desain input halaman login admin seperti terlihat pada gambar III.11. di bawah ini : GAMBAR Homepage
Pemesanan Tiket
Lokasi Loket
Login Admin
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus LOGIN TO YOUR ACCOUNT User Name Password
LOGIN
Gambar III.11. Desain Input Halaman Login Admin
3. Desain Input Halaman Tabel Loket Bus Berikut ini adalah desain input halaman tabel loket bus seperti terlihat pada gambar III.12. di bawah ini :
43
GAMBAR Home Admin
Tabel Loket
Tabel Type Bus
Tabel Pemesanan Tiket
Tabel Lokasi Loket
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus INPUT DATA NAMA LOKET Kode Loket Bus
:
Nama Loket Bus Simpan
No Kode Loket Bus
: Hapus
Nama Loket Bus
EDIT
HAPUS
Gambar III.12. Desain Input Halaman Tabel Loket Bus
4. Desain Input Halaman Tabel Type Bus Berikut ini adalah desain input halaman tabel type bus seperti terlihat pada gambar III.13. di bawah ini :
44
GAMBAR Home Admin
Tabel Loket
Tabel Type Bus
Tabel Pemesanan Tiket
Tabel Lokasi Loket
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus INPUT DATA TYPE BUS Kode Bus
:
Nama Type Bus
:
Simpan
No Kode type Bus
Hapus
Nama Type Bus
EDIT
HAPUS
Gambar III.13. Desain Input Halaman Tabel Type Bus
5. Desain Input Halaman Tabel Lokasi Loket Berikut ini adalah desain input halaman tabel lokasi loket seperti terlihat pada gambar III.14. di bawah ini :
45
GAMBAR Home Admin
Tabel Loket
Tabel Type Bus
Tabel Pemesanan Tiket
Tabel Lokasi Loket
Selamat Datang di Website… Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus NAVIGASI PETA
Titik Koordinat X : Titik Koordinat Y :
Peta Aktif Geser Perbesar Ukuran Perkecil
PETA LOKASI LOKET
INPUT DATA LOKASI LOKET Kode Lokasi Loket : Nama Loket Bus
:
Jurusan Keberangkatan : Lokasi Loket
:
No Telepon Loket
:
Simpan
Hapus
Gambar III.14. Desain Input Halaman Tabel Type Bus
46
III.3.2.3. Desain Database Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lain. Untuk merancang database secara konsepsual tentunya diperlukan alat bantu, baik untuk menggambarkan keterhubungan antar data maupun pengoptimalan racangan database. Alat bantu tersebut adalah kamus data, normalisasi, entity relationship diagram (ERD) , dan desain tabel. III.3.2.3.1. Kamus Data Adapun kamus data dari Sistem Informasi Geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan berbasis web adalah sebagai berikut: Tabel admin
: { #idadmin + username + password }
Tabel Loket
: { #kode_loket_bus + nama_loket_bus }
Tabel Bus
: { #kode_bus + jenis_bus }
Tabel Pemesanan Tiket : { #kode_pemesanan_tiket + nama_loket_bus + jenis_bus + nama_pemesanan_tiket + alamat + tgl + lokasi_tujuan + jumlah_ongkos + jumlah_penumpang + no_hp } Tabel Lokasi Loket
: { #kode_lokasi + nama_loket_bus + jurusan_keberangkatan + alamat_loket + jam_buka + jam_tutup + telepon + titik_koordinatX + titik_koordinatY }
47
III.3.2.3.2. Normalisasi Pada tahap ini lakukan normalisasi agar menghasilkan tabel / file yang akan digunakan sebagai penyimpan data. Berikut normalisasi yang penulis rancang diantaranya :
1. Bentuk Normal Pertama ( 1 NF / Membagi Kebutuhan File ) III.1. Tabel Admin Id
User
Pass
Status
III.2. Tabel Loket Bus Id
Kodeloket
Namaloket
III.3. Tabel Type Bus id
Kodebus
Jenisbus
III.4. Tabel Pemesanan Tiket
Id
Kodepemesanaantiket
Namaloketbus
Typebus
Alamat
Tglberangkat
Lokasitujuan
III.5. Tabel Lokasi Loket Bus Id
Kodelokasiloket
Namaloket
Jurusankeberangkatan
Lokasiloket
48
2. Bentuk Normal Kedua ( 2NF / Penentuan Primary key ) III.6. Tabel Admin Id
User
Pass
Status
III.7. Tabel Loket Bus Id
Kodeloket
Namaloket
III.8. Tabel Type Bus id
Kodebus
Jenisbus
III.9. Tabel Pemesanan Tiket Id
Kodepemesanaantiket
Namaloketbus
Typebus
Alamat
Tglberangkat
Lokasitujuan
III.10. Tabel Lokasi Loket Bus Id
\
Kodelokasiloket
Namaloket
Jurusankeberangkatan
Lokasiloket
49
3. Bentuk Normal Ketiga ( 3 NF / Penentuan Foreign Key ) III.11. Tabel Admin Id
User
Pass
Status
III.12. Tabel Loket Bus Id
Kodeloket
Namaloket
III.13. Tabel Type Bus id
Kodebus
Jenisbus
III.14. Tabel Pemesanan Tiket Id
Kodepemesanaantiket
Namaloketbus
Typebus
Alamat
Tglberangkat
Lokasitujuan
III.15. Tabel Lokasi Loket Bus Id
Kodelokasiloket
Namaloket
Jurusankeberangkatan
Lokasiloket
50
III.3.2.3.3. Desain Tabel Tabel adalah salah satu unsur yang paling penting dalam pembuatan database, karena sebuah database dapat terbentuk dari beberapa tabel yang saling berelasi antara satu sama lain. 1. Tabel Login Admin Berikut tampilan rancangan struktur data tersebut : Nama Database
: loket_bus_data
Nama Tabel
: admin
Primary Key
: idadmin
Tabel III.16. Struktur Tabel Admin Nama Field
Data Tipe
Size
Keterangan
idadmin
int
10
Primary Key
username
varchar
15
User Name Admin
password
varchar
15
Password Admin
2. Tabel Loket Berikut tampilan rancangan struktur data tersebut : Nama Database
: loket_bus_data
Nama Tabel
: tabel_loket
Primary Key
: kode_loket_bus
51
Tabel III.17. Struktur Tabel Loket Bus Nama Field
Data Tipe
Size
Keterangan
kode_loket_bus
varchar
13
Primary Key
nama_loket_bus
varchar
55
Nama Loket Bus
3. Tabel Type Bus Berikut tampilan rancangan struktur data tersebut : Nama Database
: loket_bus_data
Nama Tabel
: tabel_bus
Primary Key
: kode_ bus Tabel III.18. Struktur Tabel Type Bus
Nama Field
Data Tipe
Ukuran
Keterangan
kode_ bus
varchar
13
Primary Key
jenis_bus
varchar
35
Nama Type Bus
4. Tabel Pemesanan Tiket Berikut tampilan rancangan struktur data tersebut : Nama Database
: loket_bus_data
Nama Tabel
: tabel_pemesanan_tiket
Primary Key
: kode_ pemesanan_tiket
52
Tabel III.19. Struktur Tabel Pemesanan Tiket Nama Field
Data Tipe
Ukuran
Keterangan
kode_ pemesanan_tiket nama_loket_bus
varchar
13
Primary Key
varchar
50
Nama Loket Bus
jenis_bus
varchar
35
Nama Type Bus
nama_pemesanan_tiket
varchar
35
Nama Pemesan Tiket
alamat
text
-
Lokasi Loket Bus
tgl
varchar
35
Tanggal Keberangkatan
lokasi_tujuan
varchar
35
Lokasi Tujuan
jumlah_ongkos
varchar
20
Harga Ongkos
jumlah_penumpang
varchar
11
Jumlah Penumpang
no_hp
varchar
15
No Telepon
5. Tabel Lokasi Loket Bus Berikut tampilan rancangan struktur data tersebut : Nama Database
: loket_bus_data
Nama Tabel
: tabel_lokasi_loket
Primary Key
: kode_ lokasi
Tabel III.20. Struktur Tabel Lokasi Loket Bus Nama Field
Data Tipe
Ukuran
Keterangan
kode_ lokasi
varchar
13
Primary Key
nama_loket_bus
varchar
55
Nama Loket Bus
53
jurusan_keberangkatan
text
-
Jurusan Keberangkatan
alamat_loket
text
-
Lokasi Loket Bus
jam_buka
varchar
11
Jam Buka Loket Bus
jam_tutup
varchar
11
Jam Tutup Loket Bus
telepon
varchar
15
No Telepon Loket Bus
titik_koordinatX
double
-
Titik Koordinat X
titik_koordinatY
double
-
Titik Koordinat Y
III.3.2.3.4. ERD (Entity Relationship Diagram) / Relasi Antar Tabel Untuk menggambarkan hubungan antar setiap data, maka harus dibuat Entity Relathionship Diagram (ERD) dari sistem. Adapun Entity Relathionship Diagram (ERD) dari sistem yang dirancang ini adalah :
Gambar III.15. Entity Relationship Diagram ( ERD )
54
III.3.2.4. Algoritma Program Algoritma Program adalah sekumpulan simbol-simbol atau skema yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari mulai awal hingga akhir. Adapun algoritma program dari Sistem Informasi Geografis lokasi loket pemesanan tiket bus antar Provinsi di Kota Medan Berbasis Web adalah : 1. Activity Diagram Halaman User Berikut ini adalah activity diagram pada halaman user seperti terlihat pada gambar III.16. di bawah ini : Web SIG Lokasi Loket Pemesanan Tiket Bus
Tampil Menu Web
Home Page
Pemesanan Tiket
Lokasi Loket
Login Admin
Tampil Form
Gambar III.16. Activity Diagram Halaman User
55
2. Activity Diagram Pada Halaman Login Admin Berikut ini adalah activity diagram pada halaman login Admin seperti terlihat pada gambar III.17. di bawah ini :
Form Login
gagal
Input Username dan Password
berhasil Tampil Form Admin
Gambar III.17. Activity Diagram Halaman Form Login Admin
3. Activity Diagram Pada Halaman Admin Berikut ini adalah activity diagram pada halaman admin seperti terlihat pada gambar III.18. di bawah ini :
56
gagal Form Login
berhasil Tampil Menu Admin
Home Admin
Tabel Loket
Tabel Type Bus
Tabel Pesan Tiket
Tabel Lokasi Loket
Keluar Sistem
Tampil Form
Gambar III.18. Activity Diagram Pada Halaman Admin
4. Activity Diagram Halaman Tabel Loket Berikut ini adalah activity diagram pada halaman tabel loket seperti terlihat pada gambar III.19. di bawah ini :
57
Tabel Loket
Input Data Loket Bus
Edit Data Loket Bus
Update Data Loket Bus
Hapus Data Loket Bus
Simpan Database
Gambar III.19. Activity Diagram Halaman Tabel Loket Bus
5. Activity Diagram Halaman Tabel Type Bus Berikut ini adalah activity diagram pada halaman tabel type bus seperti terlihat pada gambar III.20. di bawah ini :
58
Tabel Type Bus
Input Data Type Bus
Edit Data Type Bus
Update Data
Type Bus
Hapus Data Type Bus
Simpan Database
Gambar III.20. Activity Diagram Halaman Tabel Type Bus 6. Activity Diagram Halaman Tabel Pemesanan Tiket Bus Berikut ini adalah activity diagram pada halaman tabel pemesanan tiket bus seperti terlihat pada gambar III.21. di bawah ini :
59
Tabel Pemesanan Tiket Bus
Input Data Pemesanan Tiket Bus
Edit Data Pemesanan Tiket Bus
Update Data Pemesanan Tiket Bus
Hapus Data Pemesanan Tiket Bus
Simpan Database
Gambar III.21. Activity Diagram Halaman Tabel Pemesanan Tiket Bus
7. Activity Diagram Halaman Tabel Lokasi Loket Bus Berikut ini adalah activity diagram pada halaman tabel lokasi loket bus seperti terlihat pada gambar III.22. di bawah ini :
60
Tabel lokasi loket Bus
Input Data Lokasi Loket Bus
Edit Data Lokasi Loket Bus
Update Data Lokasi Loket Bus
Hapus Data Lokasi Loket Bus
Simpan Database
Gambar III.22. Activity Diagram Halaman Tabel Lokasi Loket Bus
