BAB III ANALISIS DAN DESAIN SISTEM Pada bab ini akan dibahas mengenai Sistem Informasi Geografis Letak Masjid Raya dan Masjid Jami di Kota Medan Berbasis Android yang meliputi analisa masalah dan desain sistem. III.1. Analisis Masalah Adapun analisa masalah pada sistem informasi geografis letak masjid raya dan masjid jami di kota medan yaitu : 1. Masyarakat umumnya sulit menemukan informasi tentang letak masjid raya yang ada di Kota Medan. 2. Belum banyaknya masyarakat yang tahu berapa banyak masjid raya dan masjid jami yang ada di kota medan. III.2. Desain Sistem Baru Untuk membantu proses menemukan lokasi masjid raya yang ada di Kota Medan secara cepat, tepat dan lengkap. Sistem yang akan dibangun berbasis Android ini menggunakan Java dengan aplikasi Eclipse dengan menggunakan peta Map API sehingga lokasi dapat dengan akurat ditemukan. III.2.1. Desain Sistem Global Pada perancangan sistem ini terdiri dari tahap perancangan yaitu : 32
33 1. Perancangan Use Case Diagram 2. Perancangan Activity Diagram 3. Perancangan Sequence Diagram 4. Perancangan Tampilan III.2.1.1. Use Case Diagram Sistem Informasi Geografis Letak Masjid Raya dan Masjid Jami Di Kota Medan Dalam penyusunan suatu program diperlukan suatu model data yang berbentuk diagram yang dapat menjelaskan suatu alur proses sistem yang akan di bangun. Dalam penulisan skripsi ini penulis menggunakan metode UML yang dalam metode itu penulis menerapkan diagram Use Case. Berikut Use Case Diagram Sistem Informasi Geografis Letak Masjid Raya di Kota Medan yang dapat dilihat pada gambar III.1.
34 Sistem Informasi Geografis Letak Masjid Raya di Kota Medan Melihat Map Melihat Data Masjid Melihat Profil User Melihat Bantuan Keluar Gambar III.1. Use Case Diagram Sistem Informasi Geografis Letak Masjid Raya dan Masjid Jami di Kota Medan III.2.1.2. Activity Diagram III.2.1.2.1. Activity Diagram Melihat Map Adapun kegiatan user yang dijelaskan pada activity diagram berupa melihat lokasi dan alamat pada tampilan map kemudian user menentukan titik keberadaan user dan user membuat Add marker dari posisi user ketujuan yang di
35 tentukan dan user dapat melihat berapa jarak ketujuan yang diinginkan. Adapun Activity Diagram Map dapat dilihat pada gambar III.2. Masuk Menu Utama Pilih Map Lihat Map Klik Marker Lihat Informasi Alamat Gambar III.2. Activity Diagram Map III.2.1.2.2. Activity Diagram Data Masjid Pada activity diagram Data Masjid menjelaskan tentang informasi tentang data data dari Masjid Raya. Adapun Activity Diagram Data Masjid dapat dilihat pada gambar III.3.
36 Masuk Menu Utama Pilih Data Masjid Pilih Nama Masjid Lihat Informasi Data Masjid Gambar III.3. Activity Diagram Data Masjid III.2.1.2.3. Activity Diagram Melihat Profil Pada activity diagram Profil Programmer menjelaskan bahwa informasi atau data diri Programmer. Adapun Activity Diagram Profil Programmer dapat dilihat pada gambar III.4. Masuk Menu Utama Pilih Profil Lihat Informasi Profil Gambar III.4. Activity Diagram Melihat Profil Programmer
37 III.2.1.2.4. Activity Diagram Melihat Informasi Tentang Aplikasi Activity diagram melihat Tentang Aplikasi menjelaskan tentang tujuan aplikasi dan manfaat aplikasi yang dirancang. Adapun Activity Diagram Melihat Informasi Bantuan dapat dilihat pada gambar III.5. Masuk Menu Utama Pilih Tentang Aplikasi Lihat Informasi Tentang Aplikasi Gambar III.5. Activity Diagram Melihat Informasi Tentang Aplikasi III.2.1.2.5. Activity Diagram Melihat Informasi Bantuan Activity diagram melihat Bantuan menjelaskan tentang apabila ada masalah dalam menjalankan program. Adapun Activity Diagram Melihat Informasi Bantuan dapat dilihat pada gambar III.6.
38 Masuk Menu Utama Pilih Bantuan Lihat Informasi Bantuan Gambar III.6. Activity Diagram Melihat Informasi Bantuan III.2.1.2.6. Activity Diagram Keluar Pada activity diagram sistem informasi geografis lokasi toko eiger di Kota Medan menjelaskan untuk keluar dari program. Adapun Activity Diagram keluar dapat dilihat pada gambar III.7. Masuk Menu Utama Pilih Keluar Gambar III.7. Activity Diagram Keluar
39 III.2.1.3. Sequence Diagram Sequence Diagram menggambarkan perilaku pada sebuah skenario, diagram ini menunjukkan sejumlah contoh objek dan pesan (message) yang diletakkan diantara objek-objek ini di dalam use case. Diagram ini secara khusus berasosiasi dengan use case diagram. Adapun gambar Sequence Diagram Sistem Informasi Geografis Letak Masjid Raya dan Masjid Jami di Kota Medan Berbasis Android dapat dilihat pada gambar III.8
40
41 III.2.1.3.1. Alur Cerita Sequence Diagram Adapun alur cerita Sequence Diagram Sistem Informasi Geografis Letak Masjid Raya dan Masjid Jami Di Kota Medan Berbasis Android yaitu : 1. Pertama user membuka progam, kemudian user akan masuk pada tampilan menu utama. 2. Setelah masuk ke menu utama kemudian user memilih menu lihat peta untuk melihat letak Masjid Raya dan Masjid Jami yang tersedia, kemudian pilih kembali jika user ingin kembali ke menu utama. 3. Setelah itu pilih Opsi Rute Google Map jika user ingin melihat opsi rute petunjuk arah menuju lokasi masjid, kemudian pilih kembali jika user ingin kembali ke menu utama. 4. Setelah itu pilih Informasi petunjuk arah masjid untuk mengetahui jalur petunjuk arah yang dipilih dan mengetahui jarak tempuh menuju lokasi masjid, kemudian pilih kembali jika user ingin kembali ke menu utama. 5. Setelah itu pilih menu pilihan nama masjid raya jika user ingin mengetahui informasi mengenai masjid dan fasititas yang terdapat pada masjid tersebut, maka user akan mendapatkan informasi seperti gambar masjid yang tersedia, kemudian pilih kembali jika user ingin kembali ke menu utama. 6. Setelah itu pilih album gambar masjid raya dan masjid jami apabila user ingin melihat gambar masjid raya yang diinginkan, kemudian pilih kembali jika user ingin kembali ke menu utama.
42 7. Kemudian pilih Informasi Profil Programmer apabila user ingin mengetahui informasi pembuat aplikasi seperti nama, NIM (Nomor Induk Mahasiswa), Jurusan, Kampus, Dosen Pembimbing, kemudian pilih kembali jika user ingin kembali ke menu utama. 8. Setelah itu pilih Tentang Aplikasi apabila user ingin mengetahui tujuan dari pembuatan aplikasi, kemudian pilih kembali jika user ingin kembali ke menu utama. 9. Setelah itu jika user ingin melihat bantuan aplikasi apabila terjadi masalah dalam menjalankannya pilih Bantuan, maka user akan mendapatkan informasi bantuan aplikasi. Kemudian pilih kembali jika user ingin kembali ke menu utama. 10. Setelah user sudah mendapatkan informasi sekolah yg dicari dan ingin keluar dari aplikasi, pilih Keluar maka user akan keluar dari aplikasi. III.3. Desain User Interface Perancangan tampilan pada Sistem Informasi Geografis Letak Masjid Raya di Kota Medan Berbasis Android adalah sebagai berikut: III.3.1. Desain Menu Utama Tampilan menu utama pada aplikasi ini adalah tampilan yang pertama kali muncul ketika user membuka program. Pada tampilan ini terdapat beberapa menu yang dapat dipilih oleh user. Rancangan tampilan menu utama dapat dilihat pada Gambar III.9.
43 Gambar Peta Data Masjid Profil Tentang Aplikasi Bantuan Keluar Gambar III.9. Desain Menu Utama
44 III.3.2. Desain Map Tampilan Map pada aplikasi ini adalah halaman untuk menampilkan Alamat dan dan nama masjid raya yang ada di Kota Medan. Rancangan tampilan Map dapat dilihat pada Gambar III.10. MAP Gambar III.8. Desain Map Gambar III.10. Desain Map III.3.3. Desain Data Masjid Tampilan Data Masjid pada aplikasi ini adalah halaman untuk menampilkan nama masjid dan informasi data data masjid raya yang ada di kota
45 medan. Rancangan tampilan Data Masjid dapat dilihat pada gambar III.11. Data Masjid Raya Dan Masjid Jami Nama Masjid Nama Masjid Nama Masjid Nama Masjid Nama Masjid Gambar III.11. Desain Data Masjid III.3.4. Desain Informasi Data Masjid Pada tampilan informasi data masjid pada aplikasi ini adalah halaman untuk menampilkan informasi yang terdapat pada masjid seperti luas bangunan, tahun berdiri, dan fasilitas yang ada pada masjid tersebut. Rancangan tampilan Informasi data masjid dilihat pada gambar III.12.
46 Gambar Informasi Data Masjid Gambar III.12. Desain Informasi Data Masjid III.3.5. Desain Profil Tampilan pada desain profil pada aplikasi ini adalah halaman untuk menampilkan data diri dari programmer. Rancangan tampilan Profil dapat dilihat pada gambar III.13.
47 Gambar Foto Nama : Nim : Jurusan: Dosen Pembimbing 1 : Dosen Pembimbing 2 : Gambar III.13. Desain Profil Programmer III.3.6. Desain Informasi Tentang Aplikasi Tampilan desain informasi tentang aplikasi pada aplikasi ini adalah halaman untuk menampilkan tujuan dan manfaat dari pembuatan aplikasi yang dirancang. Rancangan tampilan Desain Informasi Tentang Aplikasi dapat dilihat pada gambar III.14
48 Gambar Tentang Aplikasi : Gambar III.14. Desain Informasi Tentang Aplikasi III.3.7. Desain Informasi Bantuan Tampilan desain informasi bantuan pada aplikasi ini adalah halaman untuk menampilkan tentang program yang di jalankan jika ada kendala atau masalah. Rancangan tampilan Desain Informasi Bantuan dapat dilihat pada gambar III.15.
49 Gambar Informasi Bantuan : Gambar III.15. Desain Informasi bantuan