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
Tentang Aplikasi
Data Masjid
Profil
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
