BAB III ANALISIS DAN DESAIN SISTEM Pada bab ini akan dibahas mengenai Sistem Informasi Geografis Penyebaran Optik Kacamata Berbasis Android Di Kota Medan yang meliputi analisa sistem yang sedang berjalan dan desain sistem. III.1. Analisis Masalah Adapun analisa masalah pada sistem informasi geografis penyebaran optik kacamata berbasis android di kota medan yaitu : 1. Masyarakat umumnya sulit menemukan informasi tentang letak toko optik kacamata yang ada di Kota Medan. 2. Pencarian lokasi toko optik selama ini masih dilakukan secara manual yaitu dengan cara melihat peta dalam bentuk hard copy maupun dengan bertanya secara langsung kepada orang lain. 3. Belum banyaknya masyarakat yang tahu berapa banyak toko optik kacamata yang ada di kota medan. 4. Belum banyaknya masyarakat yang mengetahui tetang produk optik kacamata dan harga produk. III.2. Desain Sistem Untuk membantu proses menemukan letak toko optik kacamata yang ada di Kota Medan secara cepat, tepat dan lengkap. Sistem yang akan dibangun 29
30 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 : 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 Penyebaran Optik Kacamata 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 Penyebaran Optik Kacamata di Kota Medan yang dapat dilihat pada gambar III.1.
31 Sistem Informasi Geografis Penyebaran Optik Kacamata Berbasis Android Di Kota Medan Registrasi Google Maps Melihat About <extends> Akses Google Maps Melihat Produk <extends> <extends> Melihat Peta <extends> Admin Update Data Map <extends> User Melihat Help Update Data Optik Kacamata <extends> Exit Gambar III.1. Use Case Diagram Sistem Informasi Geografis Penyebaran Optik Kacamata Berbasis Android Di Kota Medan III.2.2. Activity Diagram III.2.2.1. Activity Diagram Melakukan Akses Google Map Aktifitas untuk melakukan registrasi google map untuk dapat mengakses google map terlihat seperti pada gambar III.1 berikut :
32 Registrasi Google Map Login Gmail Masukkan User Name Masukkan Password invalid Menampilkan Pesan Error Valid Input Android Key Registrasi Selesai Akses Google Maps Berhasil Gambar III.1. Activity Diagram Akses Google Map III.2.2.2. Activity Diagram Pengolahan Data Optik Kacamata Aktifitas untuk melakukan pengolahan data Optik Kacamata terlihat seperti pada gambar III.2 berikut : Data Optik Kacamata Input Data Hapus Data Edit Data Gambar III.2. Activity Diagram Akses Google Map
33 III.2.2.3. Activity Diagram Melihat About Pada activity diagram About menjelaskan bahwa informasi atau data diri pembuat program. Adapun Activity Diagram About dapat dilihat pada gambar III.3. Masuk Menu Utama Pilih About Lihat Informasi About Gambar III.3. Activity Diagram Melihat About III.2.2.4. Activity Diagram Melihat Produk Pada activity diagram Produk user melihat informasi tentang produk produk optic kacamata yang dijual. Adapun Activity Diagram produk optic kacamata dapat dilihat pada gambar III.4.
34 Masuk Menu Utama Pilih Produk Lihat Kategori Produk Lihat Informasi Produk Gambar III.4. Activity Diagram Melihat Produk III.2.2.5. Activity Diagram Melihat Peta Pada activity diagram sistem informasi geografis penyebaran optik kacamata di Kota Medan menjelaskan bahwa apa-apa saja yang dapat dilakukan oleh user. Adapun kegiatan user yang dijelaskan pada activity diagram berupa melihat letak pada tampilan peta dapat dilihat pada gambar III.5.
35 Masuk Menu Utama Pilih Peta Melihat Peta Klik Marker Lihat Informasi Alamat Gambar III.5. Activity Diagram Melihat Map III.2.2.6. Activity Diagram Help Activity diagram melihat Help menjelaskan tentang apabila ada masalah dalam menjalankan program. Adapun Activity Diagram help dapat dilihat pada gambar III.6. Masuk Menu Utama Pilih Help Lihat Informasi Help Gambar III.6. Activity Diagram Help
36 III.2.2.7. Activity Diagram Keluar Pada activity diagram sistem informasi geografis penyeberan optik kacamata di Kota Medan menjelaskan untuk keluar dari program. Adapun Activity Diagram keluar dapat dilihat pada gambar 7.. Masuk Menu Utama Keluar Gambar III.7. Activity Diagram Keluar III.2.3. Sequence Diagram Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap, termasuk kronologi (urutan) perubahan secara logis yang seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan use case diagram, berikut beberapa gambar sequence diagram
37 a. Sequence Diagram About Menu Utama Lihat Info About Buka Program Pilih About Kembali Gambar III.8. Sequence Diagram About b. Sequence Diagram Produk Menu Utama Lihat Kategori Produk Kacamata Lihat Informasi Porduk Kacamata Buka Program Pilih Produk Pilih kategori Produk Kacamata Kembali Gambar III.9. Sequence Diagram Produk
38 c. Sequence Diagram Peta Menu Utama Peta Informasi Alamat Toko Optik Kacamata Buka Program Pilih Peta Klik Marker Kembali lihat Peta Kembali Menu Utama Gambar III.10. Sequence Diagram Peta d. Sequence Diagram Help Menu Utama Lihat Informasi Help Buka Program Pilih Informasi Help Kembali Gambar III.11. Sequence Diagram Help
39 III.2.4. Perancangan Tampilan Perancangan tampilan pada Sistem Informasi Geografis Letak di Kota Medan Berbasis Android adalah sebagai berikut: III.2.4.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.12. Gambar About Produk Peta Help Exit Gambar III.12. Desain Menu Utama
40 III.2.4.2.Desain About Tampilan pada desain profil programmer pada aplikasi ini adalah halaman untuk menampilkan data diri dari programmer. Rancangan tampilan Profil Programmer dapat dilihat pada gambar III.13. Gambar Nama : Nim : Alamat : Jurusan : Peminatan : Judul Skripsi : Gambar III.13. Desain About III.2.4.3. Desain Informasi Produk Tampilan Produk Optik Kacamata pada aplikasi ini adalah halaman untuk menampilkan nama produk optik kacamata dan informasi dan informasi harga produknya. Rancangan tampilan Produk Optik Kacamata dapat dilihat pada gambar III.14.
41 Nama Produk Nama Produk Gambar Gambar Harga Produk Harga Produk Nama Produk Nama Produk Gambar Gambar Harga Produk Harga Produk Gambar III.14. Desain Produk III.2.4.4. Desain Map Tampilan Map pada aplikasi ini adalah halaman untuk menampilkan Alamat Toko Optik Kacamata di Kota Medan. Rancangan tampilan Map dapat dilihat pada Gambar III.15.
42 MAP Gambar III.8. Desain Map Gambar III.15. Desain Map III.2.4.5. Desain Help Tampilan desain Help pada aplikasi ini adalah halaman untuk menampilkan tentang program yang di jalankan jika ada kendala atau masalah. Rancangan tampilan Desain Help dapat dilihat pada gambar III.16.
43 Gambar Bantuan : 1. Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2. Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx 3. Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx Gambar III.16. Desain Help