BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Sistem yang Sedang Berjalan Analisa sistem sangat berguna untuk mengetahui gambaran umum mengenai perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS. Dalam pembahasan analisa sistem yang sedang berjalan masyarakat masih belum memiliki sistem yang terkomputerisasi dalam melakukan pemetaan ataupun pencarian lokasi penyedia pertamax, sehingga membutuhkan waktu yang lama dalam melakukan pencarian ataupun pemetaan penyedia pertamax. Maka dari itu penulis membangun sebuah Perancangan dan Pemetaan penyedia Pertamax Plus Berbasis GIS. III.2. Desain Sistem III.2.1. Desain Sistem Secara Global Perancangan sistem yang baru dimulai dengan perancangan database, yang dimulai dengan pembuatan Use Case Diagram, Sequence Diagram, Class Diagram dan Activity Diagram, yang akan dilanjut dengan perancangan aplikasinya. III.2.1.1. Use Case Diagram Use case diagram menjelaskan urutan kegiatan yang dilakukan oleh actor dan sistem untuk mencapai suatu tujuan tertentu. Sebuah use case 28
mempresentasikan sebuah interaksi antar actor dengan sistem dan menggambarkan fungsionalitas yang diharapkan dari perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS. Berikut Use Case Diagram dapat dilihat pada gambar berikut ini : Perancangan dan Pemetaan Penyedia Pertamax Plus Berbasis GIS Login Pengolahan Data Informasi User Melihat data lokasi Admin Melihat Peta LogOut Gambar III.1. Use Case Diagram
III.2.1.2. Sequence Diagram Sequence diagram menunjukkan bagaimana detil operasi dilakukan, peran apa yang dikirim dan kapan. Sequence Diagram menjelaskan interaksi objek yang di susun dalam suatu urutan waktu tertentu. Berikut ini adalah Sequence Diagram untuk perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS : Login LOKASI / Admin Admin Login Data Get Login Set Login Id_ Nama_ Nama_Pimpinan Id_ Id_ Nama_ Nama_Pimpinan Koordinat_x Koordinat_y Data x Get Logout Get Login Data Pencarian x x x Admin Logout Gambar III.2. Sequence Diagram Pada Form Admin
Login Sistem PETA User Tampilan Halaman Home Tampilan Halaman Tampilan Halaman x Tampilan Halaman peta x x Gambar III.3. Sequence Diagram Pada Form User III.2.1.3. Class Diagram Class Diagram sangat membantu dalam visualisasi struktur kelas dari suatu sistem. Hal ini desebabkan karena class adalah deskripsi kelompok obyekobyek dengan property, perilaku (operasi) dan relasi yang sama. Berikut ini adalah Class Diagram untuk perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS:
Admin +username +password +get_login ( ) +set_login ( ) +get_logout ( ) +set_logout ( ) 1 * 1 * +id_lokasi +id_spbu +nama_spbu +jam_kerja +lokasi +koordinat x +koordinat y +tambah data lokasi ( ) +lihat lokasi spbu ( ) * +id_spbu +nama_spbu +nama_pimpinan +jumlah_karyawan +jam_kerja +tambah data ( ) 1 * Gambar III.4. Class Diagram Perancangan Dan Pemetaan Penyedia Pertamax Plus Berbasis GIS III.2.2. Desain Sistem Secara Detail Perancangan terinci yang disebut juga desain teknis sistem secara fisik (phisycal system design) atau disebut juga desain internal (internal design), yaitu perancangan bentuk fisik atau bagan arsitektur sistem yang diusulkan. Dalam merancang suatu sistem perlu diketahui hal yang akan menunjang sistem, agar dapat mempermudah pengolahan data nantinya. Berdasarkan hal tersebut diatas, penulis akan menguraikan lebih detail rancangan sistem yang diusulkan.
III.2.2.1. Desain Input Desain Input adalah rancangan form masukan (input) yang penulis gunakan dalam pembuatan perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS. Berikut adalah perancangan desain input perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS. 1. Desain Input Halaman Login Admin HEADER HOME PROFILE PETA AdminName Password Login Gambar III.5. Desain Input Halaman Login Admin
2. Desain Input Tabel HEADER HOME PROFILE PETA LOGOUT id_ nama_ nama_pimpinan Jumlah_karyawan Jam_kerja Insertrecord Gambar III.6. Desain Input Tabel 3. Desain Input Tabel / Peta HEADER HOME PROFILE PETA LOGOUT id_ id_ nama_ Jam_Kerja Koordinat x Koordinat y Insertrecord Gambar III.7. Desain Input Tabel / Peta
III.2.2.2. Desain Output Berikut ini adalah perancangan hasil (output) dari pengolahan data yang ada pada perancangan dan pemetaan lokasi penyedia pertamax plus berbasis web adalah sebagai berikut : 1. Desain Output Halaman Home HEADER HOME PROFILE PETA AdminName GAMBAR Password Login Gambar III.8. Desain Output Halaman Home 2. Desain Output Halaman Data HEADER ID Nama Nama Pimpinan Jumlah Karyawan Jam Kerja 001 Merak Jingga Drs. Supriono 35 24 Jam Gambar III.9. Desain Output Data
3. Desain Output Halaman / Peta HEADER PETA Gambar III.10. Desain Output Halaman Data Peta III.2.2.3. Desain Tabel Dalam perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS, record tersimpan dalam beberapa file dengan arsitektur data sebagai berikut : 1. Tabel Login Pada tabel login ini untuk menampung record data username dan password administrator. Berikut tampilan rancangan struktur data tersebut: Nama Database Nama Tabel Primary Key : dbpertamaxplus : Admin : id Tabel III.1. Tabel Admin Nama Field Data Tipe Ukuran Keterangan Username Varchar 25 Name Admin Password Varchar 25 Password Admin
2. Tabel Pada tabel ini untuk menampung record data yang menyediakan pertamax plus. Berikut tampilan rancangan struktur data tersebut: Nama Database Nama Tabel Primary Key : dbpertamaxplus : spbu : id_spbu Tabel III.2. Data Nama Field Data Tipe Ukuran Keterangan id_spbu Varchar 10 Id nama_spbu Varchar 25 Nama nama_pimpinan Varchar 25 Nama Pimpinan jumlah_karyawan Int - Jumlah Karyawan jam_kerja Varchar 15 Jam Kerja 3. Tabel / Peta Pada tabel lokasi ini untuk menampung record data lokasi yang menyediakan pertamax plus. Berikut tampilan rancangan struktur data tersebut : Nama Database Nama Tabel Primary Key : dbpertamaxplus : lokasi : id_lokasi Tabel III.3. Data lokasi / Peta Nama Field Data Tipe Ukuran Keterangan id_lokasi Varchar 10 Id
id_spbu Varchar 10 Id Spbu nama_spbu Varchar 25 Nama Spbu jam_kerja Varchar 15 Jam Kerja lokasi Text - Koordinat_x Int - Koordinat X Koordinat_y Int - Koordinat Y III.2.2.4. ERD (Entity Relationship Diagram) / Relasi Antar Tabel Entity Relationship Diagram (ERD) adalah model konseptual yang mendeskripsikan hubungan antara penyimpanan. Entity Relationship Diagram (ERD) digunakan untuk memodelkan struktur data dan hubungan antar data. Adapun Entity Relationship Diagram (ERD) yang penulis gunakan dalam perancangan dan pemetaan lokasi penyedia pertamax plus berbasis web adalah sebagai berikut: Koordinat_y Nama Nama_pimpinan lokasi Id_spbu m MEMILIKI m LOKASI Id_lokasi Id_spbu Jlh Karyawan jam_kerja Nama_spbu Koordinat_x Jam_kerja Gambar III.11. Entity Relationship Diagram ( ERD )
III.2.2.5. Logika Program Logika Program (Alir data dari sekumpulan simbol-simbol atau skema yang menunjukkan atau menggambarkan rangkaian kegiatan proses atau langkahlangkah proses program dari awal sampai akhir. Inti pembuatan dari Logika Program ini adalah penggambaran urutan langkah-langkah pengerjaan dari suatu algoritma program. 1. Activity Diagram Halaman User perancangan dan pemetaan lokasi penyedia pertamax plus berbasis GIS Home Profile Peta Login Tampilan Form Gambar III.12. Activity Diagram Halaman User
2. Activity Diagram Halaman Login Admin Form Login Input Username dan Password Menu Admin Gambar III.13. Activity Diagram Halaman Login Admin
3. Activity Diagram Halaman Admin Perancangan Dan Pemetaan Penyedia Pertamax Plus Berbasis GIS Home Profile Peta LOGOUT Tampilan Form Gambar III.14. Activity Diagram Halaman Admin
4. Activity Diagram Halaman Gagal Input Data Isi Data Berhasil Simpan Data Gagal Edit Data Pilih Data Simpan Data Gagal Hapus Data Pilih Data Berhasil Simpan Data Gambar III.15. Activity Diagram Halaman 5. Activity Diagram Halaman / Peta Gagal Input Data Isi Data Berhasil Simpan Data Gagal Edit Data Pilih Data Simpan Data Gagal Hapus Data Pilih Data Berhasil Simpan Data Gambar III.16. Activity Diagram Halaman