BAB III ANALISA DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISA DAN DESAIN SISTEM III.1 Analisa Sistem Yang Sedang Berjalan Berdasarkan hasil analisis yang telah dilakukan terhadap sistem yang berjalan pada informasi penyampaian lokasi Toko sepatu Bata, maka diperoleh beberapa kendala yang ada pada kondisi saat ini, yaitu : 1. Informasi penyampaian lokasi Toko sepatu Bata disampaikan hanya dalam bentuk data tabular yang dicetak dalam selembar kertas dan disebarkan kepada masyarakat 2. Informasi yang disampaikan hanya menginformasikan alamat lokasi dari Toko sepatu Bata. 3. Belum ada informasi mengenai letak Toko sepatu Bata yang ditampilkan dalam bentuk peta, baik peta cetak maupun digital. 4. Masyarakat yang ingin mengetahui letak Toko sepatu Bata selain daerah domisilinya sering mengalami kesulitan untuk memperoleh info lokasi Toko sepatu Bata lainnya. 5. Hingga saat ini belum ada sistem yang dapat diakses oleh masyarakat untuk memperoleh informasi khusus yang menyediakan informasi mengenai lokasi Toko sepatu Bata yang tersebar pada Kota medan. 45

2 46 III.1.1 Analisa Input.Adapun yang menjadi input pada penginformasian data lokasi Toko sepatu Bata adalah data-data umum mengenai lokasi Toko sepatu Bata, yang diketikan pada lembar kerja Microsoft Excel, adapun data-data input yang dibutuhkan adalah : 1. Nama Toko sepatu Bata 2. Alamat jelas dari Toko sepatu Bata 3. No telepon Toko sepatu Bata III. 1.2 Analisa Proses Proses pencarian informasi mengenai lokasi dari Toko sepatu Bata yang selama ini dilakukan oleh masyarakat adalah dengan melihat langsung pada Selebaran ataupun brosur informasi alamat Toko sepatu Bata yang diberikan. Mulai Susunan Data Inputan Print Hasil Susunan Data Toko sepatu Bata Membagikan Selebaran Data Toko Sepatu bata Selesai Gambar III. 1. Flowchart yang berjalan

3 47 III.1.3. Output Output pada sistem ini akan didapat data data tentang nama Studio Musik, alamat, nomor telepon, kodepos, kelurahan,kecamatan serta foto dari lokasi Toko Bata yang ada di Kota Medan. Tabel III.1. Daftar Lokasi Toko Sepatu Bata di Kota Medan Nama Toko Sepatu Bata Alamat Nama Manager Kode Pos Kecamatan Toko Bata Carefour Jl. Gatot subroto/ Plaza Medan Fair Lantai 3 Blok D Bapak Tony Medan Petisah Toko Bata Iskandar Muda Jl. Iskandar Muda No. 113 G H Bapak Mahmuddin Medan Petisah Toko Bata KL. Yos Sudarso Jl. KL. Yos Sudarso No.122 Bapak Beni Ferdiansyah Medan Timur Toko Bata MMTC Jl.Pancing Komplek MMTC No. 15C Bapak Idrus Medan Tembung Toko Bata Pinang Baris Jl. Pinang Baris No.33A Bapak Ronald Pasaribu Medan Sunggal Toko Bata Purnawarman Toko Bata Kesawan Jl. Purnawarman No.37 Ibu Fani Putri Medan Maimun Jl. Kesawan No.40f Ibu Rina Anisa Medan Kota Toko Bata Medan Plaza Jl. Iskandar Muda / Medan Plaza Lantai 1 Blok B Bapak Tri Harianto Medan Petisah Toko Bata Setia Budi Jl.Setia Budi No.36 Bapak Supriyanto Medan Sunggal Toko Bata SM.Raja Jl.Sm. Raja No.316 Bapak Pangiutan Pakpahan Medan Kota

