BAB III ANALISA DAN DESAIN SISTEM III.1. Analisa Sistem Yang Sedang Berjalan Analisa sistem dilakukan guna mengetahui gambaran umum pada Sistem Informasi Geografis outlet binaan teleshindo cluster medan belawan. Adapun sistem dalam pemberian informasi mengenai letak outlet binaan teleshindo cluster medan belawan saat ini masih menggunakan sistem semikomputerisasi dan belum menggunakan aplikasi / sistem, yakni masih menggunakan aplikasi umum seperti Microsoft Excel untuk menyimpan data-data outlet binaan telesindo. III. 2. Evaluasi Sistem Yang Berjalan Dari hasil pengamatan yang dilakukan penulis terdapat beberapa point yang ditemui yaitu : 1. Pengelolaan informasi masih bersifat manual atau semi komputerisasi. 2. Penyampaian informasi dan pelayanan menjadi sangat lambat. 3. Ruang lingkup untuk memberikan informasi mengenai dimana saja letak outlet-outlet binaan teleshindo menjadi sangat terbatas. Berdasarkan pemaparan diatas maka diperlukan perbaikan sistem yang dapat memecahkan permasalahan yang ada. Untuk itu dibuatlah sebuah sistem baru yaitu Sistem Informasi Geografis outlet binaan teleshindo cluster medan belawan berbasis web, guna mempermudah dalam pemberian informasi kepada yang membutuhkannya. 38
39 III.3. Desain Sistem III.3.1. Desain Sistem Secara Global Bentuk rancangan sistem yang akan dirancang adalah dengan menggunakan beberapa bentuk dari Unified Metode Language (UML) yaitu : Use Case Diagram, Class Diagram, Sequence Diagram, dan Activity Diagram. III.3.1.1. Use Case Diagram Berikut adalah model use case diagram sistem informasi geografis outlet binaan teleshindo cluster medan belawan dapat dilihat pada gambar berikut : Sistem Informasi Geografis Outlet Binaan Teleshindo Cluster Medan Belawan Data Telesindo Login Data Kelurahan Mengelola Data Admin Data Peta Logout Beranda Melihat Informasi Teleshindo Visi & Misi Tentang Telesindo User Gis Telesindo Gambar III.1. Use Case Diagram
40 III.3.1.2. Sequence Diagram Berikut adalah model sequence diagram sistem informasi geografis outlet binaan teleshindo cluster medan belawan dapat dilihat pada gambar berikut: 1. Sequence Diagram Pada Halaman Login Berikut ini adalah sequence diagram pada halaman login seperti terlihat pada gambar III.2. di bawah ini : Form Login Database Menu Admin Admin input data admin login berhasil result login gagal Tampil Gambar III.2. Sequence Diagram Pada Halaman Login
41 2. Sequence Diagram Pada Halaman Input Data Teleshindo Berikut ini adalah sequence diagram pada halaman input data telesehindo seperti terlihat pada gambar III.3. di bawah ini : Admin input data teleshindo Form Data Teleshindo berhasil simpan data Database gagal simpan data informasi Gambar III.3. Sequence Diagram Pada Halaman Input Data Teleshindo
42 3. Sequence Diagram Pada Halaman Input Data Kelurahan Berikut ini adalah sequence diagram pada halaman input data kelurahan seperti terlihat pada gambar III.4. di bawah ini : Form Data Kelurahan Database Admin input data kelurahan berhasil simpan data gagal simpan data informasi Gambar III.4. Sequence Diagram Pada Halaman Input Data Kelurahan
43 4. Sequence Diagram Pada Halaman Input Data Peta Telesindo Berikut ini adalah sequence diagram pada halaman input data peta teleshindo seperti terlihat pada gambar III.5. di bawah ini : Form Data Peta Database Admin input data Peta berhasil simpan data gagal menyimpan data informasi Gambar III.5. Sequence Diagram Pada Halaman Input Data Peta Telesindo
44 III.3.1.3. Class Diagram Berikut adalah model class diagram sistem informasi geografis outlet binaan teleshindo cluster medan belawan dapat dilihat pada gambar berikut : Gambar III.6. Class Diagram Adapun keterangan pada class diagram diatas : = Aggregasion / hubungan. 1..* = Lebih dari sama dengan 1. 1..n = Lebih dari sama dengan 1 dimana n lebih besar dari 1.
45 III.3.2 Desain Sistem Secara Detail Dalam hal ini penulis akan membahas perancangan sistem yang akan dibangun secara terperinci yaitu melalui desain output, desain input, dan desain database. III.3.2.1. Desain Output Berikut ini adalah perancangan hasil (output) dari pengolahan data yang ada pada sistem informasi geografis outlet binaan teleshindo cluster medan belawan adalah sebagai berikut : 1. Desain Halaman Beranda Berikut ini adalah desain halaman beranda seperti terlihat pada gambar III.7. berikut ini: Header dan Title Beranda Visi &Misi Tentang Teleshindo GIS Teleshindo Login Selamat Datang di Teleshindo Shop Footer Gambar III.7. Desain Halaman Beranda 2. Desain Halaman Visi & Misi Berikut ini adalah desain halaman visi & misi seperti terlihat pada gambar III.8. berikut ini:
46 Header dan Title Beranda Visi &Misi Tentang Teleshindo GIS Teleshindo Login Visi Misi Teleshindo Shop Footer Gambar III.8. Desain Halaman Visi & Misi 3. Desain Halaman Tentang Teleshindo Berikut ini adalah desain halaman tentang teleshindo seperti terlihat pada gambar III.9. berikut ini: Header dan Title Beranda Visi &Misi Tentang Teleshindo GIS Teleshindo Login Tentang Teleshindo Shop Footer Gambar III.9. Desain Halaman Tentang Teleshindo
47 4. Desain Halaman GIS Teleshindo Berikut ini adalah desain halaman GIS teleshindo seperti terlihat pada gambar III.10. berikut ini: Header dan Title Beranda Visi &Misi Tentang Teleshindo GIS Teleshindo Login Navigasi PETA Geser Perbesar Perkecil Ukuran Browse Footer Gambar III.10. Desain Halaman GIS Teleshindo III.3.2.2. Desain Input Berikut adalah perancangan desain input Sistem Informasi outlet binaan teleshindo cluster medan belawan sebagai berikut : 1. Perancangan Halaman Login Admin Berikut ini adalah perancangan halaman login admin seperti terlihat pada gambar III.11. berikut ini:
48 Header dan Title Beranda Visi &Misi Tentang Teleshindo GIS Teleshindo Login Silahkan Login Administrator User Name : Password : Login Reset Footer Gambar III.11. Perancangan Halaman Login Admin 2. Perancangan Halaman Input Data Teleshindo Berikut ini adalah perancangan halaman input data teleshindo seperti terlihat pada gambar III.12. berikut ini: Header dan Title Data Teleshindo Data Kelurahan Data Peta Keluar Input Data Outlet Binaan Teleshindo Id Outlet : Nama Outlet : Simpan Gambar III.12. Perancangan Halaman Input Data Teleshindo
49 3. Perancangan Halaman Input Data Kelurahan Berikut ini adalah perancangan halaman input data kelurahan seperti terlihat pada gambar III.13. berikut ini: Header dan Title Data Teleshindo Data Kelurahan Data Peta Keluar Input Data Kelurahan Medan Belawan Id Kelurahan : Nama Kelurahan : Simpan Gambar III.13. Perancangan Halaman Input Data Kelurahan 4. Perancangan Halaman Input Data Peta Berikut ini adalah perancangan halaman input data peta teleshindo seperti terlihat pada gambar III.14. berikut ini :
50 Header dan Title Data Teleshindo Data Kelurahan Data Peta Keluar Navigasi PETA Geser Perbesar Perkecil Ukuran Browse Longitude : Latitude : Id Peta : Nama Outlet : Alamat Outlet : Pic Outlet : No Telepon / HP : No RS : Type : Nama Kelurahan : Kategori : Simpan Footer Gambar III.14. Perancangan Halaman Input Data Peta
51 III.3.2.3. 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 maupun pengoptimalan racangan database. Alat bantu tersebut adalah kamus data, normalisasi, entity relationship diagram (ERD), dan desain tabel. III.3.2.3.1. Kamus Data Adapun kamus data dari Sistem Informasi Geografis outlet binaan teleshindo cluster medan belawan adalah sebagai berikut: Tabel admin : { username + password + level + blokir + id_session } Tabel tabel_teleshindo : { id_outlet + nama_outlet } Tabel tabel_kelurahan : { id_kelurahan + nama_kelurahan } Tabel tabel_peta : { longitude + latitude + id_peta + nama_outlet + alamat + pic_outlet + telp + no_rs + tipe + nama_kelurahan + kategori } III.3.2.3.2. Normalisasi Normalisasi adalah proses perubahan relasi menjadi bentuk normal atau proses untuk mengidentifikasi dan mengeliminasi Adapun normalisasi tabel dari sistem yang penulis buat yaitu :
52 1. Bentuk Normal Pertama ( 1 NF / Membagi Kebutuhan File ) III.1. Tabel Teleshindo Id Teleshindo Nama Teleshindo III.2. Tabel Kelurahan Id Kelurahan Nama Kelurahan III.3. Tabel Peta longitude latitude Id Peta Nama Outlet Alamat Pic Outlet Telepon No RS Tipe Nama Kelurahan Kategori 2. Bentuk Normal Kedua ( 2NF / Penentuan Primary key ) III.4. Tabel Teleshindo Id Teleshindo* Nama Teleshindo III.5. Tabel Kelurahan Id Kelurahan* Nama Kelurahan III.6. Tabel Peta longitude latitude Id Peta* Nama Outlet Alamat Pic Outlet Telepon No RS Tipe Nama Kelurahan Kategori
53 3. Bentuk Normal Ketiga (3NF / Penentuan Foreign Key ) III.7. Tabel Teleshindo Id Teleshindo* Nama Teleshindo** III.8. Tabel Kelurahan Id Kelurahan* Nama Kelurahan III.9. Tabel Peta longitude latitude Id Peta* Nama Outlet** Alamat Pic Outlet Telepon No RS Tipe Nama Kelurahan** Kategori III.3.2.3.3. Desain Tabel Tabel adalah salah satu unsur yang paling penting dalam pembuatan database, karena sebuah database dapat terbentuk dari beberapa tabel yang saling berelasi antara satu sama lain. 1. Tabel Login Admin Berikut tampilan rancangan struktur data tersebut : Nama Database Nama Tabel Primary Key : telesindo_db : admin : username
54 Tabel III.10. Struktur Data Admin Field Type Size Keterangan username varchar 25 Username Admin password varchar 60 Password Admin level varchar 15 Level Admin blokir enum( Y, N ) - Blokir Pengguna id_session varchar 100 Id Session 2. Tabel Teleshindo Berikut tampilan rancangan struktur data tersebut : Nama Database Nama Tabel Primary Key : telesindo_db : tabel_telesindo : id_outlet Tabel III.11. Struktur Data Telesindo Field Type Size Keterangan id_outlet varchar 8 Id Outlet nama_outlet varchar 40 Nama Outlet 3. Tabel Kelurahan Berikut tampilan rancangan struktur data tersebut : Nama Database Nama Tabel Primary Key : telesindo_db : tabel_kelurahan : id_kelurahan
55 Tabel III.12. Struktur Data Kelurahan Field Type Size Keterangan id_kelurahan varchar 8 Id kelurahan nama_ kelurahan varchar 40 Nama kelurahan 4. Tabel Peta Teleshindo Berikut tampilan rancangan struktur data tersebut : Nama Database Nama Tabel Primary Key : telesindo_db : tabel_peta : id_peta Tabel III.13. Struktur Data Peta Field Type Size Keterangan longitude double - Koordinat X latitude double - Koordinat Y id_peta varchar 8 Id Peta nama_outlet varchar 50 Nama Outlet Teleshindo alamat text - Alamat Outlet pic_outlet varchar 50 Pic Outlet telp varchar 15 No Telepon no_rs varchar 15 No RS tipe varchar 3 Tipe Outlet nama_kelurahan varchar 50 Nama Kelurahan kategori varchar 15 Kategori Outlet
56 III.3.2.3.4. ERD (Entity Relationship Diagram) / Relasi Antar Tabel Untuk menggambarkan hubungan antar setiap data, maka harus dibuat Entity Relathionship Diagram (ERD) dari sistem. Adapun Entity Relathionship Diagram (ERD) dari sistem yang dirancang ini adalah : alamat pic_outlet telp nama_outlet no_rs id_peta* tipe koordinat_y tabel_peta nama_kelurahan koordinat_x M kategori menyeleksi 1 tabel_telesindo 1 M menyeleksi tabel_kelurahan id_outlet* nama_outlet id_outlet* nama_outlet Gambar III.15. Entity Relationship Diagram ( ERD ) III.3.2.4. Algoritma Program Algoritma Program adalah sekumpulan simbol-simbol atau skema yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari mulai awal hingga akhir. Adapun Activity Diagram dari Sistem Informasi Geografis outlet binaan teleshindo cluster medan belawan adalah :
57 1. Activity Diagram Halaman User Berikut ini adalah activity diagram pada halaman user seperti terlihat pada gambar III.16. di bawah ini : Membuka Web SIG Teleshindo Tampil Menu Web Beranda Visi & Misi Tentang Telesindo GIS Telesindo Login Tampil Form dan Informasi Gambar III.16. Activity Diagram Halaman User
58 2. Activity Diagram Halaman Login Admin Berikut ini adalah activity diagram halaman login admin seperti terlihat pada gambar III.17. di bawah ini : Form Login Gagal Input Username dan Password Cek Validation Berhasil Tampil Form Admin Gambar III.17. Activity Diagram Halaman Login Admin
59 3. Activity Diagram Halaman Admin Berikut ini adalah activity diagram halaman admin seperti terlihat pada gambar III.18. di bawah ini : Form Login Gagal Berhasil Tampil Menu Admin Data Telesindo Data Kelurahan Data Peta Keluar Tampil Form Gambar III.18. Activity Diagram Halaman Admin
60 4. Activity Diagram Tabel Telesindo Berikut ini adalah activity diagram tabel telesindo seperti terlihat pada gambar III.19. di bawah ini : Tabel Data Telesindo Input Data Telesindo Edit Data Telesindo Update Data Telesindo Hapus Data Telesindo Simpan Database Gambar III.19. Activity Diagram Tabel Telesindo
61 5. Activity Diagram Tabel Kelurahan Berikut ini adalah activity diagram tabel kelurahan seperti terlihat pada gambar III.20. di bawah ini : Tabel Data Kelurahan Input Data Kelurahan Edit Data Kelurahan Update Data Kelurahan Hapus Data Kelurahan Simpan Database Gambar III.20. Activity Diagram Tabel Kelurahan
62 6. Activity Diagram Tabel Peta Teleshindo Berikut ini adalah activity diagram tabel peta teleshindo seperti terlihat pada gambar III.21. di bawah ini : Tabel Data Peta Input Data Peta Edit Data Peta Update Data Peta Hapus Data Peta Simpan Database Gambar III.21. Activity Diagram Tabel Peta Telesindo