BAB III ANALISA DAN DESAIN SISTEM

Transkripsi

1 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

2 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 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 :

3 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 Keluar Sistem Dapat melakukan Memesan Tiket Melihat Lokasi Loket Bus dalam Bentuk Peta User Gambar III.1. Use Case Diagram

4 34 III 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 login gagal result Tampil Gambar III.2. Sequence Diagram Pada Halaman Login

5 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 :

6 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

7 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 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 :

8 38 Gambar III.7. Class Diagram Adapun keterangan pada class diagram diatas : 1..* = Lebih dari sama dengan 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.

9 39 III 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 :

10 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 Desain Input Berikut adalah perancangan desain input Sistem Informasi Lokasi Loket Pemesanan Tiket Bus Antar Provinsi di Kota Medan berbasis web sebagai berikut:

11 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

12 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 User Name Password LOGIN TO YOUR ACCOUNT 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 :

13 43 Home Admin Tabel Loket GAMBAR Tabel Type Bus Tabel Pemesanan Tiket Selamat Datang di Website Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus INPUT DATA NAMA LOKET Kode Loket Bus : Nama Loket Bus : Tabel Lokasi Loket Simpan Hapus No Kode Loket Bus 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 :

14 44 Home Admin Tabel Loket GAMBAR Tabel Type Bus Tabel Pemesanan Tiket Selamat Datang di Website Sistem Informasi Geografis Lokasi Loket Pemesanan Tiket Bus INPUT DATA TYPE BUS Kode Bus : Nama Type Bus : Tabel Lokasi Loket Simpan Hapus No Kode type Bus 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 :

15 45 Home Admin Tabel Loket GAMBAR Tabel Type Bus Tabel Pemesanan Tiket 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 Tabel 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

16 46 III 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 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 }

17 47 III 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

18 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 \

19 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

20 50 III 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 Nama Tabel Primary Key : loket_bus_data : admin : 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 Nama Tabel Primary Key : loket_bus_data : tabel_loket : kode_loket_bus

21 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 Nama Tabel Primary Key : loket_bus_data : tabel_bus : 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 Nama Tabel Primary Key : loket_bus_data : tabel_pemesanan_tiket : kode_ pemesanan_tiket

22 52 Tabel III.19. Struktur Tabel Pemesanan Tiket Nama Field Data Tipe Ukuran Keterangan kode_ varchar 13 Primary Key pemesanan_tiket nama_loket_bus 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 Nama Tabel Primary Key : loket_bus_data : tabel_lokasi_loket : 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

23 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 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 )

24 54 III 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

25 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 :

26 56 Form Login gagal 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 :

27 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 :

28 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 :

29 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 :

30 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