4 48 III.2. Evaluasi Sistem Berjalan Didalam sistem yang ada saat ini berjalan informasi mengenai lokasi maupun denah lokasi Toko sepatu Bata yang tersebar pada kota Medan belum ada. Umumnya informasi informasi mengenai alamat dari Toko sepatu Bata hanya ada pada selebaran yang dibagikan oleh pihak Toko sepatu Bata yang bersangkutan. Konsep penyampaian informasi pada sistem yang berjalan saat ini akan diubah kedalam konsep sistem informasi. Dimana didalam sistem informasi yang akan dirancang akan menyajikan beberapa informasi yang menginformasi mengenai lokasi Toko sepatu Bata yang tersebar pada Kota Medan. Penulis menemukan beberapa kelemahan. Adapun permasalahan yang ditemui pada sistem yang berjalan adalah proses pencarian Toko Bata masih secara manual dimana masyarakat masih melakukan pencarian secara langsung dengan datang ke Toko Bata yang dituju tanpa ada petunjuk atau kepastian bahwa Toko Bata yang dituju masih buka atau telah tutup. III.3 Desain Sistem Aplikasi sistem informasi geografis lokasi Toko sepatu Bata di Kota Medan menyajikan informasi data spasial dan non spasial tentang lokasi Toko sepatu Bata kepada pengguna. Informasi data spasial direpresentasikan dalam bentuk peta, sedangkan informasi atribut dari spasial direpresentasikan dalam bentuk tabel. Diagram berikut menjelaskan tentang alur dari pembuatan sistem aplikasi ini dengan tahapan : Peta yang dibutuhkan diinput kedalam sistem

5 49 informasi geografis, kemudian data non spasial yang sudah diolah kedalam area peta menghasilkan tampilan sistem informasi geografis yang dapat dikomunikasikan kepada pengguna. Perancangan sistem informasi geografis ini menggunakan bahasa pemograman PHP, database MySQL dan petanya didesain menggunakan arcview. III.3.1 Desain Sistem Global Adapun perancangan dari sistem yang diusulkan atau yang akan dirancang, dalam tahap ini menggunakan Unified Modeling Language (UML) yang terdiri dari Diagram Use Case, Diagram Class, Diagram Sequence dan Diagram Activity. III Use Case Diagram 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. Maka digambarlah suatu bentuk diagram Use Case yang dapat dilihat pada gambar dibawah ini.

6 50 Gambar III.2 Use Case Lokasi Kecamatan III Class Diagram Admin -username -password -level -blokir_id -id_session +username() +password() +level() berita -id -judul -sinopsis -filename -lokasi -isi +judul() +sinopsis() +filename() +lokasi() +isi() Kecamatan -id_kec -nama_kecamatan +kecamatan() tabel_nama -idnama -nama_bata -manager -alamat -kode_pos -telp -foto 1 * 1 * tabel_peta -id_peta -id_nama -id_kecamatan -longitude -latitude +id_nama() +id_kecamatan() +longitude() +latitude() +nama_bata() Gambar III.3 Class Diagram SIG Kecamatan

7 51 III Sequence Diagram Adapun perancangan tahap selanjutnya adalah perancangan diagram sequence, Diagram ini memperlihatkan interaksi yang menekankan pada pengiriman pesan (message) dalam suatu waktu tertentu. Berikut ini adalah Sequence Diagram untuk sistem informasi geografis letak toko Bata di kota medan : 1. Diagram Sequence pada Login Admin Form Login Database Menu Admin Input User dan Password Login berhasil Result Tampil Gambar III.4. Sequence Diagram Login Admin

8 52 2. Diagram Sequence Data Toko Bata Admin Data Toko Database akses data() Tambah data Hasil Tambah Data Edit Data Hasil Edit Data hapus data Hasil Hapus Data Gambar III.5. Sequence Diagram Data Toko 3. Diagram Sequence Data Peta Admin Data Peta Database akses data() Tambah data Hasil Tambah Data Edit Data Hasil Edit Data hapus data Hasil Hapus Data Gambar III.6. Sequence Diagram Data Peta

9 53 4. Diagram Sequence Data Berita Admin Data_berita Database akses data() Tambah data Hasil Tambah Data Edit Data Hasil Edit Data hapus data Hasil Hapus Data Gambar III.7. Sequence Diagram Data Berita 5. Diagram Sequence Data Kecamatan Admin Data_Kecamatan Database akses data() Tambah data Hasil Tambah Data Edit Data Hasil Edit Data hapus data Hasil Hapus Data Gambar III.8. Sequence Diagram Data Kecamatan

