BAB III ANALISIS DAN DESAIN SISTEM
III.1. Analisis Masalah Analisa masalah penelitian yang dilakukan oleh kursus pengemudi mobil, diperoleh data-data yang dibutuhkan untuk membuat sistem informasi geografis. Data yang diperoleh berupa nama kursus, alamat kursus, fasilitas kursus. Dari rancangan yang bertujuan untuk mengidentifikasi serta melakukan evaluasi terhadap sistem geografis lokasi kursus mengemudi mobil. Melihat kebutuhan akan informasi tentang kursus merupakan hal yang penting bagi setiap masyarakat yang ingin mengetahui alamat, lokasi kursus yang akan di promosikan. Menyajikan sebuah peta yang dapat berinteraksi dengan penggunanya sehingga dapat memberikan informasi yang lebih akurat. Adapun analisis sistem ini meliputi input, proses dan output yang dijabarkan sebagai berikut :
III.2. Metode GCD (Great Circle Distance) Great Circle Distance adalah untuk menghitung jarak dan haluan (azimuth) dari dua titik yang diketahui koordinat lintang dan bujurnya. Beberapa tulisan yang aku temukan di internet, perhitungan jarak dan azimuth dihitung dengan rumus segitiga bola dengan asumsi bahwa bumi adalah berupa bola besar (Great Circle) yang sempurna. Jarak yang didapat dari asumsi bumi adalah great circle dinamakan Great Circle Distance.
28
29
Rumus Great Circle Distance:
………..(1)
Ket :
Δ=delta ini seperti konsantan dari variable = jarak = latitude
awal = latitude akhir λ2=longitude awal λ1=longitude akhir Rumus Great Circle Distance : =2r arcsin A ……(2) a = sin²(Δφ/2) + cos φ1 × cos φ2 × sin²(Δλ/2) c = 2 × atan2( √a, √(1-a) ) = 2 × asin(√a) d=R×c Rute = [(3.57185,98.6896), (3.57158,98.68973), (3.57152,98.68976), (3.57103,98.69001), ] Perhitungan jarak koordinat (3.57185,98.6896) ke koordinat (3.57158,98.68973): Jarak ruas (3.57185, 98.6896) ke (3.57158, 98.68973): Δφ = radians(3.57158 - 3.57185)= -4.7123889803846E-6 Δλ = radians(98.68973 - 98.6896)= 2.2689280275687E-6 a = power(sin(-4.7123889803846E-6 / 2);2) + cos(radians(3.57185)) * cos(radians(3.57158)) * power(sin(2.2689280275687E-6 / 2);2) a = 6.8336661701991E-12 c = 2 × asin(√6.8336661701991E-12) = 5.2282563709959E-6
30
d = 1609.34 × (6371 × 5.2282563709959E-6) = 1609.34 × 0.033309221339615 = 53.605862270695
Perhitungan jarak koordinat (3.57158,98.68973) ke koordinat (3.57152,98.68976): Jarak ruas (3.57158, 98.68973) ke (3.57152, 98.68976): Δφ = radians(3.57152 - 3.57158)= -1.0471975511957E-6 Δλ = radians(98.68976 - 98.68973)= 5.235987757645E-7 a = power(sin(-1.0471975511957E-6 / 2);2) + cos(radians(3.57158)) * cos(radians(3.57152)) * power(sin(5.235987757645E-7 / 2);2) a = 3.4242862104399E-13 c = 2 × asin(√3.4242862104399E-13) = 1.1703480184014E-6 d = 1609.34 × (6371 × 1.1703480184014E-6) = 1609.34 × 0.0074562872252354 = 11.99970128306 Perhitungan jarak koordinat (3.57152,98.68976) ke koordinat (3.57103,98.69001): Jarak ruas (3.57152, 98.68976) ke (3.57103, 98.69001): Δφ = radians(3.57103 - 3.57152)= -8.552113334774E-6 Δλ = radians(98.69001 - 98.68976)= 4.3633231298826E-6 a = power(sin(-8.552113334774E-6 / 2);2) + cos(radians(3.57152)) * cos(radians(3.57103)) * power(sin(4.3633231298826E-6 / 2);2) a = 2.3025840073486E-11 c = 2 × asin(√2.3025840073486E-11) = 9.5970495619565E-6
31
d = 1609.34 × (6371 × 9.5970495619565E-6) = 1609.34 × 0.061142802759225 = 98.399558192531 = 53.605862270695 + 11.99970128306 + 98.399558192531 = 164.0051 Jadi, total Jarak Rute adalah 164.01 meter. III.2.1. Flowchart Sistem Start
Penentuan Arah Kursus
Penentuan Lokasi
Pengukuran Arah Data Geografis Busur Derajat
Peta Satelit
Finish
Gambar III.1. Flowchart Great Circle Distance III.3. Desain Sistem Desain sistem menggunakan bahasa pemodelan UML yang terdiri dari Usecase Diagram, Class Diagram, dan Sequence Diagram. Proses yang terjadi pada sistem yang dijelaskan pada langkah-langkah:
32
III.3.1. Usecase Diagram Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan usecase diagram yang terdapat pada Gambar III.3 :
Sistem Informasi Geografis Pencarian Lokasi Kursus Pengemudi Mobil di Kota Medan Menggunakan Metode GCD (Great Circle Distance)
Home
Peta Kursus Mengemudi
Kritik Dan Saran
Berita
Lokasi
User Data Lokasi
Administrator Web
Tentang
Logout
Gambar III.2. Use Case Diagram Sistem Informasi Geografis Lokasi Kursus Mengemudi Mobil
III.3.2. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.3 :
33
lokasi -Kode_Lokasi -Nama_Lokasi -Telepon -Alamat -Gambar -Keterangan -Koordinat
berita_komentar -1
-1*
*
*
Paket
-ID_Komentar -ID_berita -Komentar -Email -Tanggal -Komentar admin
jalan
-Kode_Paket -Kode_Paket -Nama_Paket -Keterangan -Harga
*
-1
-Kode_Jalan -Nama_Jalan -Koordinat
-username -password -operator
berita saran -ID_Saran -Nama_Pengirim -Email -Testimonial
-1.. *
-1* *
-ID_Artikel -Creator -Email -Tanggal -Judul -Isi
* -2
Gambar III.3. Class Diagram Sistem III.3.3. Activity Diagram Bisnis proses yang telah digambarkan pada use case diagram di atas dijabarkan dengan activity diagram : 1. Activity Diagram Melihat Peta Aktivitas melihat peta diterangkan dalam langkah-langkah state, dimulai dari kegiatan melihat panel peta kemudian mencari Artikel Lokasi Kursus Mengemudi, selanjutnya menekan tombol atau link yang ada pada peta dan yang terakhir melihat informasi yang di sajikan dalam peta yang ditunjukkan pada gambar III.4:
34
Peta Mengemudi Admin
Sistem
Buka Aplikasi
Klik Peta
Isi Nama Kursus
Menampilkan Peta
Isi Alamat
Data Marka Kursus
Phase
Keterangan
Gambar III.4. Activity Diagram Melihat Peta
2. Activity Diagram Login Aktvitas proses login admin diterangkan dalam langkah-langkah state, dimulai dari memasukkan username, memasukkan password, jika profil valid maka sistem akan mengaktifkan menu administrator, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.5:
35
Login admin Admin
Buka Aplikasi
Sistem
Login
Isi Username Gagal Isi Password
Click Login
Phase
Berhasil
Gambar III.5. Activity Diagram Login Admin
3. Activity Diagram Mengolah Data Lokasi Kursus Mengemudi Aktivitas proses mengolah data lokasi kursus mengemudi diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.6:
36
Data Lokasi Admin
Sistem
Memilih aksi pada form Menu
Click Form Data Lokasi
Form Lokasi
Mengisi Data
tidak
Data Baru
Menekan tombol simpan
Menyimpan data
Memilih Data
Edit Data
Mengubah Data
Menyimpan Data
Hapus Data
Konfimrasi Penghapusan
Memilih data
Menghapus Data
Phase
Ya
Gambar III.6. Activity Diagram Mengolah Data Lokasi Kursus Mengemudi
37
4. Activity Diagram Mengolah Kristik Dan Saran Aktvitas proses mengolah data kritik dan saran diterangkan dalam langkahlangkah state yang ditunjukkan pada gambar III.7:
Kritik Dan Saran Admin
Sistem
Memilih aksi pada form Menu
Click Form Kritik Dan Saran
Form Kritik Dan Saran Masuk
Hapus Data
tidak
Konfimrasi Penghapusan
Memilih data
Menghapus Data
Phase
Ya
Gambar III.7. Activity Diagram Mengolah Kritik Dan Saran
5.
Activity Diagram Mengolah Berita Aktvitas proses mengolah berita diterangkan dalam langkah-langkah state
yang ditunjukkan pada gambar III.8:
38
Berita Admin
Sistem
Memilih aksi pada form Menu
Click Form Berita
Form Berita
Mengisi Data
Data Baru
Menekan tombol simpan
Menyimpan data
Memilih Data
Edit Data
Mengubah Data
Menyimpan Data
tidak
Hapus Data
Konfimrasi Penghapusan
Memilih data
Menghapus Data
Phase
Ya
Gambar III.8 Activity Diagram Mengolah Data Berita
39
III.3.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut: 1.
Sequence Diagram pada Form Peta Serangkaian kegiatan saat terjadi event pada form peta dapat dilihat pada
gambar III.12 :
Main form
User
Form Peta
Peta
Proses
Tampilkan Fom ()
Menu () click form Peta () update data () Koneksi database () delete data ()
Koneksi database ()
Close form ()
Gambar III.12. Sequence Diagram Form Peta
2.
Sequence Diagram pada Form Data Lokasi Serangkaian kegiatan saat terjadi event pada form data lokasi dapat dilihat
pada gambar III.13 :
40
User
Main form
Form data Lokasi
Proses
Kursus
Tampilkan Fom ()
Menu () click form Data Lokasi () update data () Koneksi database () delete data ()
Koneksi database ()
Close form ()
Gambar III.13. Sequence Diagram Form Data Lokasi
3.
Sequence Diagram pada Form Login Serangkaian kegiatan saat terjadi event pada form login dapat dilihat pada
gambar III.14 :
41
Administrator Website
Main form
Form Admin
Proses Login
Halaman Administrator
Tampilkan Fom ()
Menu () click form admin
Validasi nama dan password ()
Invalid () Login sukses ()
Gambar III.14. Sequence Diagram Form Login 4.
Sequence Diagram pada Form Data Lokasi Kursus Serangkaian kegiatan saat terjadi event pada form data lokasi Kursus dapat
dilihat pada gambar III.15 :
42
Administrator Website
Main form
Form data Lokasi Kursus
Proses
Lokasi Kursus
Tampilkan Fom ()
Menu () click form Data Lokasi Kursus () update data () Koneksi database () delete data ()
Koneksi database ()
Close form ()
Gambar III.15. Sequence Diagram Form Data Lokasi Kursus
5.
Sequence Diagram pada Form Berita Serangkaian kegiatan saat terjadi event pada form berita dapat dilihat pada
gambar III.16 :
43
Administrator Website
Main form
Form Berita
Proses
Berita
Tampilkan Fom ()
Menu () click form Berita () update data () Koneksi database () delete data ()
Koneksi database ()
Close form ()
Gambar III.16. Sequence Diagram Form Berita
6.
Sequence Diagram pada Saat Logout Ditekan Serangkaian kegiatan saat terjadi event pada form proses logout dapat dilihat
pada gambar III.17 :
44
Main form
Proses
Lokasi Kursus
Tampilkan Fom ()
Menu () click form keluar ()
Koneksi database () Close form ()
Gambar III.17. Sequence Diagram Form Proses Logout
III.2.5. Desain Database Desain basis data terdiri dari tahap merancang kamus data, melakukan normalisasi tabel, merancang struktur tabel.
III.2.5.1. Desain Tabel Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut:
45
1. Struktur Tabel Admin Tabel admin digunakan untuk menyimpan data Id_User, Username, Password, Nama, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.1 di bawah ini:
Tabel III.1 Rancangan Tabel Admin Nama Database
syahrir_kursus
Nama Tabel
Admin
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
Id_User
int(11)
Tidak
Primary Key
2.
Username
varchar(12)
Tidak
Unique
3.
Password
varchar(12)
Tidak
-
4.
Nama
varchar(25)
Tidak
-
2. Struktur Tabel Berita Tabel berita digunakan untuk menyimpan data ID_Berita, Creator, Email, Tanggal, Judul, Isi, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.2 di bawah ini:
Tabel III.2 Rancangan Tabel Berita Nama Database
syahrir_kursus
Nama Tabel
berita
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
ID_Berita
int(11)
Tidak
Primary Key
2.
Creator
varchar(25)
Tidak
-
3.
Email
varchar(25)
Tidak
-
46
4.
Tanggal
date
Tidak
-
5.
Judul
text
Tidak
-
6.
Isi
text
Tidak
-
3. Struktur Tabel Berita_komentar Tabel berita_komentar digunakan untuk menyimpan data ID_Komentar, ID_Berita, Komentator, Email, Tanggal, Komentar, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.3 di bawah ini:
Tabel III.3 Rancangan Tabel Berita_komentar Nama Database
syahrir_kursus
Nama Tabel
berita_komentar
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
ID_Komentar
int(11)
Tidak
Primary Key
2.
ID_Berita
int(11)
Tidak
Foreign Key
3.
Komentator
varchar(25)
Tidak
-
4.
Email
varchar(25)
Tidak
-
5.
Tanggal
date
Tidak
-
6.
Komentar
text
Tidak
-
4. Struktur Tabel Jalan Tabel jalan digunakan untuk menyimpan data Kode_Jalan, Nama_Jalan, Koordinat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.4 di bawah ini:
Tabel III.4 Rancangan Tabel Jalan Nama Database
syahrir_kursus
47
Nama Tabel No
jalan
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
Kode_Jalan
int(5)
Tidak
Primary Key
2.
Nama_Jalan
varchar(30)
Tidak
-
3.
Koordinat
text
Tidak
-
5. Struktur Tabel Lokasi Tabel lokasi digunakan untuk menyimpan data Kode_Lokasi, Nama_Lokasi, Telepon, Alamat, Gambar, Keterangan, Koordinat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.5 di bawah ini:
Tabel III.5 Rancangan Tabel Lokasi Nama Database
syahrir_kursus
Nama Tabel
lokasi
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
Kode_Lokasi
int(5)
Tidak
Primary Key
2.
Nama_Lokasi
varchar(25)
Tidak
Unique
3.
Telepon
varchar(12)
Tidak
-
4.
Alamat
text
Tidak
-
5.
Gambar
longtext
Tidak
-
6.
Keterangan
text
Tidak
-
7.
Koordinat
text
Tidak
-
6. Struktur Tabel Paket Tabel paket digunakan untuk menyimpan data Kode_Paket, Kode_Lokasi, Nama_Paket, Keterangan, Harga, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.6 di bawah ini:
48
Tabel III.6 Rancangan Tabel Paket Nama Database
syahrir_kursus
Nama Tabel
paket
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
Kode_Paket
int(5)
Tidak
Primary Key
2.
Kode_Lokasi
int(5)
Tidak
Foreign Key
3.
Nama_Paket
varchar(25)
Tidak
-
4.
Keterangan
text
Tidak
-
5.
Harga
int(11)
Tidak
-
7. Struktur Tabel Saran Tabel saran digunakan untuk menyimpan data ID_Saran, Nama_Pengirim, Email, Saran, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.7 di bawah ini:
Tabel III.7 Rancangan Tabel Saran Nama Database
syahrir_kursus
Nama Tabel
saran
No
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
ID_Saran
int(11)
Tidak
Primary Key
2.
Nama_Pengirim
varchar(25)
Tidak
-
3.
Email
varchar(25)
Tidak
-
4.
Saran
text
Tidak
-
III.4. Desain User Interface Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain output sistem, desain input sistem, dan desain database.
49
1. Desain Form Peta Berikut ini adalah rancangan tampilan desain peta dapat dilihat pada gambar III.19:
PETA
Gambar III.19. Desain Tampilan Peta
2.
Desain Form Login Desain form login dapat dilihat pada gambar III.20:
50
Gambar III.20. Desain Form Login
3. Desain Form Input Data Lokasi Berikut ini adalah rancangan tampilan desain Input data lokasi dapat dilihat pada gambar III.21:
Gambar III.21. Desain Tampilan Input Data Lokasi
51
4. Desain Form Kritik Dan Saran Berikut ini adalah rancangan tampilan desain kritik dan saran dapat dilihat pada gambar III.22:
Gambar III.22 Desain Tampilan Kritik dan Saran
5. Desain Form Berita Berikut ini adalah rancangan tampilan desain berita dapat dilihat pada gambar III.23:
52
Gambar III.23 Desain Tampilan Berita 6. Desain Form Pengaturan Tentang Desain form tentang dapat dilihat pada gambar III.24 :
Gambar III.24 Desain Form Tentang