BAB III ANALISA DAN DESAIN SISTEM III.1. Analisa Sistem Yang Berjalan Proses yang sedang berjalan dalam sistem informasi geografis letak cabang PDAM di Kota Medan masih bersifat manual. Bentuk manual yang dibuat oleh petugas terkait yaitu data yang berupa nama kantor cabang PDAM dan alamat kantor cabang PDAM. III.1.1. Input Sistem yang berjalan pada PDAM Tirtanadi di Kota Medan masih manual yaitu Pada proses inputan informasi letak cabang PDAM Tirtanadi yang dilakukan oleh petugas dengan cara penginputan ke dalam sebuah komputer menggunakan aplikasi Microsoft Excel. III.1.2. Proses Proses selanjutnya adalah menginputkan data letak cabang PDAM di Kota Medan yang dilakukan kedalam sebuah buku arsip yang ditulis secara manual yang dilakukan oleh petugas terkait. 46
47 III.1.3. Output Output ataupun keluaran yang akan dihasilkan adalah berupa data lokasi letak PDAM Tirtanadi di kota medan dan informasi mengenai PDAM Tirtanadi. III.2. Evaluasi Sistem yang berjalan Dari hasil analisis sistem yang sedang berjalan tersebut terdapat kelemahan sistem yaitu hasil pendataan yang disimpan ke dalam arsip dan ini sangat tidak efektif nantinya dalam hal melakukan pencarian data lokasi letak cabang PDAM yang akan memakan waktu dan belum lagi data yang hilang. Dari evaluasi sistem diatas maka penulis perlu merancang sebuah sistem informasi geografis letak cabang PDAM di Kota Medan. Dimana kerja sistem ini akan menampilkan informasi lokasi letak cabang PDAM kedalam peta kota Medan, sehingga berguna dinas terkait yang nanti masyarakat luas akan lebih mengetahui dan mencari lokasi letak cabang PDAM yang ada dikota Medan. III.3. Desain Sistem Aplikasi sistem informasi geografis letak cabang PDAM menyajikan informasi data spasial dan non spasial tentang letak cabang PDAM kepada penggunanya. Informasi data spasial direpresentasikan dalam bentuk grafis, 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 ke komputer, kemudian data-data spasial dan nonspasial
48 yang sudah diolah di dalam area peta menghasilkan tampilan sistem informasi geografis yang dapat dikomunikasikan kepada pengguna. Gambar. III.1 : Diagram Sistem Perencanaan Pembuatan Aplikasi III.4 Diagram Alur Data dan Informasi III.4.1. Unified Modeling Languange (UML). Pada tahap ini penulis melakukan perancangan dengan menggunakan alat perancangan sistem yaitu UML, di sini penulis hanya membuat 4 diagram, yaitu Usecase Diagram, Class Diagram, Sequence Diagram dan Activity Diagram.
49 1. Use Case Diagram Use Case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. Use case diagram adalah penggambaran sistem dari sudut pandang pengguna sistem tersebut (user), sehingga pembuatan use case lebih dititik beratkan pada fungsionalitas yang ada pada sistem, bukan berdasarkan alur atau urutan kejadian. Perancangan Use Case Diagram dapat dilihat pada gambar III.2 Login Tambah Informasi <<include>> Kecamatan Beranda <<include>> Data cabang PDAM tirtanadi Profil Generate Peta List data ADMIN USER Manajemen Password Informasi Peta Keluar / Logout Gambar. III.2 Use Case Sistem Informasi Geoagrafis Letak Cabang PDAM Tirtanadi di Kota Medan
50 2. Class diagram Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lainlain. user user tkecamatan - user: Varchar - Password : Varchar + Edit : Void + Delete : Void + Input : Void + getlogin.php : login.php 1 - UserName : Varchar - Password : Varchar + CekLogin.php() + getmenuutama.php() 1 - kodekecamatan: Varchar - namakecamatan: Varchar + GetBeranda.php() :Beranda.php + Getuser.php():user.php + getinfo.php() : info.php + Getlogout() : Logout.php 1 1 LOGOUT.PHP 1 ttirtanadi notirtanadi :varchar Namatirtanadi:varchar namapimpinan:varchar alamat:varchar Kodekecamatan:varchar + Edit : Void + Delete : Void + Input : Void + getlogin.php : login.php - Logout : String + index.php() : login.php tgis - kode: int - x: int - y: int - y: int - keterangan: text + Edit : Void + Delete : Void + Input : Void + getlogin.php : login.php Gambar III.3 Class diagram Admin 3. Sequence diagram Sequence diagram adalah diagram yang merepresentasikan interaksi antar-objek. Bentuk Sequence diagram dari system yang dari system yang dibangun adalah sebagai berikut : a. Sequence diagram Login Admin Sequence diagram Login Admin merupakan diagram yang menggambarkan proses pada admin. Bentuk Sequence diagram Login Admin dapat dilihat pada gambar III.4
51 Aplikasi Database ADMIN Masukkan User Name dan Password Messagebox (Nama Server Salah) Validasi User Name dan Password Gagal Return Gagal [ Berhasil ] Return Berhasil Gambar III.4 Sequence Diagram Login Admin a. Sequence diagram Halaman Informasi Sequence diagram Halaman Informasi merupakan diagram yang menggambarkan proses pada halaman informasi. Bentuk Sequence diagram Halaman Informasi dapat dilihat pada gambar III.5 Aplikasi Database ADMIN Memasukkan Data Informasi Data Informasi Dimasukkan Koreksi Atau Ubah data Informasi Data Informasi Di Update Hapus data Informasi Data Informasi Di Hapus Tampilkan Data Informasi Return Tampil data Informasi Gambar III.5 Sequence Diagram Halaman Informasi
52 b. Sequence diagram Kecamatan Sequence diagram Kecamatan merupakan diagram yang menggambarkan proses pada halaman Kecamatan. Bentuk Sequence diagram Halaman Kecamatan dapat dilihat pada gambar III.6 Aplikasi Database ADMIN Memasukkan Data Kecamatan Data Kecamatan Dimasukkan Koreksi Atau Ubah data Kecamatan Data Kecamatan Di Update Hapus data Kecamatan Data Kecamatan Di Hapus Tampilkan Data Kecamatan Return Tampil data Kecamatan Gambar III.6 Sequence Diagram Halaman Kecamatan c. Sequence diagram Letak Kantor Cabang PDAM Tirtanadi Sequence diagram Kantor Cabang PDAM Tirtanadi merupakan diagram yang menggambarkan proses pada halaman Kantor Cabang PDAM Tirtanadi. Bentuk Sequence diagram Halaman Kantor Cabang PDAM Tirtanadi dapat dilihat pada gambar III.7
53 Aplikasi Database ADMIN Memasukkan Data Kantor Cabang Tirtanadi Data Kantor Cabang Tirtanadi Dimasukkan Koreksi Atau Ubah data Kantor Cabang Tirtanadi Data Kantor Cabang TirtanadiDi Update Hapus data Kantor Cabang Tirtanadi Data Kantor Cabang Tirtanadi Di Hapus Tampilkan Data Kantor Cabang Tirtanadi Return Tampil data Kantor Cabang Tirtanadi Gambar III.7 Sequence Diagram Halaman Letak Cabang PDAM Tirtanadi d. Sequence diagram Generate Peta Sequence diagram Generate Peta merupakan diagram yang menggambarkan proses pada halaman Generate Peta. Bentuk Sequence diagram Halaman Generate Peta dapat dilihat pada gambar III.8 Aplikasi Database ADMIN Memasukkan Data Generate Peta Data Generate Peta Dimasukkan Koreksi Atau Ubah data Generate Peta Data Generate Peta Di Update Hapus data Generate Peta Data Generate Peta Di Hapus Tampilkan Data Generate Peta Return Tampil data Generate Peta Gambar III.8 Sequence Diagram Halaman Generate Peta
54 e. Sequence diagram Admin Sequence diagram Admin merupakan diagram yang menggambarkan proses pada halaman Admin. Bentuk Sequence diagram Halaman Admin dapat dilihat pada gambar III.9 Aplikasi Database ADMIN Memasukkan Data Admin Data Admin Dimasukkan Koreksi Atau Ubah data Admin Data Admin Di Update Hapus data Admin Data Admin Di Hapus Tampilkan Data Admin Return Tampil data Admin Gambar III.9 Sequence Diagram Halaman Admin f. Sequence diagram Logout Sequence diagram Logout merupakan diagram yang menggambarkan proses logout dari halaman Admin. Bentuk Sequence diagram proses Logout dapat dilihat pada gambar III.10 Aplikasi Database ADMIN Masukkan User Name dan Password Messagebox (Nama Server Salah) Validasi User Name dan Password Gagal Return Gagal [ Berhasil ] Klik Logout Data Logout Gambar III.10 Sequence Diagram Halaman Logout
55 III.5 Desain Sistem Secara Detail III.5.1. Desain Output Untuk lebih memperjelas modifikasi, gambar dibawah ini menyajikan rancang bangun tampilan output sebagai berikut : a. Halaman Beranda Gambar III.11. Rancangan Halaman Beranda
56 b. Halaman Sistem Informasi Geografis Gambar III.12. Rancangan Halaman Sistem Informasi Geografis
57 c. Halaman Visi dan Misi Gambar III.13.Rancangan Halaman Visi dan Misi d. Halaman Sejarah Tirtanadi Gambar III.14.Rancangan Halaman Sejarah Tirtanadi
58 e. Halaman Daftar Kecamatan di Kota Medan Gambar III.15. Rancangan Halaman Daftar Kecamatan di Kota Medan f. Halaman Daftar PDAM Tirtanadi di Kota Medan Gambar III.16. Rancangan Daftar PDAM Tirtanadi di Kota Medan
59 III.5.2 Desain Input 1. Perancangan Halaman Login Admin Perancangan halaman login merupakan halaman untuk memasukkan user name dan password administrator. Bentuk halaman login admin dapat dilihat pada gambar III.17 HEADER User Name : Password : Login 2. Perancangan Halaman Input Kecamatan Gambar III.17 Perancangan Halaman Login Admin Perancangan halaman input kecamatan merupakan halaman untuk memasukkan data informasi tentang kecamatan. Bentuk halaman Input kecamatan dapat dilihat pada gambar dibawah III.18 HEADER ATAS TAMBAH DATA KECAMATAN Kecamatan : simpan reset Kembali Ke List Data Gambar III.18 Perancangan Halaman Input Kecamatan
60 3. Perancangan Halaman Input Kantor Cabang PDAM Tirtanadi Perancangan halaman Input Kantor Cabang PDAM Tirtanadi merupakan halaman untuk memasukkan data informasi tentang Kantor Cabang PDAM Tirtanadi. Bentuk halaman Input Kantor Cabang PDAM Tirtanadi dapat dilihat pada gambar III.19 HEADER ATAS TAMBAH DATA TIRTANADI No.tirtanadi : Nama tirtanadi : Nama Pimpinan : Alamat Tirtanadi : Kecamatan : 4. Perancangan Halaman Input Berita Simpan Reset Kembali Ke List Data Gambar III.19 Perancangan Halaman Input Data Tirtanadi Perancangan halaman input berita merupakan halaman untuk memasukkan data berita dan informasi. Bentuk halaman menu input berita dapat dilihat pada gambar III.20
61 Gambar III.20 Perancangan Halaman Input Berita 5. Perancangan Halaman Input GIS Perancangan halaman Input GIS merupakan halaman untuk memasukkan data informasi tentang letak posisi Kantor Cabang PDAM Tirtanadi di Kota Medan. Bentuk halaman Input GIS dapat dilihat pada gambar III.21
62 Gambar III.21 Perancangan Halaman Input GIS III.5.3. Desain Database Desain database berguna untuk menyimpan data data yang akan diinputkan oleh program aplikasi nantinya. Dalam perancangan database dibentuk satu File *.MYD yang berguna untuk menyimpan tabel tabel yang diperlukan sebagai basis penyimpanan suatu data. Untuk membangun sebuah manajemen database pengelolaan data produksi yang efektif dan efisien maka terlebih dahulu dibuat sebuah perancangan databasenya. III.5.3.1 Kamus Data Kamus data merupalan suatu teknik untuk memodelkan data dalam sistem informasi. Maka bisa dikatakan bahwa kamus data merupakan tempat penyimpanan
63 semua struktur data dan elemen data yang ada di sistem. Kamus data juga dikatakan sebagai catalog untuk mengetahui detail data, seperti sumber data, deskripsi, bentuk dan struktur data. Pada tahap analisis kamus data dapat digunakan sebagai alat komunikasi antara analisis system dengan pemakai system tentang data yang mengalir di system, yaitu tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh pemakai sistem. Kamus data Sistem Informasi Geografis Pencarian Lokasi Kantor Cabang PDAM Tirtanadi di Kota Medan yang digunakan adalah : Tabel Admin : [ UserName + Password ] Tabel infrastruktur : [ NoTirtanadi + NamaTirtanadi + NamaPimpinan + AlamatTirtanadi + KodeKecamatan] Tabel Kecamatan Tabel GIS : [ KodeKecamatan + NamaKecamatan] : [ Kode + X + Y + NoTirtanadi + Keterangan] Tabel Berita : [ Id + Jenis + Judul + Isi + Image + Asal + Headline + Info] III.5.3.2 Normalisasi Proses perancangan basis data dapat dimulai dari dokumen dasar yang dipakai dalam sistem sesungguhnya. Kadang-kadang basis data dibentuk dari sistem nyata yang mempunyai bentuk masih belum menggambarkan entitas-entitas secara baik.
64 1. Un-Normalized Bentuk ini mencamtumkan semua field data yang ada dapat dilihat pada tabel III.1. Tabel III.1 : Bentuk Un-Normalized Un-normalized username password notirtanadi namatirtanadi namapimpinan alamat kodekecamatan namakecamatan kode x y notirtanadi keterangan id jenis judul isi image asal headline info 2. Normalisasi Pertama 1NF tabel III.2 Bentuk normalisasi pertama dari tabel un-normalized dapat dilihat pada
65 Tabel III.2 : Bentuk Normalisasi Pertama 1NF. 3. Normalisasi Kedua 2NF Bentuk normalisasi kedua dapat dilihat pada tabel III.3 Tabel III.3 : Bentuk Normalisasi Pertama 1NF User ttirtanadi berita username password tkecamatan kodekecamatan namakecamatan notirtanadi* namatirtanadi namapimpinan alamat kodekecamatan tgis kode x y notirtanadi keterangan id jenis judul isi image asal headline info
66 III.5.3.3 Desain Tabel Dalam perancangan sistem informasi geografis pencarian lokasi Kantor Cabang PDAM Tirtanadi di Kota Medan, record tersimpan dalam beberapa file dengan arsitektur data sebagai berikut : 1. Tabel Data Admin Tabel admin ini untuk menampung record data user name dan password administrator. Struktur Tabel Admin dapat dilihat pada tabel dibawah ini Nama Database Nama Tabel Primary Key : db_tirtanadi : user : Id Tabel III.4. user Field Name Type Field Width Keterangan UserName Varchar 20 User Name Password Varchar 20 Password 2. Tabel Kantor Cabang PDAM Tirtanadi Tabel Kantor Cabang PDAM Tirtanadi ini untuk menampung record data informasi lokasi Kantor Cabang PDAM Tirtanadi di Kota Medan. Struktur tabel Kantor Cabang PDAM Tirtanadi dapat dilihat pada tabel dibawah ini. Nama Database Nama Tabel : db_ Tirtanadi : ttirtanadi
67 Tabel III.5. ttirtanadi Field Name Type Field Width Keterangan Notirtanadi Varchar 20 No tirtanadi namatirtanadi Varchar 50 Nama tirtanadi namapimpinan Varchar 50 Nama pimpinan alamattirtanadi Varchar 50 Alamat tirtanadi kodekecamatan Varchar 5 Kode kecamatan 3. Tabel Kecamatan Tabel Kecamatan ini untuk menampung record data informasi kecamatan yang ada di Kota Medan. Struktur Tabel Kecamatan dapat dilihat pada tabel dibawah ini. Nama Database Nama Tabel Field Key : db_tirtanadi : tkecamatan : Kodekecamatan Tabel III.6. tkecamatan Field Name Type Field Width Keterangan KodeKecamatan Varchar 5 KodeKecamatan NamaKecamatan Varchar 30 NamaKecamatan
68 3. Tabel GIS Tabel GIS ini untuk menampung record data informasi lokasi Kantor Cabang PDAM Tirtanadi, Berikut ditampilkan rancangan struktur data tersebut. Nama Database Nama Tabel Field Key : db_tirtanadi : tgis : Id Tabel III.7. tgis Field Name Type Field Width Keterangan Id Int 5 Id X Int 10 Longtitude Y Int 10 Latitude Notirtanadi Varchar 20 No Tirtanadi Keterangan Text 50 Keterangan 4. Tabel Berita Tabel Berita ini untuk menampung record data informasi Berita, berikut ditampilkan rancangan struktur data tersebut. Nama Database Nama Tabel Field Key : db_ KantorCabang PDAM Tirtanadi : Tabel Berita : Id
69 Tabel III.8. berita Field Name Type Size Indexed Description Id Int 5 Yes Id Berita Jenis Varchar 5 - Jenis Berita Judul Text 0 - Judul Berita Isi Longtext 0 - Isi Berita Image Varchar 30 - Image Berita Asal Varchar 30 - Asal Berita Headline Varchar 30 - Headline Berita Info Varchar 30 - Info Berita III.5.3.4 ERD ERD dibawah ini merupakan diagram untuk menggambarkan hubungan antar entitas dari pengolahan sistem informasi geografis pencarian lokasi Kantor Cabang PDAM Tirtanadi di Kota Medan. Bentuk ERD yang dirancang adalah sebagai berikut :
70 User [1 : m ] Memasukkan [1 : m ] Tirtanadi [1 : m ] UserName Password notirtanadi namatirtanadi Namapimpinan alamattirtanadi KodeKecamatan Memilik User Public [m:m] Menginformasikan [1 : m ] [m:m] [m:m] GIS [1 : m ] Berita Id Jenis Judul Id Logtitude Latitude notirtanadi Kecamatan KodeKecamatan NamaKecamatan Isi Keterangan Image Asal Headline Info Gambar III.22 ERD (Entity Relation Diagram) Sistem Informasi Geografis Letak Cabang PDAM Tirtanadi di Kota Medan III.5.3.5 Activity Diagram Pada proses ini kita akan membuat alur dari sistem yang dirancang yaitu activity diagram. Berikut adalah beberapa activity diagram sistem yang dirancang. 1. Activity Diagram Data Login Adapun Activity Diagram form data login dapat dilihat pada III.23
71 Masukkan User Name dan Password Ya Valid? Login Berhasil Selesai Gambar III.23. Diagram Activity Login Administrator 1. Activity Diagram Menu Administrator Adapun Activity Diagram Administrator dapat dilihat pada III.24
72 Mulai Tampil Halaman Administrator List Informasi Ya Tambah Informasi Ya Tambah Informasi Kecamatan Ya Data Kecamatan TTirtanadi Ya Data kantor cabang Tirtanadi Generate Peta Ya Data Generate Peta Manajemen User Ya Hapus Manajemen User Logout Gambar III.24. Diagram Activity Menu Administrator 2. Activity Diagram List Informasi Adapun Activity Diagram Halaman List Informasi dapat dilihat pada III.25
73 Mulai Pilih Kategori Proses Pilih Judul Berita Ya Edit? Hapus? Ya Ubah Data Simpan? Kembali ke Menu Utama Hapus Data Ya Simpan Batal Gambar III.25. Diagram Activity Halaman List Informasi 3. Activity Diagram Input/Tambah Informasi Adapun Activity Diagram Halaman Input/Tambah Informasi dapat dilihat pada gambar III.26
74 Mulai Pilih Kategori Input Berita Ya Simpan? Simpan? Batal Kembali Ke Menu Admin Gambar III.26. Diagram Activity Halaman Input/Tambah Informasi 4. Activity Diagram Data Kantor Cabang PDAM Tirtanadi Adapun Activity Diagram Halaman Kantor Cabang PDAM Tirtanadi dapat dilihat pada gambar III.27 Mulai Halaman List Kantor Cabang Tirtanadi Ya Tambah Data Edit Input Kantor Cabang Tirtanadi Edit Data Hapus Data Ya Simpan? Simpan Batal Kembali Ke Menu Administrator Gambar III.27. Diagram Activity Halaman Input Data Kantor CabangPDAM Tirtanadi
75 5. Activity Diagram Data GIS Adapun Activity Diagram Halaman GIS dapat dilihat pada gambar III.28 Mulai Halaman List GIS Ya Tambah Data Edit Input GIS Edit Data Hapus Data Ya Simpan? Simpan Batal Kembali Ke Menu Administrator Gambar III.28. Diagram Activity Halaman Input Data GIS 6. Activity Diagram Data Manajemen User Adapun Activity Diagram Halaman Manajemen User dapat dilihat pada gambar III.29
76 Mulai Halaman List Manajemen user Ya Tambah Data Edit Input Manajemen user Edit Data Hapus Data Ya Simpan? Simpan Batal Kembali Ke Menu Administrator Gambar III.29. Diagram Activity Halaman Input Data Manajemen User