10 54 III.3.2 Desain Sistem Detail III Desain Output Desain output adalah merupakan tampilan hasil dari proses input yang telah dilakukan sebelumnya. Berikut adalah merupakan rancangan dari aplikasi sistem informasi Toko Bata yang akan dibangun. 1. Rancangan Halaman Utama Gambar III.9. Rancangan halaman utama Tampilan diatas adalah tampilan awal dari halaman aplikasi, dimana tampilan tersebut akan tampil setiap kali ada pengunjung yang mengakses web 2. Rancangan Halaman Berita Tampilan rancangan berikut adalah merupakan tampilan halaman yang Berita tentang toko bata di kota medan.

11 55 Gambar III.10. Rancangan halaman Berita 3. Rancangan Halaman Profil Tampilan rancangan berikut adalah merupakan tampilan halaman yang akan menjelaskan mengenai menu Profil. Gambar III.11. Rancangan halaman tentang Profil

12 56 Rancangan tampilan tentang aplikasi adalah rancangan yang menjelaskan fungsi dari aplikasi. 4. Rancangan halaman tampil peta Gambar III.12. Rancangan halaman tampil peta Rancangan tampilan diatas adalah rancangan tampilan yang menampilkan informasi lokasi dalam bentuk peta spasial, yang masing POI (Point Of Interest) akan diwakili oleh satu icon dan akan menampilkan info dalam bentuk tampilan pop up setiap kali icon-icon tersebut dilalui oleh cursor. III Desain Input Berikut adalah rancangan dari beberapa halaman input, dimana halaman ini ini adalah halaman yang berada pada bagian administrasi sistem.

13 57 1. Login Gambar III.13. Rancangan form login Rancangan form login diatas adalah rancangan yang berfugsi sebagai media pembatas antara pengguna biasa dengan admin yang mengelola website, dimana untuk masuk kedalam menu administrasi admin diwajibkan untuk memasukan username dan password, kemudian sistem akan memvalidasi input username dan password tersebut dan bisa sesuai dengan data yang terdapat dalam database, maka admin akan dihantar kepada halaman administrasi web.

14 58 2. Rancangan tampilan halaman tambah data berita Gambar III.14. Rancangan form tambah berita Rancangan tampilan diatas adalah merupakan rancangan tampilan dari form input data lokasi, dimana didalam halaman ini input dan daftar dari lokasi akan ditampilkan dalam halaman yang sama. 2. Rancangan tampilan halaman tambah data nama Toko Bata Gambar III.15. Rancangan form tambah Toko Bata

15 59 Rancangan tampilan diatas adalah merupakan rancangan tampilan dari form input data lokasi, dimana didalam halaman ini input dan daftar dari lokasi akan ditampilkan dalam halaman yang sama. 2. Rancangan tampilan halaman tambah data kecamatan Gambar III.16. Rancangan form tambah kecamatan Rancangan tampilan diatas adalah merupakan rancangan tampilan dari form input data lokasi, dimana didalam halaman ini input dan daftar dari lokasi akan ditampilkan dalam halaman yang sama.

16 60 3. Rancangan input peta Gambar III.17. Rancangan form input peta lokasi Tampilan halaman diatas adalah halaman yang berfungsi untuk memasukkan data lokasi baru pada peta, diaman proses input diawali dengan menentukan titik koordinat yang di titikkan langsung pada peta, yang dilanjutkan dengan mengisikan data informasi tambahan pada form yang telah disediakan. III Desain Database Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lain. Untuk merancang database secara konsepsual tentunya diperlukan alat bantu, baik untuk menggambarkan keterhubungan antar data

17 61 maupun pengoptimalan rancangan database. Alat bantu tersebut adalah kamus data dan disain tabel. III Kamus Data Kamus data adalah kumpulan elemen-elemen atau simbol-simbol yang digunakan untuk membantu dalam penggambaran atau pengidentifikasian setiap field atau file di dalam sistem. Kamus Data berfungsi antara lain untuk menjelaskan arti aliran data dan penyimpana data, mendeskripsikan komposisi paket data yang bergerak melalui aliran data dan menjelaskan spesifikasi nilai dan satuan yang relevan dengan data. Berikut adalah Kamus Data dari aplikasi sistem informasi geografis lokasi kantor kecamatan kodya pematang siantar 1. admin = [ username + password + level + blokir+id_session] 2. tblkecamatan = [ idkec + nmkecamatan] 3. table_nama = [ idnama + nama_lokasi, Nama Manager, alamat, kode_pos, telepon, foto] 4. table_peta = [ id +, idnama, idkecamatan, longitude, latitude] 5. berita = [ id +, judul, sinposis, filename, lokasi, isi] III Normalisasi Database Berikut adalah merupakan normalisasi dari database yang akan pergunakan, normalisasi ini sendiri bertujuan untuk melakukan penyesuaian kebutuhan dan menghindari terjadinya redudansi data.

