BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Analisa masalah yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi Sistem Informasi Geografis Lokasi Support Center Resmi Notebook di Medan Berbasis Android yang telah ada sebelumnya. Analisa masalah yang penulis identifikasikan adalah : 1. Masih terbatas sistem informasi geografis lokasi center resmi notebook khususnya di kota Medan dengan menggunakan aplikasi android. 2. Informasi mengenai lokasi center resmi notebook tidak efisien dan efektif dikarenakan informasi hanya didapatkan dari iklan dan sebaran brosur. Adapun pemecahan masalah yang diusulkan oleh penulis adalah sebagai berikut : 1. Meningkatkan pengetahuan dan keterampilan yang bersifat teori dan prakteknya. 2. Membuat perancangan aplikasi sistem informasi geografis berbasis android. 3. Menganalisis dan pengujian aplikasi sistem informasi geografis berbasis android. 33
34 III.2. Desain Sistem Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari Usecase Diagram, Class Diagram, dan Sequence Diagram. III.2.1. Usecase Diagram Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan usecase diagram yang terdapat pada Gambar III.1 : Tampilan Utama Login <include> <extends> <include> <extends> <extends> Support Center Pengaturan Program Tentang Program admin Logout Gambar III.1. Use Case Diagram Sistem Geografis Lokasi Support Center Resmi Notebook di Kota Medan III.2.2. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.2 :
35 Sistem Informasi Geografis Lokasi Support Center Resmi Notebook di Kota Medan rute ID_Rute Dari Menuju Jarak using Id_User Username Password Nama using using lokasi Kode_Lokasi Nama_Lokasi Telepon Alamat Gambar Keterangan Koordinat Gambar III.2. Class Diagram Sistem Informasi GIS Lokasi Support Center Resmi Notebook III.2.3. Activity Diagram Bisnis proses yang telah digambarkan pada use case diagram dijabarkan dengan Acitvity diagram : 1. Activity Diagram Melakukan Login Sistem Aktifitas untuk melakukan login untuk dapat masuk kedalam sistem terlihat seperti pada gambar III.3 berikut : Click Menu Masuk Memasukkan Username Memasukkan Password invalid Menampilkan Pesan Error Valid Aktifkan Menu User Gambar III.3. Acitvity Diagram Login Sistem
36 2. Activity Diagram Tampilan Utama berikut : Aktivitas untuk melihat tampilan utama pada sistem seperti pada gambar III.4 Menu Admin Click Tampilan Utama Lihat informasi menu utama Gambar III.4. Activity Diagram Melihat Tampilan Utama 3. Activity Diagram Ganti Password Aktivitas untuk melihat ganti password admin pada sistem seperti pada gambar III.5 berikut : Menu Admin Ubah Data Old Password Ubah Data New Password Click Change Gambar III.5. Activity Diagram Untuk Mengganti Password Admin
37 4. Activity Diagram Daftar Support Center Aktivitas untuk melihat daftar Support Center Resmi Notebook pada sistem seperti pada gambar III.6 berikut : Menu Admin Click Daftar Lokasi Click Lokasi Lihat Informasi Lokasi Gambar III.6. Activity Diagram Melihat Daftar Support Center Resmi Notebook 5. Activity Diagram Pengaturam Program Aktivitas untuk melihat mengenai pengaturan program pada sistem seperti pada gambar III.7 berikut : Menu Admin Click Pengaturan Aplikasi Lihat Informasi Gambar III.7. Activity Diagram Pengaturan Aplikasi
38 6. Activity Diagram Tentang Program Aktivitas untuk melihat mengenai tentang program pada sistem seperti pada gambar III.8 berikut : Menu Admin Click tentang Aplikasi Lihat Informasi tentang Aplikasi Gambar III.8. Activity Diagram Tentang Aplikasi III.2.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut : 1. Sequence Diagram Login admin Serangkaian kinerja sistem login yang dilakukan oleh admin dapat diterangkan dengan langkah-langkah state, dimulai dari memasukkan email dan memasukkan password, jika Akun valid maka sistem akan mengaktifkan menu, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.9 berikut :
39 Administrator Website Main form Form Login Proses Login Tabel Menu Admin Tampilkan Fom () Menu () click form login Validasi nama dan password () Koneksi database () valid Invalid () Gambar III.9. Sequence Diagram Login 2. Sequence Diagram Tampilan Utama Serangkaian kerja untuk melihat tampilan utama pada sistem seperti pada gambar III.10 berikut : Administrator Form Delete Daftar Center Data Point Form Tampilan Utama Proses Proses Delete proses Database Form Tampilan Utama() Click Item () Informasi data () Koneksi database () Gambar III.10. Sequence Diagram Melihat Tampilan Utama
40 3. Sequence Diagram Ganti Password Admin Serangkaian kerja untuk mengganti password admin pada sistem seperti pada gambar III.11 berikut : Administrator Form Delete Daftar Center Data Point Form Ganti Password Proses Proses Delete proses Database Form Ganti Password () Ubah password lama () Ubah password baru () Click Change () Koneksi database () Gambar III.11. Sequence Diagram Mengganti Password Admin 4. Sequence Diagram Support Center Serangkaian kerja untuk melihat daftar Support Center Resmi Notebook pada sistem seperti pada gambar III.12 berikut : Administrator Form Delete Daftar Center Data Point Form daftar center point Proses Proses Delete proses Database Form daftar center point() Click Item () Informasi data () Koneksi database () Gambar III.12. Sequence Diagram Melihat Daftar Support Center Resmi Notebook
41 5. Sequence Diagram Pengaturan Program Serangkaian kerja untuk melihat mengenai pengaturan program pada sistem seperti pada gambar III.13 berikut : Administrator Form Delete Daftar Center Data Point Form pengaturan program Proses Proses Delete proses Database Form pengaturan program() Click Item () Informasi data () Koneksi database () Gambar III.13. Sequence Diagram Pengaturan Program 6. Sequence Diagram Tentang Program Serangkaian kerja untuk melihat mengenai tentang program pada sistem seperti pada gambar III.14 berikut : Administrator Form Delete Daftar Center Data Point Form tentang program Proses Proses Delete proses Database Form tentang program() Click Item () Informasi data () Koneksi database () Gambar III.14. Sequence Diagram Tentang Program
42 III.3. Desain Basis Data struktur tabel. Desain basis data terdiri dari tahap merancang kamus data dan merancang III.3.1. Kamus Data Kamus data merupakan sebuah daftar yang terorganisasi dari elemen data yang berhubungan dengan sistem, dengan definisi yang tepat dan teliti sehingga pemakai dan analis sistem akan memiliki pemahaman yang umum mengenai input, output, dan komponen penyimpan. Kamus data penyimpanan sistem yang akan dirancang dapat dilihat pada tabel III.1 : Tabel III.1 Tabel Kamus Data Data Atribut Ekspresi Reguler Data Lokasi = @kode lokasi + nama lokasi + telepon + alamat + gambar + keterangan + koordinat 1. Kode lokasi = {^[-+]?[0-9]} 2. Nama lokasi = {[0-9][a-z][A-Z][Spasi]} 3. Telepon = {[0-9][a-z][A-Z][Spasi]} 4. Alamat = {[0-9][a-z][A-Z][Spasi]} 5. Gambar = {[0-9][a-z][A-Z][Spasi]} 6. Keterangan = {[0-9][a-z][A-Z][Spasi]} 7. Koordinat = {^[-+]?[0-9]} rute = @ID Rute + Dari + Menuju + Jarak 1. ID Rute = {^[-+]?[0-9]} 2. Dari = {[0-9][a-z][A-Z][Spasi]} 3. Menuju = {[0-9][a-z][A-Z][Spasi]} 4. Jarak = ^[-+]?[0-9]*\.?[0-9]+$ = @Id_User + Username + Password + Nama 1. Id_User = {^[-+]?[0-9]} 2. Username = {[0-9][a-z][A-Z][Spasi]} 3. Password = {[0-9][a-z][A-Z][Spasi]} 4. Nama = {[0-9][a-z][A-Z][Spasi]}
43 III.3.2. 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: 1. 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.2 di bawah ini: Nama Database Nama Tabel Tabel III.2 Rancangan Tabel Lokasi panji_supportcenter 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 - 2. Struktur Tabel Rute Tabel rute digunakan untuk menyimpan data ID_Rute, Dari, Menuju, Jarak, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.3 di bawah ini:
44 Nama Database Nama Tabel Tabel III.3 Rancangan Tabel Rute panji_supportcenter rute No Nama Field Tipe Data Boleh Kosong Kunci 1. ID_Rute int(11) Tidak Primary Key 2. Dari varchar(25) Tidak - 3. Menuju varchar(25) Tidak - 4. Jarak int(11) Tidak - 3. Struktur Tabel User Tabel digunakan untuk menyimpan data Id_User, Username, Password, Nama, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.4 di bawah ini: Nama Database Nama Tabel Tabel III.4 Rancangan Tabel User panji_supportcenter 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 - III.4. Desain User Interface Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain sistem.
45 1. Desain Form Login admin berikut : Desain form untuk melakukan login data terlihat seperti pada gambar III.15 Sistem Informasi Geografis Silahkan Masukkan name dan password anda : Username : Password : Sign In Reset Gambar III.15. Desain Form Login 2. Desain Form Tampilan Utama Desain form untuk melihat tampilan utama pada sistem seperti pada gambar III.16 berikut : Sistem Informasi Geografis Tampilan Utama Informasi mengenai support center Gambar III.16. Desain Form Melihat Tampilan Utama
46 3. Desain Form Tampilan Ganti Password Desain form untuk melihat tampilan ganti password pada sistem seperti pada gambar III.17 berikut : Sistem Informasi Geografis Please type your valid old password and new password : Old Password : New Password : Change Gambar III.17. Desain Form Melihat Tampilan Ganti Password 4. Desain Form Daftar Support Center Resmi Notebook Desain form untuk melihat daftar Support Center Resmi Notebook pada sistem seperti pada gambar III.18 berikut : Sistem Informasi Geografis Daftar Peta Daftar Lokasi Peta Outlet Gambar III.18. Desain Form Melihat Daftar Support Center Resmi Notebook
47 5. Desain Form Pengaturan Program Desain form untuk melihat mengenai pengaturan program pada sistem seperti pada gambar III.19 berikut : Sistem Informasi Geografis Pengaturan Aplikasi : Informasi Pengaturan Aplikasi Gambar III.19. Desain Form Pengaturan Program 6. Desain Form Tentang Program Desain form untuk melihat mengenai tentang program pada sistem seperti pada gambar III.20 berikut : Sistem Informasi Geografis tentang Aplikasi : Informasi tentang Aplikasi Gambar III.20. Desain Form Tentang Program