18 62 Tabel III.2. 1NF Username password level blokir Id_session Idkec Nama_kecamatan Idnama Nama_lokasi Alamat telp Nama Manager Kode_pos foto Id idnama idkec longitude latitude Id Judul Synopsis Filename Lokasi foto Tabel III.3. 2NF username Password level Idkec Nama_kecamatan Nama_lokasi Alamat telp Nama Manager Kode_pos foto idnama idkec Longitude latitude Judul Synopsis Filename Lokasi foto Tabel III.4. 3NF username Password level Idkec Nama_kecamatan Idnama Nama_lokasi Alamat telp Nama Manager Kode_pos foto Id idnama idkec longitude latitude Id judul Synopsis Filename Lokasi foto

19 63 III Desain Tabel Berikut adalah merupakan rancangan tabel yang akan dipergunakan didalam aplikasi yang akan dirancang. Aplikasi ini akan menggunakan tiga buah tabel yang masing-masing memiliki fungsi yang berbeda. 1.Tabel Admin Tabel ini berfungsi untuk menyimpan data-data administrator yang dapat mengakses kedalam sistem. Nama Database Nama Tabel : bata : admin Primary Key : Tabel III.5. Admin Field Jenis Size Primary Username varchar 15 Password varchar 50 Level varchar 20 Blokir enum Y','N' id_session varchar Tabel Kecamatan Tabel kecamatan adalah tabel yang akan difungsi untuk menyimpan nama lokasi kecamtan. Nama Database Nama Tabel Primary Key : bata : kecamatan : idkec

20 64 Tabel III.6. Kecamatan Field Jenis Kosong Default Idkec Integer 8 Y nama_kecamatan Varchar 40 3.Tabel Nama Toko Tabel Nama Toko adalah tabel yang akan difungsikan untuk menyimpan data lokasi dan peta dari masing-masing kecamatan. Nama Database Nama Tabel Primary Key : bata : tabel_nama : idnama Foreign Key : - Tabel III.7. Nama Toko Field Jenis Size Primary id_nama integer 8 Y nama_lokasi varchar 40 Nama_manager varchar Alamat varchar 15 kode_pos varchar 15 Telp varchar 15 Foto varchar Tabel peta Tabel Peta adalah tabel yang akan difungsikan untuk menyimpan data lokasi dan peta dari masing-masing nama toko dan kecamatan.

21 65 Nama Database Nama Tabel Primary Key : bata : tabel_peta : id Foreign Key : - Tabel III.8. Peta Field Jenis Size Primary Id integer 8 Y Idkec integer 8 Idnama integer 8 Longitude double Latitude double III Entity Relationship Diagram Entity relationship diagram yang penulis buat dapat dilihat pada gambar III.20. berikut ini : Gambar III.18. Entity Relationship Diagram

22 66 III Activity Diagram 1. Activity Diagram Login Gambar III.19 Activity Diagram admin 2. Activity Diagram Nama Toko Bata Tambah Nama Y Input Baru T Y Edit T Y Hapus T Gambar III.20 Activity Diagram Nama Toko Bata

23 67 3. Activity Diagram Berita Tambah Berita Y Input Baru T Y Edit T Y Hapus T Gambar III.21 Activity Diagram Berita 4. Activity Diagram Nama Kecamatan Tambah Kecamatan Y Input Baru T Y Edit T Y Hapus T Gambar III.22 Activity Diagram Nama Kecamatan

24 68 5. Activity Diagram Peta Tambah Peta Y Input Baru T Y Edit T Y Hapus T Gambar III.23 Activity Diagram Nama Peta 6. Activity Diagram pada User Buka web Lihat Info Peta Pilih Lokasi Gambar III.24 Activity Diagram user