rancang bangun aplikasi pengelolaanrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... ·...
TRANSCRIPT
RANCANG BANGUN APLIKASI PENGELOLAAN
DATA HASIL – HASIL PEMBANGUNAN KABUPATEN MALANG
Oleh :
NAMA : Arliq Mushlih Rachmadho
NIM : 09.41010.0090
PROGRAM : S1 ( Strata Satu )
JURUSAN : Sistem Informasi
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2013
Tak akan ada keberhasilan tanpa doa dan usaha. Dan setiap usaha baik, akan
selalu mendapat cobaan dan rintangan. Selalu Semangat !
Kupersembahkan kepada
Ayah & Ibu tercinta serta Nita tersayang
RANCANG BANGUN APLIKASI PENGELOLAAN
DATA HASIL – HASIL PEMBANGUNAN KABUPATEN MALANG
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program S1 Sistem Informasi
Oleh :
Arliq Mushlih Rachmadho 09.41010.0090
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2013
RANCANG BANGUN APLIKASI PENGELOLAAN
DATA HASIL – HASIL PEMBANGUNAN KABUPATEN MALANG
Telah diperiksa, diuji dan disetujui
Surabaya, April 2013
Disetujui :
Pembimbing
Erwin Sutomo, S.Kom., M.Eng. NIDN : 0722057501
Penyelia
Tri Darmawan S., S.Kom NIP : 196912131994031003
Mengetahui :
Kaprodi S1 Sistem Informasi
Erwin Sutomo, S.Kom., M.Eng. NIDN : 0722057501
vi
ABSTRAKSI
Divisi Pengolahan Data Elektronik merupakan suatu divisi yang
menyajikan informasi hasil–hasil dari pembangunan Kabupaten Malang. Di dalam
penyajian informasi yang dilakukan divisi pengolahan data elektronik terdapat
banyak kategori seperti: Geografis dari Kabupaten Malang, perkembangan
ekonomi makro dan pembiayaan pembangunan, serta hasil–hasil pembangunan
secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan data
elektronik adalah banyaknya data yang diinputkan serta yang akan disajikan ke
masyarakat, sehingga terjadi kesulitan dalam percariaan data yang sudah
dimasukkan dan kesulitan dalam melakukan perubahan atau penambahan data bila
terjadi kesalahan ataupun perubahan.
Berdasarkan Permasalahan yang ada, maka dibuat suatu aplikasi
pengelolaan data berbasis web berjudul “Rancang Bangun Aplikasi Pengelolaan
Data Hasil-Hasil Pembangunan Kabupaten Malang” yang mampu memberikan
kontribusi maksimal terhadap kemajuan serta tercapainya rencana kerja
Pemerintahan Kabupaten Malang untuk menginformasikan kepada seluruh
masyarakat Indonesia khusunya masyarakat Malang tentang hasil-hasil
pembangunan Kabupaten Malang.
Setelah diuji coba, Rancang Bangun Aplikasi Pengelolaan Data Hasil-
Hasil Pembangunan Kabupaten Malang berbasis web ini dapat menjadi suatu
wadah bagi badan pemerintah Kota Malang untuk mengelola data yang akan
disajikan berupa informasi kepada masyarakat.
Kata kunci: Pengelolaan Data, Pemerintah, Hasil-hasil pembangunan.
vii
KATA PENGANTAR
Rasa syukur yang dalam saya sampaikan ke hadirat Tuhan Yang Maha
Pemurah, karena berkat kemurahanNya laporan ini dapat saya selesaikan sesuai
yang diharapkan. Dalam laporan ini saya sebagai penulis membahas tentang
“Rancang Bangun Aplikasi Pengelolaan Data Hasil-Hasil Pembangunan
Kabupaten Malang”.
Pada kesempatan ini, penulis menyampaikan rasa penghargaan dan terima
kasih kepada yang terhormat :
1. Kedua orang tua dan Dianita Puspitasari yang selalu mendukung dan
mendo’akan saya selama proses Kerja Praktek.
2. Kedua orang tua dari Dianita Puspitasari yang juga selalu mendukung dan
mendo’akan saya dalam menyelesaikan Kerja Praktek ini.
3. Bapak Tri Darmawan S. S.Kom dan Devisi Pengelolaan Data Kabupaten
Malang yang sudah memberikan tempat kerja untuk melaksanakan kerja
praktek.
4. Bapak Erwin Sutomo, S.Kom., M.Eng. selaku dosen pembimbing yang telah
mengarahkan saya dalam menyelesaikan kerja praktek.
5. Teman-Teman. yang telah membantu dalam menyelesaikan kerja praktek ini.
6. Dan semua pihak yang telah membantu saya dalam menyelesaikan kerja
praktek ini yang tidak bisa saya sebutkan satu persatu.
Semoga Tuhan senantiasa memberikan pahala yang setimpal kepada
semua pihak yang telah banyak memberikan bantuan, bimbingan ataupun nasihat-
nasihat.
viii
Penulis menyadari bahwa masih banyak kekurangan pada penulisan
Laporan Kerja Praktek ini. Oleh karena itu, penulis mengharapkan adanya kritik
dan saran dari para pembaca serta penulis berharap semoga Laporan Kerja
Praktek ini dapat ikut menunjang perkembangan ilmu pengetahuan, khususnya
ilmu komputer.
Surabaya, April 2013
Penulis
ix
DAFTAR ISI
ABSTRAKSI .......................................................................................................... vi
KATA PENGANTAR ...........................................................................................vii
DAFTAR ISI ........................................................................................................... ix
DAFTAR TABEL ..................................................................................................xii
DAFTAR GAMBAR ........................................................................................... xiii
DAFTAR LAMPIRAN ........................................................................................xvii
BAB I PENDAHULUAN ........................................................................................ 1
1.1 Latar Belakang Masalah ..................................................................... 1
1.2 Perumusan Masalah ............................................................................ 2
1.3 Pembatasan Masalah ........................................................................... 2
1.4 Tujuan ................................................................................................. 3
1.5 Kontribusi ........................................................................................... 3
1.6 Sistematika Penulisan ......................................................................... 3
BAB II GAMBARAN UMUM PERUSAHAAN .................................................... 5
2.1 Sejarah Singkat Pemerintahan Kabupaten Malang ............................. 5
2.2 Misi Pemerintahan Kabupaten Malang : ............................................. 6
2.3 Struktur Organisasi ............................................................................. 8
2.4 Bagian Pengelola Data Elektronik ..................................................... 11
BAB III LANDASAN TEORI .............................................................................. 12
3.1 Konsep Dasar Sistem Informasi ....................................................... 12
3.1.1 Sistem ..................................................................................... 12
3.1.2 Sistem Informasi ..................................................................... 12
x
3.2 Aplikasi Web ..................................................................................... 14
3.2.1 Berita ...................................................................................... 15
3.2.2 Artikel ..................................................................................... 15
3.3 Data Flow Diagram ........................................................................... 15
3.4 ERD .................................................................................................. 16
3.5 PHP ................................................................................................... 18
3.6 CSS .................................................................................................... 20
3.7 Java Script ......................................................................................... 22
3.8 Interaksi Manusia dan Komputer ....................................................... 22
BAB IV DESKRIPSI PEKERJAAN .................................................................... 24
4.1 Menganalisis Kebutuhan Sistem ........................................................ 25
4.2 Desain Sistem ................................................................................... 26
4.2.1 Dokumen flow ........................................................................ 26
4.2.2 System flow ............................................................................. 30
4.2.3 Context diagram ..................................................................... 38
4.2.4 DFD level 0 ............................................................................ 42
4.2.5 DFD level 1 ............................................................................ 45
4.3 Entity Relationship Diagram (ERD) ................................................. 50
4.3.1 Conceptual Data Model (CDM) ............................................. 50
4.3.2 Physical Data Model (PDM) ................................................. 52
4.4 Struktur Tabel ................................................................................... 54
4.5 Desain I/O ......................................................................................... 62
4.5.1 Desain I/O Web ...................................................................... 62
4.5.2 Tampilan Admin ..................................................................... 71
xi
4.5.3 Tampilan Web ........................................................................ 85
BAB V PENUTUP ............................................................................................... 94
5.1 Kesimpulan ....................................................................................... 94
5.2 Saran ................................................................................................ 95
DAFTAR PUSTAKA ............................................................................................ 96
LAMPIRAN ........................................................................................................... 97
xii
DAFTAR TABEL
Tabel 4.1 Tabel Agenda ......................................................................................... 54
Tabel 4.2Tabel Banner ........................................................................................... 55
Tabel 4.3 Tabel Berita ............................................................................................ 56
Tabel 4.4 Tabel Detail Pembangunan .................................................................... 56
Tabel 4.5 Hasil Pembangunan ............................................................................... 57
Tabel 4.6 Tabel Hubungi ....................................................................................... 57
Tabel 4.7 Tabel Jenis Hasil Pembangunan ............................................................ 58
Tabel 4.8 Tabel Kategori ....................................................................................... 58
Tabel 4.9 Tabel Modul ........................................................................................... 59
Tabel 4.10 Tabel Nama Hasil Pembangunan ......................................................... 59
Tabel 4.11 Tabel Pembangunan ............................................................................. 60
Tabel 4.12 Tabel Pengumuman ............................................................................. 60
Tabel 4.13 Tabel Rincian Pembangunan ............................................................... 61
Tabel 4.14 Tabel User ............................................................................................ 61
xiii
DAFTAR GAMBAR
Gambar 2.1 Peta Kabupaten Malang ....................................................................... 5
Gambar 2.2 Struktur Organisasi Bagian Pengelola Data Elektronik ....................... 8
Gambar 4.1 Dokumen flow Pengelolaan Data Geografis ...................................... 27
Gambar 4.2 Dokumen flow Pengelolaan Data Perkembangan Ekonomi
Makro dan Pembiayaan Pembangunan ........................................... 28
Gambar 4.3 Dokumen flow Pengelolaan Data Pengelolaan Data Hasil-hasil
Pembangunan Secara Sektorial ....................................................... 30
Gambar 4.4 System Flow Login ............................................................................ 31
Gambar 4.5 System Flow Mengelola Data Geografis ........................................... 33
Gambar 4.6 System Flow Mengelola Data Perkembangan Ekonomi Makro
dan Pembiayaan Pembangunan ....................................................... 35
Gambar 4.7 System Flow Mengelola Data Hasil-hasil Pembangunan Secara
Sektorial ........................................................................................... 37
Gambar 4.8 System Flow Saran ............................................................................. 38
Gambar 4.9 Context Diagram ................................................................................ 39
Gambar 4.10 Diagram Berjenjang ......................................................................... 41
Gambar 4.11 DFD Level 0 Mengelola data master ............................................... 42
Gambar 4.12 DFD Level 0 Melakukan Transaksi ................................................. 43
Gambar 4.13 DFD Level 0 Melakukan Transaksi.................................................. 44
Gambar 4.14 DFD Level 1 Mengelola data master ................................................ 45
Gambar 4.15 DFD Level 1 Mengelola data master ................................................ 45
Gambar 4.16 DFD Level 1 Mengelola data master ................................................ 46
Gambar 4.17 DFD Level 1 Mengelola data master ................................................ 46
xiv
Gambar 4.18 DFD Level 1 Mengelola data master ................................................ 46
Gambar 4.19 DFD Level 1 Mengelola data master ................................................ 47
Gambar 4.20 DFD Level 1 Melakukan Transaksi.................................................. 47
Gambar 4.21 DFD Level 1 Melakukan Transaksi.................................................. 48
Gambar 4.22 DFD Level 1 Melakukan Transaksi.................................................. 48
Gambar 4.23 DFD Level 1 Melakukan Transaksi.................................................. 49
Gambar 4.24 DFD Level 1 Melakukan Transaksi.................................................. 49
Gambar 4.25 DFD Level 1 Melakukan Transaksi.................................................. 50
Gambar 4.26 CDM ................................................................................................. 51
Gambar 4.27 PDM ................................................................................................. 53
Gambar 4.28 Desain I/O Tampilan Awal Web ...................................................... 62
Gambar 4.29 Desain I/O Tampilan hasil-hasil pembangunan Kabupaten
Malang ............................................................................................. 63
Gambar 4.30 Desain I/O Tampilan Berita ............................................................. 63
Gambar 4.31 Desain I/O Tampilan Agenda .......................................................... 64
Gambar 4.32 Desain I/O Tampilan Pengumuman ................................................. 64
Gambar 4.33 Desain I/O Tampilan Hubungi Kami ............................................... 65
Gambar 4.34 Desain I/O Tampilan Login ............................................................. 65
Gambar 4.35 Desain I/O Tampilan Manajemen User............................................ 66
Gambar 4.36 Desain I/O Tampilan Manajemen Modul ........................................ 66
Gambar 4.37 Desain I/O Tampilan Geografis ....................................................... 67
Gambar 4.38 Desain I/O Tampilan Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan .............................................................. 67
Gambar 4.39 Desain I/O Tampilan Hasil-hasil pembangunan secara sektoral...... 68
xv
Gambar 4.40 Desain I/O Tampilan Berita ............................................................. 68
Gambar 4.41 Desain I/O Tampilan Agenda .......................................................... 69
Gambar 4.42 Desain I/O Tampilan Pengumuman ................................................. 69
Gambar 4.43 Desain I/O Tampilan Banner ........................................................... 70
Gambar 4.44 Desain I/O Tampilan Hubungi Kami ............................................... 70
Gambar 4.45 Tampilan LoginAdmin ..................................................................... 71
Gambar 4.46 Tampilan Halaman Utama Admin ................................................... 72
Gambar 4.47 Tampilan Mengelola Manajemen User ............................................ 72
Gambar 4.48 Tampilan Mengelola Manajemen User ............................................ 73
Gambar 4.49 Tampilan Mengelola Manajemen Modul ......................................... 73
Gambar 4.50 Tampilan Mengelola Manajemen Modul ......................................... 74
Gambar 4.51 Tampilan Mengelola Data Berita ..................................................... 75
Gambar 4.52 Tampilan Mengelola Data Berita ..................................................... 75
Gambar 4.53 Tampilan Mengelola Data Agenda .................................................. 76
Gambar 4.54 Tampilan Mengelola Data Agenda .................................................. 76
Gambar 4.55 Tampilan Mengelola Data Pengumuman ......................................... 77
Gambar 4.56 Tampilan Mengelola Data Pengumuman ......................................... 77
Gambar 4.57 Tampilan Mengelola Data Hubungi Kami ....................................... 78
Gambar 4.58 Tampilan Mengelola Data Hubungi Kami ....................................... 79
Gambar 4.59 Tampilan Mengelola Data Geografis ............................................... 80
Gambar 4.60 Tampilan Mengelola Data Geografis ............................................... 80
Gambar 4.61 Tampilan Mengelola Data Geografis ............................................... 81
Gambar 4.62 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan .............................................................. 82
xvi
Gambar 4.63 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan .............................................................. 82
Gambar 4.64 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan .............................................................. 83
Gambar 4.65 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral ..... 84
Gambar 4.66 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral ..... 84
Gambar 4.67 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral ..... 85
Gambar 4.68 Tampilan Awal Web ........................................................................ 86
Gambar 4.69 Tampilan Kategori Berita ................................................................. 87
Gambar 4.70 Tampilan Kategori Agenda .............................................................. 88
Gambar 4.71 Tampilan Kategori Pengumuman .................................................... 89
Gambar 4.72 Tampilan Kategori Hubungi Kami................................................... 90
Gambar 4.73 Tampilan Data Geografis ................................................................. 91
Gambar 4.74 Tampilan Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan .............................................................. 92
Gambar 4.75 Tampilan Data Hasil-hasil Pembangunan Secara Sektoral .............. 93
xvii
DAFTAR LAMPIRAN
Lampiran 1. Surat Balasan Instansi........................................................................ 97
Lampiran 2. Kartu bimbingan kerja praktek .......................................................... 98
Lampiran 3. Form KP-5 Acuan Kerja .................................................................. 100
Lampiran 4. Form KP-6 Log Perubahan .............................................................. 102
Lampiran 5. Kehadiran kerja praktek .................................................................. 103
Lampiran 6. Listing Program ............................................................................... 104
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Pengetahuan akan geografis, perkembangan ekonomi, dan pembiayaan
pembangunan, serta hasil-hasil pembangunan suatu wilayah merupakan hal
penting yang harus diketahui oleh semua masyarakat. Dengan mengetahui
perkembangan dan pembangunan suatu wilayah didapatkan kerjasama yang baik
untuk mengelola dan mengembangkan wilayah itu sendiri antara masyakat dengan
badan pemerintahan.
Kerjasama yang baik antara masyarakat dengan pemerintah selain untuk
meningkatkan perkembangan ekonomi dan pembangunan suatu wilayah
difungsikan juga untuk meningkatkan menunjang upaya pemerataan sebagai salah
satu tujuan pembangunan nasional. Dengan perkembangan dan pembangunan
secara merata dapat meningkatkan kesejahteraan masyarakat pada umumnya serta
pembangunan ekonomi pada khususnya.
Dengan kerjasama yang baik, peran pemerintah dalam membangun dan
mengembangkan suatu wilayah juga jadi lebih mudah, pemberian fasilitas bagi
masyakat untuk membantu program pemerintah juga lebih mudah. Sesuai dengan
Rencana Kerja Pembangunan Daerah (RKPD) pada tahun 2012, pemerintah
Kabupaten Malang ingin memprioritaskan pembangunan daerah agar mampu
bersaing dengan daerah lain sekaligus mampu meningkatkan daya saing daerah di
regional Jawa Timur maupun di tingkat Nasional.
2
Untuk mengatasi masalah tersebut, maka diperlukan suatu wadah untuk
membantu Pemerintahan Kabupaten Malang memperkenalkan, menginformasikan
perkembangan ekonomi, pembiayaan pembangunan, dan hasil-hasil pembangunan
Kabupaten Malang kepada masyarakat. Dengan dibangunnya Rancang Bangun
Aplikasi Pengelolaan Data Hasil-Hasil Pembangunan Berbasis Web ini
diharapkan memberikan kontribusi maksimal terhadap kemajuan serta tercapainya
rencana kerja Pemerintahan Kabupaten Malang
1.2 Perumusan Masalah
Berdasarkan latar belakang diatas yang telah diuraikan diatas, didapatkan
suatu perumusan masalah sebagai berikut :
1. Apakah pembuatan aplikasi web dapat membantu pihak Kabupaten
Malang dalam mengolah data hasil pembanguan?
2. Bagaimana membuat sebuah aplikasi yang memudahkan pihak Kabupaten
dalam mengolah dan menyampaikan informasi data hasil pembangunan
Kabupaten Malang terhadap masyarakat?
1.3 Pembatasan Masalah
Adapun batasan masalah dalam pembuatan Rancang Bangun Aplikasi
Pengelolaan Data Hasil-Hasil Pembangunan Kabupaten Malang berbasis web
sebagai berikut :
1. Fokus pembahasan hanya menampilkan data hasil-hasil dari pembangunan
di Kabupaten Malang.
3
2. Isi data dari hasil-hasil pembangunan di Kabupaten Malang itu sendiri
terdiri dari data geografis, perkembangan ekonomi makro dan pembiayaan
pembangunan, serta hasil-hasil pembangunan secara sektoral.
1.4 Tujuan
Tujuan dari Rancang Bangun Aplikasi Pengelolaan Data Hasil-Hasil
Pembangunan Kabupaten Malang berbasis web sebagai berikut :
1. Membantu pihak Kabupaten Malang dalam mengelola data hasil
pembangunan yang berupa data geografis Kabupaten Malang,
perkembangan ekonomi makro dan pembiayaan pembangunan, serta data
hasil–hasil pembangunan secara sektoral.
2. Memperkenalkan kepada masyarakat akan hasil pembangunan di
Kabupaten Malang.
1.5 Kontribusi
Kontribusi yang di dapat oleh Pemerintahan Kabupaten Malang dari
pembuatan aplikasi pengelolaan data hasil-hasil pembangunan Kabupaten Malang
adalah sebagai berikut :
1. Dapat membantu Pemerintahan dalam melaksanakan progam kerja serta
rancana kerja dalam pembangunan daerah.
2. Dapat membantu untuk mempermudah menyajikan laporan data-data hasil
pembangunan Kabupaten Malang.
1.6 Sistematika Penulisan
Sistematika penulisan laporan kinerja praktek ini adalah sebagai berikut :
4
BAB I PENDAHULUAN
Berisi latar belakang masalah yang ada, perumusan masalah
berdasarkan tujuan, batasan masalah yang akan dibahas, tujuan dari
pembuatan aplikasi, dan kontribusi kerja praktek serta sistematika
penulisan.
BAB II GAMBARAN UMUM PERUSAHAAN
Berisi profil perusahaan, sejarah berdirinya perusahaan, struktur
organisasi, visi misi perusahaan serta tugas pokok dan fungsi,
khususnya pada divisi pengolahan data elektronik.
BAB III LANDASAN TEORI
Berisi teori – teori pendukung yang digunakan dalam pembuatan
aplikasi serta teori – teori mengenai perusahaan.
BAB IV DESKRIPSI PERUSAHAAN
Berisi uraian tentang tugas – tugas yang dikerjakan pada saat kerja
praktek, yaitu analisa system, pembahasan system berupa Sistem
Flow Perusahaan, Sistem Flow Pembaharuan, Hierarchy Input
Process Output (HIPO), Data Flow Diagram (DFD), Entity
Relationship Diagram (ERD), Struktur Tabel, Desain Input/Output.
BAB V PENUTUP
Berisi kesimpulan dari system yang dibuat dan saran bagi
pengembangan system dari aplikasi yang dibuat kedepannya.
5
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Sejarah Singkat Pemerintahan Kabupaten Malang
Kabupaten Malang adalah salah satu Kabupaten di Indonesia yang terletak
di Propinsi Jawa Timur dan merupakan Kabupaten yang terluas kedua wilayahnya
setelah Kabupaten Banyuwangi dari 38 Kabupaten/ Kota yang ada di Jawa Timur.
Hal ini didukung dengan luas wilayahnya 3.534,86 km² atau sama dengan 353.486
ha dan jumlah penduduknya 2.446.218 jiwa (tahun 2010). Kabupaten Malang juga
dikenal sebagai daerah yang kaya akan potensi diantaranya dari pertanian,
perkebunan, tanaman obat keluarga dan lain sebagainya. Disamping itu juga
dikenal dengan obyek-obyek wisatanya.
Gambar 2.1 Peta Kabupaten Malang
6
2.2 Misi Pemerintahan Kabupaten Malang :
1. Mewujudkan pemahaman dan pengamalan nilai-nilai agama, adat-istiadat dan
budaya.
2. Mewujudkan pemerintahan good governance (tata kelola pemerintah yang
baik), clean government (pemerintah yang bersih), berkeadilan, dan
demokratis.
3. Mewujudkan supremasi hukum dan HAM
4. Mewujudkan kondisi lingkungan yang aman, tertib, dan damai.
5. Mewujudkan peningkatan ketersediaan dan kualitas infrastruktur.
6. Mewujudkan sumber daya manusia yang produktif dan berdaya saing.
7. Mewujudkan peningkatan pertumbuhan ekonomi yang berbasis pertanian dan
pemberdayaan masyarkat perdesaan.
8. Mewujudkan peningkatan kualitas dan fungsi lingkungan hidup, serta
pengelolaan sumberdaya alam yang berkelanjutan.
Seiring dengan visi pemerintahan tersebut, maka tujuan Pemerintahan
Kabupaten Malang Divisi Bagian Pengelolaan Data : Menjadi pemerintahan
yang good governance, dengan misinya adalah :
1. Menyediakan layanan administrasi perkantoran yang tertata dan handal
2. Menyediakan perangkat hardware dan software yang handal mendukung
sistem jaringan kabupaten Malang online
3. Tersedianya staf yang mempunyai kompetensi bidang Teknologi Informasi
yang berkualitas.
7
4. Tersedianya aplikasi sistem informasi basis data yang terkoneksi antar satuan
kerja perangkat daerah (SKPD) dan portal layanan masyarakat yang mudah
diakses
5. Menyediakan sistem jaringan dan layanan online yang semakin stabil dan
mantap guna terselenggaranya e-government di Kabupaten Malang.
Komitmen manajemen dalam melaksanakan Pemerintahan Kabupaten
Malang Divisi Bagian Pengelolaan Data yaitu dengan menetapkan Sasaran Bagian
Pengelolaan Data Elektronik yang meliputi :
1. Meningkatkan mutu layanan adminitrasi kebutuhan internal dan eksternal.
2. Perangkat operasional hardware dan software jaringan serta teknologi
informasi dan komunikasi yang berkualitas.
3. Meningkatkan kompetensi aparatur dibidang telematika yang mendukung
kinerja kerja perangkat daerah (SKPD)
4. Mewujudkan aplikasi sistem informasi terintegrasi antar satuan kerja
perangkat daerah (SKPD) dan kecamatan, agar transformasi dan komunikasi
data terarah dan terpadu dapat meningkatkan kualitas pelayanan masyarakat,
serta informasi yang mudah diakses sehingga mampu mendorong
pertumbuhan ekonomi dan meningkatkan daya saing masyarakat.
5. Mewujudkan sistem informasi yang dapat menghubungkan setiap satuan
kerja perangkat daerah (SKPD) di lingkungan Pemerintah Kabupaten Malang,
agar terbentuk jaringan komunikasi data yang memperlancar arus informasi
secara terarah dan terpadu, meningkatkan pelayanan masyarakat yang
8
berkualitas, serta informasi yang mudah diakses sehingga mampu mendorong
pertumbuhan ekonomi dan meningkatkan daya saing masyarakat.
2.3 Struktur Organisasi
Maksud ditetapkannya Organisasi Divisi Bagian Pengelolaan Data
Elektronik adalah sebagai upaya redistribusi dan regrouping fungsi dalam
organisasi serta pengkondisian terhadap peran baru pada setiap unit kerja dengan
tujuan agar setiap unit kerja yang ada di dalam organisasi pada waktu yang relatif
singkat dapat melaksanakan peran masing-masing secara optimal dan antar unit
kerja dapat memanfaatkan fungsi koordinasi secara lebih maksimal sebagaimana
Sesuai dengan Peraturan Bupati Malang Nomor 3 Tahun 2008 tentang
Organisasi Perangkat Daerah Sekretariat Daerah, berikut bagan Organisasi Bagian
Pengelola Data Elektronik.
Adapun Struktur Organisasi Divisi Bagian Pengelola Data Elektronik
yaitu :
Gambar 2.2 Struktur Organisasi Bagian Pengelola Data Elektronik
9
Di lihat dari segi organisasi, Pemerintahan Kabupaten Malang Bagian
Pengelola Data Elektronik mempunyai Tugas Pokok dan Fungsi sesuai dengan
peraturan bupati Malang Nomer 3 Tahun 2008 Tentang Organisasi Perangkat
Daerah Sekretariat Daerah :
Tugas Bagian Pengelola Data Elektronik adalah :
1. Melaksanakan sebagian tugas Sekretaris Daerah dalam penyusunan kebijakan
pengelolaan data elektronik dan teknologi informasi, pengelolaan Teknologi
Informasi meliputi infrastruktur, sistem dan teknologi informasi, pelayanan
pengolahan data elektronik;
2. Melaksanakan tugas-tugas lain yang diberikan oleh Asisten Perekonomian
dan Pembangunan sesuai dengan bidang tugasnya.
Fungsi Bagian Pengelola Data Elektronik adalah :
1. penyusunan rencana dan program di bidang pengelola data elektronik.
2. penyusunan dan analisis data serta penyiapan sistem aplikasi yang
dibutuhkan.
3. pengendalian data dari data masukan sampai data keluaran.
4. pengendalian arus data masukkan dan keluaran, pengoperasian komputer,
penyiapan data, penyediaan dan pengamanan perangkat keras/lunak
komputer, serta pengamanan data sesuai klasifikasi.
5. pemberian bimbingan dan pelayanan serta pengendalian komputerisasi
kepada unit kerja di lingkungan Pemerintah Daerah.
6. pelaksanaan kerja sama teknik dengan pihak luar yang berhubungan dengan
pengelola data elektronik.
10
7. pengembangan dan pengadaan teknologi informasi yang meliputi perangkat
keras, perangkat lunak, jaringan komunikasi dan pengembangan sumber daya
manusia.
8. pelaksanaan koordinasi dengan lembaga/instansi lain.
9. penyelenggaraan pengamanan standar pelaksanan minimal yang wajib
dilaksanakan dalam bidang pengelola data elektronik.
Bagian Pengelola Data Elektronik membawahi :
1. Sub Bagian Pengelolaan Data
2. Sub Bagian Pelayanan Data
3. Sub Bagian Teknologi Informasi.
Masing-masing Sub Bagian sebagaimana dimaksud pada ayat (1), dipimpin oleh
seorang Kepala Sub Bagian yang berada di bawah dan bertanggung jawab kepada
Kepala Bagian Pengelola Data Elektronik.
Sub Bagian Pengelolaan (1) Data mempunyai tugas :
1. menyusun program kerja Sub Bagian Pengelolaan Data untuk acuan
pelaksanaan tugas.
2. melaksanakan pengelolaan administrasi internal.
3. melaksanakan penyusunan kebijakan pengelolaan data elektronik.
4. melaksanakan pengelolaan data elektronik meliputi menghimpun verifikasi,
klasifikasi, pengolahan, analisa dan evaluasi data elektronik.
5. melaksanakan pengelolaan database Satuan Kerja Perangkat Daerah.
6. melaksanakan tugas-tugas lain yang diberikan oleh Kepala Bagian Pengelola
Data Elektronik sesuai dengan bidang tugasnya.
11
2.4 Bagian Pengelola Data Elektronik
Visi :
"Terselenggaranya e-Government dalam mewujudkan Kabupeten Malang
yang Mandiri, Agamis, Produktif, Maju, Aman, Tertib dan Berdaya Saing"
Misi :
1. Meningkatkan kwalitas dan pengelolaan data elektronik melalui penggunaan
teknologi informasi dan komunikasi.
2. Mewujudkan peran Teknologi Informasi dan komunikasi untuk peningkatan
pelayanan kepada masyarakat, pendidikan, kesehatan dan upaya pengentasan
kemiskinan.
3. Meningkatkan penggunaan Sistem Informasi Manajemen (SIM) dan Sistem
Informasi Geografis (SIG) untuk menunjang sistem pengambilan keputusan
dan kebijakan pembangunan.
Motto :
Teknologi informasi dan komunikasi untuk mencerdaskan dan kemajuan
bangsa
12
BAB III
LANDASAN TEORI
3.1 Konsep Dasar Sistem Informasi
Dalam pengembangannya, konsep dasar sistem informasi mempunyai arti
yang kompleks. Untuk menjelaskanya dapat dilihat diketerangan di subbab di
bawah ini.
3.1.1 Sistem
Menurut Herlambang dan Tanuwijaya (2005), definisi dari sistem dapat
dilakukan dengan 2 pendekatan, yaitu pendekatan prosedur dan pendekatan
komponen. Dengan pendekatan prosedur yang mempunyai tujuan tertentu.
Dengan pendekatan komponen, sistem merupakan kumpulan dari komponen-
komponen yang saling berkaitan untuk mencapai tujuan tertentu.
Sebelum merancang sistem diperlukan pengetahuan tentang sistem. Sistem
memiliki banyak pengertian tergantung pada latar belakang cara pandang orang
yang mendefinisikannya. Sistem dipandang sebagai cara atau metode untuk
mencapai suatu tujuan. Sistem adalah kumpulan elemen-elemen yang saling
berkaitan dan bertanggungjawab memproses masukan sehingga menghasilkan
keluaran. (Mahyuzir, 1989).
3.1.2 Sistem Informasi
Menurut Herlambang dan Tanuwijaya (2005), sistem informasi adalah
elemen dari sistem yang terdiri dari tujuan, masukan, keluaran, proses, mekanisme
13
pengendali dan umpan lingkungan dan sistem yang lain. Penjelasan tentang
elemen diatas dapat dilihat di bawah ini.
a. Tujuan
Tujuan merupakan pedoman sistem untuk melaksanan tugas serta
merupakan pemacu untuk mencapai hasil tertentu. Sesuai dengan keberagaman
sistem, setiap sistem tidak mempunyai tujuan yang identik sama persis.
Meskipun berbeda-beda sistem, namun secara umum tujuan dari sebuah
sistem menurut Hall (2001:7) adalah sebagai berikut:
• Untuk mendukung organisasi dari sistem tersebut
• Untuk menentukan pengambilan keputusan dari sistem
• Untuk menentukan arah kegiatan dari operasi perusahaan
b. Masukan
Masukan (input) adalah segala sesuatu yang dimasukkan kedalam
karakter-karakter huruf maupun berupa numerik. Data ini diproses dengan
metode-metode tertentu dan akan menghasilkan output yang berupa informasi
yang dihasilkan dapat berupa laporan atau report maupun solusi dari proses yang
telah dijalankan.
c. Proses
Semua bahan yang dimasukan kedalam sistem akan diolah atau diproses
menjadi output, yaitu informasi yang berguna bagi pemakainya. Kegiatan yang
ada dalam proses meliputi, mencatat, mengklasifikasi, menghitung, menganalisis,
membuat hipotesa dan perkiraan-perkiraan, menarik kesimpulan, serta membuat
keputusan. Hasil proses ini akan diberikan pada bagian berikutnya yaitu output.
14
d. Keluaran
Keluaran (output) diterima dari proses yang dihasilkan. Hasil dari proses
bisa berupa informasi, laporan, gambar, dan grafik.
e. Batas
Batas merupakan pemisah antara sistem dengan daerah diluar sistem.
Sistem yang berada diluar sistem disebut lingkungan. Ada 8 elemen lingkungan
yang mempengaruhhi sistem yaitu pemasok, pelanggan, serikat pekerja,
masyarakat keuangan, pemegang saham atau pemilik, pesaing, pemerintah,
masyarakat global.
3.2 Aplikasi Web
Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa
yang disebut HTML (HyperText Markup Langauge). Pada perkembangan
berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas
kemampuan HTML seperti PHP dan ASP pada script dan Apllet pada objek.
Aplikasi Web dapat dibagi menjadi dua jenis yaitu aplikasi web statis dan
dinamis.
Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi
seperti ini terletak pada keharusan untuk memelihara program secara terus
menerus untuk mengikuti setiap perkembangan yang terjadi. Kelemahan ini
diatasi oleh model aplikasi web dinamis. Pada aplikasi web dinamis, perubahan
informasi dalam halaman web dilakukan tanpa perubahan program tetapi melalui
perubahan data. Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis
data sehingga perubahan. informasi dapat dilakukan oleh operator dan tidak
menjadi tanggung jawab dari webmaster.
15
Arsitektur aplikasi web meliputi client, web server, middleware dan basis
data. Client berinteraksi dengan web server. Secara internal, web server
berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan
basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi
web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP
menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan
diterima oleh client.(Abdul Kadir, 2009).
3.2.1 Berita
Definisi lain dari berita, menurut Newsom dan Wollert (1985:11)
mengemukakan dalam definisi sederhana, berita adalah apa saja yang ingin dan
perlu diketahui orang atau lebih luas lagi oleh masyarakat. Dengan melaporkan
berita, media massa memberikan informasi kepada masyarakat mengenai apa
yang mereka butuhkan.
3.2.2 Artikel
Artikel merupakan karya tulis lengkap, misalnya laporan berita, surat
kabar, atau bisa juga pengertian artikel itu adalah sebuah karangan/prosa yang di
muat dalam media massa, yang membahas isu tertentu, persoalan, atau kasus
yang berkembang dalam masyarakat secara lugas (Tartono 2005:84).
3.3 Data Flow Diagram
Data Flow Diagram (DFD) sering digunakan untuk mengambarkan suatu
sistem yang telah ada atau baru yang telah dikembangkan secara logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Diagram ini
digunakan untuk menggambarkan arus data di dalam sistem secara terstruktur dan
16
jelas. Selain itu DFD juga merupakan gambaran dari sistem yang baik.( Jogiyanto,
1989 ). Adapun beberapa simbol yang sering dipakai dalam DFD terdiri dari :
Simbol ini merupakan simbol ekternal
entity, digunakan sebagai sumber dari inputan
sistem atau tujuan dari Output sistem.
Simbol proses dimana sering
digunakan untuk melakukan perubahan
terhadap input yang masuk sehingga
menghasilkan data dari perubahan input yang
diolah tadi.
Simbol dari penyimpanan data, sering
digunakan sebagai simpanan dari data yang
dapat berupa suatu file atau basis data.
Simbol yang menggambarkan aliran
data, yang sering digunakan untuk
menghubungkan antara proses dengan proses,
proses dengan sumber proses dan proses
dengan tujuan. Sedangkan anak panahnya
menunjukkan arah aliran datanya.
3.4 ERD
ERD singkatan dari Entity Relationship Diagram, digunakan untuk
menggambarkan hubungan antar entity yang terlibat dalam sistem yang akan di
buat ERD merupakan notasi grafis dalam pemodelan data konseptual yang
mendeskripsikan hubungan anta penyimpanan. ERD digunakan untuk
17
memodelkan struktur data dan hubungan antar data, karena hal ini relatif komplek.
Dengan ERD kita dapat menguji model dan mengabaikan proses apa yang
dilakukan. (Jogiyanto, 1989).
ERD dapat dikategorikan menjadi tiga bagian, yaitu :
1. One to one relationship
Jenis hubungan antar tabel yang menggunakan bersama sebuah kolom
primary key. Jenis hubungan ini tergolong jarang digunakan, kecuali unutk
alasan keamanan atau kecepatan akses data. Misalnya satu departemen
hanya mengerjakan satu jenis pekerjaan saja dan satu pekerjaan hanya
dikerjakan oleh satu departemen saja.
2. One to many relationship
Jenis hubungan antar tabel dimana satu record pada satu tabel terhubung
dengan beberapa record pada tabel lain. Jenis hubungan ini merupakan yang
paling sering digunakan. Misalnya suatu pekerjaan hanya dikerjakan oleh
satu departemen saja, namun suatu departemen dapat mengerjakan beberapa
macam pekerjaan sekaligus.
3. Many to many relationship
Jenis hubungan ini merupakan hubungan antar tabel dimana beberapa record
pada satu tabel terhubung dengan beberapa record pada tabel lain. Misalnya
satu departemen mampu mengerjakan banyak pekerjaan, juga satu pekerjaan
dapat ditangani oleh banyak departemen.
18
a. Model ERD atau Conceptual Data Model (CDM)
Modelyang dibuat berdasarkan anggapan bahwa dunia nyata terdiri
dari koleksi obyek-obyek dasar yang dinamakan entitas (entity) serta hubungan
(relationship) antara entitas-entitas itu.
b. Model Relasional atau Physical Data Model (PDM) :
Model yang menggunakan sejumlah tabel untuk menggambarkan data
serta hubungan antara data-data tersebut. setiap tabel mempunyai sejumlah
kolom
3.5 PHP
PHP merupakan singkatan dari Hipertext Preprocessor, adalah sebuah
bahasa pemrograman web yang bekerja di server side. Bahasa pemrograman ini
dapat dijalankan pada berbagai macam sistem operasi seperti Windows, Linux,
Unix dan Macintosh. Hal ini menjadikan PHP banyak digunakan oleh
programmer-programmer web. Selain itu, PHP merupakan skrip yang dijalankan
di server, dimana kode yang menyusun program tidak perlu diedarkan ke pemakai
sehingga kerahasiaan kode dapat dilindungi.
PHP didisain khusus untuk aplikasi web. PHP dapat disisipkan diantara
bahasa HTML dan karena bahasa server-side, maka bahasa PHP akan dieksekusi
diserver, sehingga yang dikirimkan ke browser adalah “hasil jadi” dalam bentuk
HTML, dan kode PHP anda tidak akan terlihat PHP. Jadi anda dapat merubah
source code dan mendistribusikannya secara bebas. PHP juga diedarkan secara
gratis. PHP dapat berjalan di berbagai Web Server semisal IIS, Apache, PWS,
dll.jumlah web server yang mendukung bahasa pemrograman PHP cukup banyak,
19
antara lainIIS (Windows), apache, lighttpd dan xitami, serta sifatnya yang open
source membuat PHP digunakan oleh banyak orang untuk mengembangkan
website.
PHP pertama kali dibuat oleh seseorang yang bernama Rasmus Lerdorf,
yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada
homepagenya. PHP adalah salah satu bahasa server side yang didesain khusus
untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena
bahasa server side, maka PHP akan diekseskusi di server, sehingga yang
dikirimkan ke browser adalah hasil jadi dalam bentuk HTML, kode PHP anda
tidak akan terlihat. Untuk dapat menjalankan skrip PHP pada web site kita, ada
beberapa hal yang perlu kita tambahkan.
1. Web server, yang mengatur atau memberikan tempat untuk mengeksekusi
skrip PHP. Web server ini diinstall pada komputer server kita. Saat ini
PHP dapat dijalankan pada berhagai macam web server seperti Pws, Iis.
Xitami maupun Apache.
2. PHP parser. PHP parser adalah program yang digunakan untuk
menterjemahkan (intepreter) kode skrip dan kemudian mengeksekusinya.
PHP parser dapat berupa program yang dijalankan pada suatu shell/DOS
prompt yang biasanya berupa program yang telah terkompilasi yaitu
PHP.exe. Selain itu PHP parser bisa juga berupa modul-modul yang diload
oleh web server.
Pada sistem operasi Windows dapat mempergunakan PHPtriad,
apachefriends, PHP2triad, dimana ketika software PHP tersebut diinstall sudah
termasuk apache web server, mysql, PHPmyadmin dan lain-lain tergantung
20
versinya. Hal ini sangat simpel dalam instalasi dan pengunaannya pada sistem
operasi Windows. Disarankan bagi pemula untuk mempergunakan salah satu dari
PHPtriad, apachefriends, PHP2triad dan lain-lain mengingat kemudahan dalam
instalasinya. (Kadir, 2002)
3.6 CSS
CSS singkatan dari (Cascading Style Sheets) adalah suatu bahasa
stylesheet yang digunakan untuk mengatur tampilan suatu dokumne yang ditulis
dalam bahasa markup. Pengunaan yang paling umum dari CSS adalah untuk
memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun
demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen
XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web
Consurtium (W3C)
CSS digunakan untuk menentukan warna, jenis huruf, tata letak, dan
berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memsiahkan
antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya)
dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat
meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol
terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada struktur
isi.
Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana
dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang
merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1. CSS
merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana
mempunyai banyak keuntungan, diantaranya :
21
1. Ukuran file lebih kecil
2. Load file lebih cepat
3. Dapat berkolaborasi dengan JavaScript
4. Pasangan setia XHTML
5. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.
6. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.
7. Dan banyak lagi yang lainnya.
CSS3 merpukan generasi ke-3 dari perkembangan CSS sebelumnya. Jadi
pada dasarnya, pengertian CSS3 sama saja dengan pengertian CSS generasi paling
awal. Hanya saja, beberapa standar baru untuk CSS3 menggantikan CSS2 dan
mungkin akan membuat kiat dapat bereksplorasi lebih dalam lagi untuk membuat
tampilan situs lebih menarik dan mulai meninggalkan situs yang membuat
menunggu dengan loading yang lama.
Beberapa kelebihan yang ada pada CSS3 :
1. CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan
style. Contohnya di dalam objek ‘blockquote’ bisa membuat (quote) di awal
dan akhirnya menggunakan font lebih besar dari konten blockquote itu
sendiri.
2. CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang
sebelumnya tidak bisa dilakukan oleh CSS2/CSS2.1, dan bisa menggantikan
peran gambar. Standar web 2.0 atau situs interaktif dan efisien berdasar dari
penggunaan CSS.
3. Dengan CSS3 situs akan bisa lebih berkembang dan bisa lebih interaktif lagi
dengan pengunjung.
22
4. Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis
mengurangi bandwidth inbound/outbound situs.
CSS3 memiliki fasilitas untuk shadow dari suatu div layout, fitur
transparansi, gradien warna pada border, warna pada teks yang diseleksi, fitur
skala memperkecil atau memperbesar layout, kolom pada teks, dan fitur gradien
pada background.
3.7 Java Script
Java Script merupakan bahasa script yang dapat bekerja di sebagian besar
web browser. Java Script dapat disispkan di dalam halaman web menggunakan
tag script.
Java script dapat digunakan untuk banyak tujuan, misalnya untuk
membuat efek rellover nauk di gambar maupun text, dan untuk membuat AJAX
Java Script adalah bahasa yang digunakan untuk AJAX.
Kode java script juga dapat diletakkan di file tersendiri yang berextensi .js
(singkatan dari java script). Script tersebut akan di eksekusi ketika dipanggil
(biasanya dalam bentuk function) atau dipanggil berdasarkan triger pada event
tertentu.
3.8 Interaksi Manusia dan Komputer
Menurut Wicaksono (2006:4), Interaksi Manusia dan Komputer (IMK)
adalah sebuah disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari
sistem komputer interaktif untuk dipakai oleh manusia, beserta studi tentang
faktor-faktor utama dalam lingkungan interaksinya. Deskripsi lain dari IMK
adalah suatu ilmu yang mempelajari perencanaan dan desain tentang cara manusia
23
dan komputer saling bekerja sama, sehingga manusia dapat merasa puas dengan
cara yang paling efektif. Dikatakan juga bahwa sebuah desain antar muka yang
ideal adalah yang mampu memberikan kepuasan terhadap manusia sebagai
pengguna dengan faktor kapabilitas serta keterbatasan yang terdapat dalam sistem.
Pada implementasinya, IMK dipengaruhi berbagai macam faktor antara
lain tampilan sistem dimana menggunakan kalimat yang singkat dan sederhana.
Penggunaan warna harus memperhatikan kebutuhan, kesesuaian. Waktu belajar
(time to learn) dimana berapa lama waktu yang dibutuhkan oleh pengguna untuk
mempelajari sistem, kecepatan kinerja (speed of performance) dimana pengguna
mendapatkan kecepatan dalam penyajian informasi, memberikan pencegahan
kesalahan sederhana.
24
BAB IV
DESKRIPSI PEKERJAAN
Penulis melakukan kerja praktek di Pemerintahan Kabupaten Malang
tepatnya pada divisi Bagian Pengelolaan Data Elektronik, dimana divisi ini
merupakan divisi yang memiliki peranan penting dalam hal pengelolaan data pada
semua sistem pemerintahan. Adapun layanan yang diberikan oleh Blagian
Pengelolaan Data Elektronik yaitu tersedianya aplikasi sistem informasi yang
terkoneksi antar Satuan Kerja Perangkat Daerah (SKPD).
Selama kerja praktek penulis menemukan beberapa permasalahan yang
ada. Diantaranya masalah yang dihadapi oleh divisi pengolahan data elektronik
adalah banyaknya data yang diinputkan serta yang akan disajikan ke masyarakat,
sehingga terjadi kesulitan dalam percariaan data yang sudah diinputkan dan
kesulitan dalam melakukan perubahan atau penambahan data bila terjadi
kesalahan ataupun perubahan, karena kebanyakan penyajiannya berupa tabel-tabel
serta Pemerintahan Kabupaten Malang ingin menginformasikan kepada seluruh
masyarakat Indonesia khusunya masyarakat Malang tentang hasil-hasil
pembangunan Kabupaten Malang tapi tidak adanya fasilitas untuk melaksanakan
program tersebut. Untuk itu maka dibuatkan sistem untuk menginformasikan
tentang hasil-hasil pembangunan Kabupaten Malang dan menjalin komunikasi
dengan masyarakat. Untuk pembuatan aplikasi pengelolaan data hasil-hasil
pembangunan Kabupaten Malang ini maka diperlukan langkah-langkah sebagai
berikut :
25
1. Menganalisis Kebutuhan Sistem.
2. Mendesain Sistem (system flow, Context Diagram, Jenjang Proses (HIPO),
data flow diagram (DFD), ERD, struktur tabel desain I/O (input-output),
desain Interface).
3. Membangun Sistem (Aplikasi).
Dari langkah-langkah diatas bertujuan untuk menemukan solusi dari
permasalahan-permasalahan yang ada pada Pemerintahan Kabupaten Malang,
untuk lebih jelasnya dapat dilihat penjelasan pada subbab dibawah ini:
4.1 Menganalisis Kebutuhan Sistem
Sebelum melakukan desain sistem yang akan dibuat, maka langkah yang
pertama kali dilakukan yaitu menganalisis kebutuhan sistem. Di dalam tahapan
analisis ini berisikan proses identifikasi data hasil-hasil pembangunan Kabupaten
Malang. Proses identifikasi ini meliputi data-data yang akan diolah, kebutuhan
dari solusi permasalahan, dan informasi yang akan dihasilkan dan disajikan.
Dari data hasil-hasil pembangunan di Pemerintahan Kabupaten Malang,
selanjutnya mengidentifikasi data-data tersebut agar dapat dirumuskan solusi-
solusi yang ditawarkan untuk mengatasi permasalahan yang ada. Dari perumusan
tersebut, kemudian menggambarkan terlebih dahulu output yang akan dihasilkan
dari solusi.
Setelah gambaran singkat solusi diberikan kepada penyelia Pemerintah
Kabupaten Malang, maka langkah selanjutnya yaitu dengan dengan mendesain
sistem dari system flow, Context Diagram, Jenjang Proses (HIPO), data flow
diagram (DFD), ERD, struktur tabel desain I/O (input-output), desain Interface.
26
4.2 Desain Sistem
Pada perancangan sistem informasi pengelolaan data hasil-hasil
pembangunan Kabupaten Malang ini memiliki beberapa sub desain yaitu dokumen
flow, system flow, Context Diagram, Jenjang Proses (HIPO), data flow diagram
(DFD), ERD, struktur tabel desain I/O (input-output), desain Interface.
4.2.1 Dokumen flow
Pada dokumen flow ini terdapat 3 gambaran dokumen flow yaitu: dokumen
flow data geografis, dokumen flow data perkembangan ekonomi makro dan
pembiayaan pembangunan, serta dokumen flow data hasil-hasil pembangunan
secara sektorial.
A. Dokumen Flow Data Geografis
Untuk dokumen flow pengelolaan data geografis yang berisi: data struktur
penggunaan lahan, batas wilayah administrasi, struktur wilayah administrasi
pemerintah, nama pulau dan koordinat di wilayah Kabupaten Malang, struktur
kependudukan, dan matrik pengukuran kinerja di mulai dari desa yang mencatat
data geografis desa tersebut yang kemudian data geografis tersebut di berikan
kepada kecamatan, data geografis setiap desa tersebut akan di rangkum oleh
kecamatan untuk di jadikan satu yang kemudian akan di serahkan ke pemerintah
Kabupaten Malang untuk dicatat yang kemudian akan di informasikan ke
masyarakat. Gambar dokumen flow pengelolaan data geografis bisa dilihat pada
gambar 4.1.
27
Gambar 4.1 Dokumen flow Pengelolaan Data Geografis
B. Dokumen Flow Data Perkembangan Ekonomi Makro dan Pembiayaan
Pembangunan
Pada dokumen flow data perkembangan ekonomi makro dan pembiayaan
pembangunan yang berisi: data perkembangan pembangunan daerah, pembiayaan
pembangunan, dan peranserta masyarakat dalam pembangunan di mulai dari desa
yang mencatat data perkembangan ekonomi makro dan pembiayaan pembangunan
tersebut yang kemudian data perkembangan ekonomi makro dan pembiayaan
pembangunan tersebut di berikan kepada kecamatan, data perkembangan ekonomi
28
makro dan pembiayaan pembangunan tersebut akan di rangkum oleh kecamatan
untuk di jadikan satu yang kemudian akan di serahkan ke pemerintah Kabupaten
Malang untuk dicatat yang kemudian akan di informasikan ke masyarakat.
Gambar dokumen flow pengelolaan data perkembangan ekonomi makro dan
pembiayaan pembangunan bisa dilihat pada gambar 4.2.
Gambar 4.2 Dokumen flow Pengelolaan Data Perkembangan Ekonomi Makro dan Pembiayaan Pembangunan
29
C. Dokumen Flow Data Hasil-hasil Pembangunan Secara Sektoral
Pada dokumen flow data hasil-hasil pembangunan secara sektorial yang
berisi: data industri, pertanian dan kehutanan, sumber daya air dan irigasi, tenaga
kerja, perdagangan, pengembangan usaha daerah, keuangan daerah, dan koperasi,
transportasi, pertambangan dan energi, pariwisata dan telekomunikasi daerah,
pembangunan daerah dan permukiman, lingkungan hidup, pendidikan,
kependudukan dan keluarga sejahtera, kesehatan dan kesejahteraan sosial,
perusahaan daerah air minum, agama, hukum, aparatur pemerintah dan
pengawasan, politik, penerangan, komunikasi, dan media massa, keamanan dan
ketertiban masyarakat, serta ilmu pengetahuan dan teknologi di mulai dari desa
yang mencatat data hasil-hasil pembangunan secara sektorial tersebut yang
kemudian data hasil-hasil pembangunan secara sektorial tersebut di berikan
kepada kecamatan, data hasil-hasil pembangunan secara sektorial tersebut akan di
rangkum oleh kecamatan untuk di jadikan satu yang kemudian akan di serahkan
ke pemerintah Kabupaten Malang untuk dicatat yang kemudian akan di
informasikan ke masyarakat. Gambar dokumen flow pengelolaan data hasil-hasil
pembangunan secara sektorial bisa dilihat pada gambar 4.3.
30
Gambar 4.3 Dokumen flow Pengelolaan Data Pengelolaan Data Hasil-hasil Pembangunan Secara Sektorial
4.2.2 System flow
Perancangan desain sistem yang akan menjadi solusi dari permasalahan
Pemerintahan Kabupaten Malang akan dibahas pada sub bab berikut ini :
A. System Flow Login
Pada system flow login ini merupakan data master yang digunakan admin
untuk login ke dalam web yang kemudian menginputkan data. Adapun proses
yang ada pada sistem ini dimulai ketika admin mengetik alamat web, kemudian
31
tampil form login yang akan digunakan oleh admin untuk masuk ke home admin
dengan terlebih dahulu memasukkan atau menginputkan username dan password
yang kemudian di cek oleh sistem apakah benar admin tersebut yang
menggunakannya. Adapun proses sistem dapat dilihat di Gambar 4.4.
Gambar 4.4 System Flow Login
32
B . System Flow Mengelola Data Geografis
Pada system flow mengelola data geografis ini merupakan data master
yang digunakan untuk menginputkan data geografis yang diantarnya data struktur
penggunaan lahan, batas wilayah administrasi, struktur wilayah administrasi
pemerintah, nama pulau dan koordinat di wilayah Kabupaten Malang, struktur
kependudukan, dan matrik pengukuran kinerja. Adapun proses yang ada pada
sistem ini dimulai ketika admin atau bagian TI Pemerintah Kabupaten Malang
memilih menu kelola geografi s maka akan tampil form kelola geografis.
Lalu admin atau bagian TI Pemerintah Kabupaten Malang memilih apakah
ingin mengisi data geografis baru atau ingin mengubah data geografis. Jika
menambah data geografis baru maka admin atau bagian TI Pemerintah Kabupaten
Malang mengisi data geografis baru kedalam tabel pembangunan dan detail
pembangunan. Tapi jika admin atau bagian TI Pemerintah Kabupaten Malang
ingin mengubah data geografis maka akan tampil data yang akan diubah.
Kemudian admin atau bagian TI Pemerintah Kabupaten Malang mengubah data
geografis tersebut kemudian data diubah disimpan di tabel pembangunan dan
detail pembangunan. Adapun proses sistem dapat dilihat di Gambar 4.5.
33
Gambar 4.5 System Flow Mengelola Data Geografis
C . System Flow Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
Pada system flow mengelola data perkembangan ekonomi makro dan
pembiayaan pembangunan ini merupakan data master yang digunakan untuk
menginputkan data perkembangan ekonomi makro dan pembiayaan pembangunan
yang diantarnya data perkembangan pembangunan daerah, pembiayaan
pembangunan, dan peranserta masyarakat dalam pembangunan. Adapun proses
34
yang ada pada sistem ini dimulai ketika admin atau bagian TI Pemerintah
Kabupaten Malang memilih menu perkembangan ekonomi makro dan
pembiayaan pembangunan maka akan tampil form perkembangan ekonomi makro
dan pembiayaan pembangunan.
Lalu admin atau bagian TI Pemerintah Kabupaten Malang memilih apakah
ingin mengisi data perkembangan ekonomi makro dan pembiayaan pembangunan
baru atau ingin mengubah data perkembangan ekonomi makro dan pembiayaan
pembangunan. Jika menambah data perkembangan ekonomi makro dan
pembiayaan pembangunan baru maka admin atau bagian TI Pemerintah
Kabupaten Malang mengisi data perkembangan ekonomi makro dan pembiayaan
pembangunan baru kedalam tabel pembangunan dan detail pembangunan. Tapi
jika admin atau bagian TI Pemerintah Kabupaten Malang ingin mengubah data
perkembangan ekonomi makro dan pembiayaan pembangunan maka akan tampil
data yang akan diubah. Kemudian admin atau bagian TI Pemerintah Kabupaten
Malang mengubah data perkembangan ekonomi makro dan pembiayaan
pembangunan tersebut kemudian data diubah disimpan di tabel pembangunan dan
detail pembangunan. Adapun proses sistem dapat dilihat di Gambar 4.6.
35
Gambar 4.6 System Flow Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
D . System Flow Mengelola Data Hasil-hasil Pembangunan Secara Sektorial
Pada system flow mengelola data hasil-hasil pembangunan secara sektorial
ini merupakan data master yang digunakan untuk menginputkan data hasil-hasil
pembangunan secara sektorial yang diantarnya data data industri, pertanian dan
kehutanan, sumber daya air dan irigasi, tenaga kerja, perdagangan, pengembangan
usaha daerah, keuangan daerah, dan koperasi, transportasi, pertambangan dan
36
energi, pariwisata dan telekomunikasi daerah, pembangunan daerah dan
permukiman, lingkungan hidup, pendidikan, kependudukan dan keluarga
sejahtera, kesehatan dan kesejahteraan sosial, perusahaan daerah air minum,
agama, hukum, aparatur pemerintah dan pengawasan, politik, penerangan,
komunikasi, dan media massa, keamanan dan ketertiban masyarakat, serta ilmu
pengetahuan dan teknologi. Adapun proses yang ada pada sistem ini dimulai
ketika admin atau bagian TI Pemerintah Kabupaten Malang memilih menu hasil-
hasil pembangunan secara sektorial maka akan tampil form hasil-hasil
pembangunan secara sektorial.
Lalu admin atau bagian TI Pemerintah Kabupaten Malang memilih apakah
ingin mengisi data hasil-hasil pembangunan secara sektorial baru atau ingin
mengubah data hasil-hasil pembangunan secara sektorial. Jika menambah data
hasil-hasil pembangunan secara sektorial baru maka admin atau bagian TI
Pemerintah Kabupaten Malang mengisi data hasil-hasil pembangunan secara
sektorial baru kedalam tabel pembangunan dan detail pembangunan. Tapi jika
admin atau bagian TI Pemerintah Kabupaten Malang ingin mengubah data hasil-
hasil pembangunan secara sektorial maka akan tampil data yang akan diubah.
Kemudian admin atau bagian TI Pemerintah Kabupaten Malang mengubah data
hasil-hasil pembangunan secara sektorial tersebut kemudian data diubah disimpan
di tabel pembangunan dan detail pembangunan. Adapun proses sistem dapat
dilihat di Gambar 4.7.
37
Gambar 4.7 System Flow Mengelola Data Hasil-hasil Pembangunan Secara
Sektorial
E. System Flow Saran
Pada system flow saran merupakan data master yang digunakan untuk
mengimputkan saran informasi dari masyarakat. Adapun proses yang ada pada
sistem ini dimulai ketika user memilih menu saran kemudian mengisi form saran,
yang akan di kirim ke admin atau bagian TI Pemerintah Kabupaten Malang.
Adapun proses sistem dapat dilihat di Gambar 4.8.
38
Gambar 4.8 System Flow Saran
4.2.3 Context diagram
Setelah perancangan desain system flow dilakukan, langkah selanjutnya
yaitu merancang desain sebuah sistem pembuatan Data Flow Diagram (DFD)
yang merupakan gambaran arus data dari sistem secara terstruktur dan jelas,
sehingga dapat menjadi sarana dokumentasi yang baik DFD merupakan diagram
yang menggunakan notasi-notasi untuk menggambarkan arus data dari sistem
secara logika. Keuntungan menggunakan DFD adalah memudahkan pemakai
untuk mengerti sistem yang dikembangkan. Penggambaran alur sistem dilakukan
39
dengan membagi sistem yang kompleks menjadi sistem yang lebih sederhana dan
mudah dimengerti.
Pada context diagram menggambarkan entity yang berhubungan langsung
dengan sistem dan aliran data secara umum. Sedangkan proses-proses yang lebih
detail yang terdapat dalam sistem masih belum bisa diketahui. Desain dari context
diagram analisis dan perancangan sistem ini dapat dijelaskan pada Gambar 4.9.
data_pemb_dipilih
data_hasil_pemb_sektoral_ubah
data_hasil_pemb_sektoral
form_hasil_pemb_sektoral
menu_hasil_pemb_sektoral
data_perk_ekonomi_ubah
data_perk_ekonomi_dipilih
data_perk_ekonomi
form_kelola_perk_ekonomi
menu_kelola_perkemb_ekonomi
data_geografi_ubah
tampilan_data_geografi_dipilih
data_geografi
form_kelola_geografi
menu_kelola_geografi
tampilan_home_admin
username_dan_pass
tampilan_login
alamat_web
tampilan_form_saran
data_saran
menu_saran
tampilan_list_hasil_pembangunan
tampilan_list_ekonomi
tampilan_list_geografi
menu_hasil_pembangunan
menu_ekonomi
menu_geografi
page_home
alamat_web
tampilan_list_ekonomi
tampilan_list_hasil_pembangunan
menu_hasil_pembangunan
menu_ekonomi
tampilan_list_geografi
menu_geografi
page_home
alamat_web
0
sistem_pengolahan_hasil_pembangunan
+
Bupati
user
bag_IT
Gambar 4.9 Context Diagram
40
Diagram berjenjang (Hierarchy Chart) digunakan untuk menggambarkan
seluruh proses dari tingkat (level) dan kelompok proses yang terlibat dengan
diawali dari context diagram sampai DFD level n (level dimana proses tidak dapat
dirinci lagi) dan menunjukkan sub proses-sub proses dari context diagram.
Diagram berjenjang dari Rancang bangun Aplikasi Pengelolaan Data ini dapat
dilihat pada gambar 4.10 sebagai berikut :
41
0
Rancang Bangun Aplikasi Pengelolaan Data Hasil-
Hasil Pembangunan Kabupaten Malang
2
Melakukan Transaksi
1
Mengelola Data master
1.2
Mengelola Master Nama Hasil
Pembangunan
1.1
Mengelola Master Jenis Hasil
Pembangunan
1.5
Mengelola Master Pengumuman
1.4
Mengelola Master Berita
1.3
Mengelola Master Kategori
2.1
Melakukan Login
2.2
Mengelola Geografi
1.6
Mengelola Master Agenda
2.3
Mengelola Perkembangan
Ekonomi
2.4
Mengelola Hasil Pembangunan
2.5
Transaksi User
2.6
Transaksi Bupati
Gambar 4.10 Diagram Berjenjang
42
4.2.4 DFD level 0
Rancang Bangun Aplikasi Pengelolaan Data Hasil-Hasil Pembangunan
Kabupaten Malang ini di DFD level 0 dikelmpokkan menjadi 3 proses yaitu :
A. Mengelola data Master
Proses mengelola data master ini dilakukan oleh bagian admin yaitu
bagian IT di Pemerintahan Kabupaten Malang.
data_agenda_disimpan
data_agenda_dibaca
data_pengumuman_disimpan
data_pengumuman_dibaca
data_berita_disimpan
data_berita_dibaca
data_kategori_disimpan
data_kategori_dibaca
data_nama_hasil_pemb_disimpan
data_nama_hasil_pemb_dibaca
data_jenis_hasil_pemb_disimpandata_jenis_hasil_pemb_dibaca
1
mengelola_data
+
1jenis_hasil_pemb
angunan
2nama_hasil_pem
bangunan
3 kategori
4 berita
5 pengumuman
6 agenda
Gambar 4.11 DFD Level 0 Mengelola data master
43
B. Melakukan Transaksi
Didalam DFD Level 0 melakukan transaksi memiliki 3 entitas yaitu
bagian IT, user, dan bupati. Adapun DFD Level 0 melakukan transaksi dapat
dilihat pada Gambar 4.12 dan 4.13.
tampilan_login
username_dan_pass
tampilan_home_admin
menu_kelola_geografi
form_kelola_geografi
data_geografi
tampilan_data_geografi_dipilih
data_geografi_ubah
menu_kelola_perkemb_ekonomi
form_kelola_perk_ekonomi
data_perk_ekonomi
data_perk_ekonomi_dipilih
data_perk_ekonomi_ubah
menu_hasil_pemb_sektoral
form_hasil_pemb_sektoral
data_hasil_pemb_sektoral
data_hasil_pemb_sektoral_ubah
data_pemb_dipilih
page_home
menu_geografi
tampilan_list_geografi
menu_ekonomi
menu_hasil_pembangunan
tampilan_list_hasil_pembangunan
tampilan_list_ekonomi
menu_saran
data_saran
tampilan_form_saran
page_home
menu_geografi
menu_ekonomi
menu_hasil_pembangunan
tampilan_list_geografi
tampilan_list_ekonomi
tampilan_list_hasil_pembangunan
alamat_web
alamat_web
alamat_web
user
Bupati
bag_IT
2
melakukan_transaksi
+
Gambar 4.12 DFD Level 0 Melakukan Transaksi
44
data_rincian_pemb_dibaca
data_rincian_pemb_dibaca
data_detail_pemb_dibaca
data_detail_pemb_dibaca
data_pembangunan_dibaca
data_pembangunan_dibaca
data_saran_disimpan
data_detail_pemb_dibaca
data_detail_pemb_dihapus
data_detail_pemb_disimpan
data_detail_pemb_disimpan
data_pembangunan_disimpan
data_pembangunan_disimpan
data_pembangunan_dihapus
data_pembangunan_dibaca
data_rincian_pemb_dibaca
data_rincian_pemb_disimpan
data_rincian_pemb_dihapus
data_rincian_pemb_disimpan
data_detail_pemb_dibaca
data_detail_pemb_dihapus
data_detail_pemb_disimpan
data_detail_pemb_disimpan
data_pembangunan_dibaca
data_pembangunan_dihapus
data_pembangunan_disimpan
data_pembangunan_disimpan
data_rincian_pemb_dibaca
data_rincian_pemb_dihapus
data_rincian_pemb_disimpan
data_rincian_pemb_disimpan
data_rincian_pemb_dihapus
data_rincian_pemb_dibaca
data_rincian_pemb_disimpan
data_rincian_pemb_disimpan
data_detail_pemb_dihapus
data_pembangunan_dihapus
data_detail_pemb_dibaca
data_pembangunan_dibaca
data_detail_pemb_disimpan
data_detail_pemb_disimpan
data_pembangunan_disimpan
data_pembangunan_disimpandata_user_dibaca
8 pembangunan
9 detail_pembangunan
10 user
2
melakukan_transaksi
+
12 rincian_pembangunan
7 hubungi
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.13 DFD Level 0 Melakukan Transaksi
45
4.2.5 DFD level 1
Turunan setiap proses DFD level 0 Rancang Bangun Aplikasi
Pengelolaan Data Hasil-hasil Pembangunan Kabupaten Malang di DFD level 1
dikelempokkan menjadi banyak proses yaitu mengelola data master, melakukan
transaksi.
A. Mengelola data master
Hasil dari proses DFD berikut ini merupakan hasil dari decompose level 0
mengelola data master. Terdiri dari 6 proses diantaranya mengelola data master
jenis hasil pembangunan, nama hasil pembangunan, kategori, berita,
pengumuman, agenda. DFD dapat dilihat pada Gambar 4.14 sampai Gambar 4.19.
data_jenis_hasil_pemb_disimpan
data_jenis_hasil_pemb_dibaca
1jenis_hasil_pem
bangunan1
jenis_hasil_pembangunan
1
mengelola_master_jenis_hasil_pembang
unan
Gambar 4.14 DFD Level 1 Mengelola data master
Berikut merupakan create synonim dari proses mengelola master. Create
synonim merupakan hasil duplikat dari proses sebelumnya.
data_nama_hasil_pemb_disimpan
data_nama_hasil_pemb_dibaca2
nama_hasil_pembangunan
2
mengelola_master_nama_hasil_pemba
ngunan
Gambar 4.15 DFD Level 1 Mengelola data master
46
Berikut merupakan create synonim dari proses mengelola master. Create
synonim merupakan hasil duplikat dari proses sebelumnya.
data_kategori_disimpan
data_kategori_dibaca 3 kategori3 kategori
3
mengelola_master_kategori
Gambar 4.16 DFD Level 1 Mengelola data master
Berikut merupakan create synonim dari proses mengelola master. Create
synonim merupakan hasil duplikat dari proses sebelumnya.
data_berita_disimpan
data_berita_dibaca 4 berita4 berita
4
mengelola_master_berita
Gambar 4.17 DFD Level 1 Mengelola data master
Berikut merupakan create synonim dari proses mengelola master. Create
synonim merupakan hasil duplikat dari proses sebelumnya.
data_pengumuman_disimpan
data_pengumuman_dibaca5 pengumuman
5
mengelola_master_pengumuman
Gambar 4.18 DFD Level 1 Mengelola data master
47
Berikut merupakan create synonim dari proses mengelola master. Create
synonim merupakan hasil duplikat dari proses sebelumnya.
data_agenda_disimpan
data_agenda_dibaca 6 agenda
6
mengelola_master_agenda
Gambar 4.19 DFD Level 1 Mengelola data master
B. Melakukan Transaksi
Transaksi yang dilakukan oleh user, staff kabupaten merupakan aktivitas
yang dilakukan oleh guest yang mengakses halaman web Pengelolaan Data Hasil-
Hasil Pembangunan Kabupaten Malang. Proses transaksi ini bersifat umum. DFD
dapat dilihat pada Gambar 4.20 sampai Gambar 4.25.
alamat_web
tampilan_login
username_dan_pass
tampilan_home_admin
data_user_dibaca
bag_ITbag_ITbag_ITbag_IT
10 user
1
melakukan_login
Gambar 4.20 DFD Level 1 Melakukan Transaksi
48
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.21 DFD Level 1 Melakukan Transaksi
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.22 DFD Level 1 Melakukan Transaksi
data_rincian_pemb_dihapus
data_rincian_pemb_disimpan
data_rincian_pemb_dibaca
data_rincian_pemb_disimpan
data_pembangunan_dihapus
data_pembangunan_disimpan
data_pembangunan_disimpan
data_pembangunan_dibaca
data_detail_pemb_dihapus
data_detail_pemb_disimpan
data_detail_pemb_dibaca
data_detail_pemb_disimpan
tampilan_data_geografi_dipilih
form_kelola_geografi
data_geografi
data_geografi_ubah
menu_kelola_geografi
bag_ITbag_IT
bag_IT
bag_ITbag_IT9
detail_pembanguna
n9
detail_pembanguna
n
12rincian_pe
mbangunan
12rincian_pemb
angunan
8pembangu
nan8pembangu
nan8 pembangunan
12rincian_pemb
angunan12
rincian_pembanguna
n
8 pembangunan
9detail_pembangunan
9detail_pemba
ngunan
2
mengelola_geografi
data_perk_ekonomi_dipilih
data_detail_pemb_dihapus
data_detail_pemb_disimpan
data_detail_pemb_dibaca
data_detail_pemb_disimpan
data_rincian_pemb_dihapus
data_rincian_pemb_disimpan
data_rincian_pemb_dibaca
data_rincian_pemb_disimpan
data_pembangunan_dibaca
data_pembangunan_disimpan
data_pembangunan_dihapus
data_pembangunan_disimpan
form_kelola_perk_ekonomi
data_perk_ekonomi_ubah
data_perk_ekonomi
menu_kelola_perkemb_ekonomi
bag_ITbag_ITbag_ITbag_ITbag_ITbag_IT
8pembangunan
9
detail_p
embangun
an
8pembangunan
12
rincian_pembangunan
12
rincian_pembangunan
12
rincian_pembangu
nan
12
rincian_pembangunan
9
detail_p
embangun
an
9
detail_p
embangun
an
9
detail_p
embangun
an
8pembangunan
8pembangunan
3
mengelola_perkembangan_ekonomi
49
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.23 DFD Level 1 Melakukan Transaksi
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.24 DFD Level 1 Melakukan Transaksi
data_pemb_dipilih
data_hasil_pemb_sektoral
data_pembangunan_dihapus
data_pembangunan_disimpan
data_pembangunan_disimpan
data_pembangunan_dibaca
data_rincian_pemb_disimpan
data_rincian_pemb_dihapus
data_rincian_pemb_disimpan
data_rincian_pemb_dibaca
data_detail_pemb_dihapus
data_detail_pemb_disimpan
data_detail_pemb_disimpan
form_hasil_pemb_sektoral
menu_hasil_pemb_sektoral
data_hasil_pemb_sektoral_ubah
bag_ITbag_ITbag_ITbag_IT
8pembangunan
9
detail_pe
mbangunan
8pembangunan
12rincian_pembangunan
12rincian_pembangunan
8pembangunan
9
detail_pe
mbangunan
12rincian_pembangunan
12rincian_pemb
angunan
8pembangunan
9
detail_pe
mbangunan
9detail_pe
mbangunan
4
mengelola_hasil_pembangunan
bag_IT
menu_geografi
menu_ekonomi
menu_hasil_pembangunan
menu_saran
data_saran
tampilan_form_saran
tampilan_list_hasil_pembangunan
tampilan_list_geografi
page_home
alamat_webdata_pembangunan_dibaca
data_rincian_pemb_dibaca
data_detail_pemb_dibaca
tampilan_list_ekonomi
data_saran_disimpan
user
7 hubungi
5
transaksi_user
8 pembangunan
9detail_pemba
ngunan
12rincian_pemba
ngunan
50
Berikut merupakan create synonim dari proses transaksi. Create synonim
merupakan hasil duplikat dari proses sebelumnya.
Gambar 4.25 DFD Level 1 Melakukan Transaksi
4.3 Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) adalah suatu desain sistem yang
digunakan untuk merepresentasikan, menentukan dan mendokumentasikan
kebutuhan-kebutuhan untuk sistem pemrosesan database. Pada gambar berikut
akan dijelaskan relasi-relasi atau hubungan antar tabel Rancang Bangun Aplikasi
Pengelolaan Data Hasil-Hasil Pembangunan Kabupaten Malang dalam bentuk
conceptual data model (CDM) dan physical data model (PDM).
4.3.1 Conceptual Data Model (CDM)
Sebuah Conceptual Data Model (CDM) menggambarkan secara
keseluruhan konsep struktur basis data yang dirancang untuk suatu aplikasi seperti
terlihat pada Gambar 4.26.
data_detail_pemb_dibaca
data_rincian_pemb_dibaca
data_pembangunan_dibaca
tampilan_list_hasil_pembangunan
menu_hasil_pembangunan
tampilan_list_ekonomi
menu_ekonomi
tampilan_list_geografi
menu_geografi
page_home
alamat_web
BupatiBupatiBupatiBupatiBupatiBupatiBupatiBupati
6
transaksi_bupati
8 pembangunan
9detail_pemba
ngunan
12rincian_pemba
ngunan
51
memiliki
mempunyai
menghasilkan
mengeluarkan
menghasilkan1
mengisi
mengisi
mengisi
memberi
memeriksa
mengelola
hasil_pembangunan
id_hasil_pembperiode_awalperiode_akhir
<pi> IntegerDateDate
<M>
id_hasil_pemb <pi>
jenis_hasil_pembangunan
id_jenis_pembjenis_hasil_pemb
<pi> IntegerVariable characters (100)
<M>
id_jenis_pemb <pi>
nama_hasil_pembangunan
id_nama_hasil_pembnama_hasil_pemb
<pi> IntegerVariable characters (100)
<M>
id_nama_hasil_pemb <pi>
pembangunan
id_pembangunanpembangunanisi_pembangunan
<pi> IntegerVariable characters (100)Long variable characters
<M>
id_pembangunan <pi>
detail_pembangunan
id_detail_pembjuduluraiansatuanthn1thn2thn3ket
<pi> IntegerVariable characters (100)Variable characters (30)Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (100)
<M>
id_detail_pemb <pi>
rincian_pembangunan
id_rincian_pemburaian_rsatuan_rthn_r1thn_r2thn_r3ket_r
<pi> IntegerVariable characters (30)Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (100)
<M>
id_rincian_pemb <pi>
user
id_userpasswordnama_lengkapemaillevel
<pi> Variable characters (50)Variable characters (50)Variable characters (50)Variable characters (100)Variable characters (50)
<M>
id_user <pi>
agenda
id_agendatemaisi_agendatempattgl_mulaitgl_selesaitgl_posting
<pi> IntegerVariable characters (100)TextVariable characters (100)DateDateDate
<M>
id_agenda <pi>
berita
id_beritajudulisi_beritagambarharitanggaljamcounter
<pi> IntegerVariable characters (100)TextVariable characters (100)Variable characters (20)DateTimeInteger
<M>
id_berita <pi>
kategori
id_kategorinama_kategoriketerangan
<pi> IntegerVariable characters (50)Variable characters (100)
<M>
id_kategori <pi>
pengumuman
id_pengumumanjudul1isitanggaltgl_posting
<pi> IntegerVariable characters (100)TextDateDate
<M>
id_pengumuman <pi>
hubungi
id_hubunginamaemailsubjekpesantanggal
<pi> IntegerVariable characters (50)Variable characters (100)Variable characters (100)TextDate
<M>
id_hubungi <pi>
Gambar 4.26 CDM
52
4.3.2 Physical Data Model (PDM)
Sebuah Physical Data Model (PDM) menggambarkan secara detail konsep
rancangan struktur basis data yang dircancang untuk suatu program aplikasi. PDM
merupakan hasil generate dari CDM. Pada PDM tergambar jelas tabel-tabel penyusun
basis data beserta kolom-kolom yang terdapat pada setiap tabel sebagaimana terlihat pada
Gambar 4.27.
53
FK_MEMILIKI
FK_MEMPUNYAI
FK_MENGHASILKAN
FK_MENGELUARKANFK_MENGHASILKAN1
FK_MENGISI
FK_MENGISI1
FK_MENGISI2
FK_MEMBERI
FK_MEMERIKSA
FK_MENGELOLA1
hasil_pembangunan
id_hasil_pembid_userperiode_awalperiode_akhir
intvarchar(50)datedate
<pk><fk>
jenis_hasil_pembangunan
id_jenis_pembid_hasil_pembjenis_hasil_pemb
intintvarchar(100)
<pk><fk>
nama_hasil_pembangunan
id_nama_hasil_pembid_jenis_pembnama_hasil_pemb
intintvarchar(100)
<pk><fk>
pembangunan
id_pembangunanid_nama_hasil_pembpembangunanisi_pembangunan
intintvarchar(100)longtext
<pk><fk>
detail_pembangunan
id_detail_pembid_pembangunanjuduluraiansatuanthn1thn2thn3ket
intintvarchar(100)varchar(30)varchar(20)varchar(20)varchar(20)varchar(20)varchar(100)
<pk><fk>
rincian_pembangunan
id_rincian_pembid_detail_pemburaian_rsatuan_rthn_r1thn_r2thn_r3ket_r
intintvarchar(30)varchar(20)varchar(20)varchar(20)varchar(20)varchar(100)
<pk><fk>
user
id_userpasswordnama_lengkapemaillevel
varchar(50)varchar(50)varchar(50)varchar(100)varchar(50)
<pk>
agenda
id_agendaid_usertemaisi_agendatempattgl_mulaitgl_selesaitgl_posting
intvarchar(50)varchar(100)textvarchar(100)datedatedate
<pk><fk>
berita
id_beritaid_kategoriid_userjudulisi_beritagambarharitanggaljamcounter
intintvarchar(50)varchar(100)textvarchar(100)varchar(20)datetimeint
<pk><fk1><fk2>
kategori
id_kategorinama_kategoriketerangan
intvarchar(50)varchar(100)
<pk>
pengumuman
id_pengumumanid_userjudul1isitanggaltgl_posting
intvarchar(50)varchar(100)textdatedate
<pk><fk>
hubungi
id_hubungiid_usernamaemailsubjekpesantanggal
intvarchar(50)varchar(50)varchar(100)varchar(100)textdate
<pk><fk>
Gambar 4.27 PDM
54
4.4 Struktur Tabel
Rancang Bangun Aplikasi Pengelolaan Data Hasil-Hasil Pembangunan
Kabupaten Malang ini terdapat 14 (empat belas) table. Tabel – table tersebut
memiliki struktur tabel yang saling terintegrasi dan memberikan informasi yang
cukup lengkap bagi pengguna system. Berikut penjelasan struktur tabel dari tiap
tabel :
1. Tabel agenda
Primery Key : id_agenda
Foreign Key : -
Fungsi : Menyimpan dan melihat data agenda
Field Type Data Length Constraint
id_agenda integer 5 Primary Key
tema varchar 100
isi_agenda text -
tempat varchar 100
tgl_mulai date -
tgl_selesai date -
tgl_posting date -
id_user varchar 50
Tabel 4.1 Tabel Agenda
55
2. Tabel banner
Primery Key : id_banner
Foreign Key : -
Fungsi : Untuk menyimpan data banner
Field Type Data Length Constraint
id_banner integer 5 Primary Key
judul varchar 100
url varchar 100
gambar varchar 100
tgl_posting date -
Tabel 4.2Tabel Banner
3. Tabel berita
Primery Key : id_berita
Foreign Key : id_user
Fungsi : Untuk melihat data desa
Field Type Data Length Constraint
id_berita integer - Primary Key
id_kategori integer -
id_user varchar 50 Foreign Key
judul varchar 100
Isi_berita text -
gambar varchar 100
Hari varchar 20
56
Field Type Data Length Constraint
tanggal date -
jam time -
counter integer 5
Tabel 4.3 Tabel Berita
4. Tabel detail pembangunan
Primery Key : id_detail_pemb
Foreign Key : -
Fungsi : Untuk menyimpan dan melihat data detail pembangunan
Field Type Data Length Constraint
id_detail_pemb integer 11 Primery Key
id_pembangunan integer 11
judul varchar 100
uraian varchar 30
satuan varchar 20
thn1 varchar 20
thn2 varchar 20
thn3 varchar 20
ket varchar 100
Tabel 4.4 Tabel Detail Pembangunan
57
5. Tabel hasil pembangunan
Primery Key : id_hasil_pemb
Foreign Key : -
Fungsi : Untuk menyimpan data dan melihat hasil pembangunan
Field Type Data Length Constraint
id_hasil_pemb integer 11 Primery Key
periode_awal date -
periode_akhir date -
Tabel 4.5 Hasil Pembangunan
6. Tabel hubungi
Primery Key : id_hubungi
Foreign Key : -
Fungsi : Untuk menyimpan dan melihat data hubungi
Field Type Data Length Constraint
id_hubungi integer 5 Primery Key
nama varchar 50
email varchar 100
subjek varchar 100
pesan text -
tanggal date -
Tabel 4.6 Tabel Hubungi
58
7. Tabel jenis hasil pembangunan
Primery Key : id_jenis_pemb
Foreign Key : id_hasil_pemb
Fungsi : Menyimpan dan mengetahui jenis hasil pembangunan
Field Type Data Length Constraint
id_jenis_pemb integer 11 Primery Key
id_hasil_pemb integer 11 Foreign Key
jenis_hasil_pemb varchar 100
link varchar 50
Tabel 4.7 Tabel Jenis Hasil Pembangunan
8. Tabel kategori
Primery Key : id_kategori
Foreign Key : -
Fungsi : Untuk menyimpan dan melihat kategori
Field Type Data Length Constraint
id_kategori Integer 5 Primery Key
nama_kategori varchar 50
keterangan varchar 100
Tabel 4.8 Tabel Kategori
59
9. Tabel modul
Primery Key : id_modul
Foreign Key : -
Fungsi : Untuk melihatdan menyimpan modul
Field Type Data Length Constraint
id_modul integer 5 Primery Key
nama_modul varchar 100
link varchar 100
static_content text -
gambar varchar 100
publish bolean -
status bolean -
aktif bolean -
urutan int 5
Tabel 4.9 Tabel Modul
10. Tabel nama hasil pembangunan
Primery Key : id_nama_hasil_pemb
Foreign Key : id_jenis_pemb
Fungsi : Untuk melihat dan menyimpan nama hasil pembangunan
Field Type Data Length Constraint
id_nama_hasil_pemb integer 11 Primery Key
id_jenis_pemb integer 11 Foreign Key
nama_hasil_pemb varchar 100
Tabel 4.10 Tabel Nama Hasil Pembangunan
60
11. Tabel pembangunan
Primery Key : id_pembangunan
Foreign Key : id_nama_hasil_pemb
Fungsi : Untuk melihat dan mengisi pembangunan
Field Type Data Length Constraint
id_pembangunan integer 11 Primery Key
id_nama_hasil_pemb integer 11 Foreign Key
pembangunan varchar 100
isi_pembangunan longtext -
Tabel 4.11 Tabel Pembangunan
12. Tabel pengumuman
Primery Key : id_pengumuman
Foreign Key : id_user
Fungsi : Untuk melihat dan mengisi pengumuman
Field Type Data Length Constraint
id_pengumuman integer 5 Primery Key
judul varchar 100
isi text -
tanggal date -
tgl_posting date -
id_user varchar 50 Foreign Key
Tabel 4.12 Tabel Pengumuman
61
13. Tabel rincian pembangunan
Primery Key : id_rincian_pemb
Foreign Key : id_detail_pemb
Fungsi : Untuk melihat dan mengisi rincian pembangunan
Field Type Data Length Constraint
id_rincian_pemb integer 11 Primery Key
id_detail_pemb integer 11 Foreign Key
uraian_r varchar 30
satuan_r varchar 20
thn_r1 varchar 20
thn_r2 varchar 20
thn_r3 varchar 20
ket_r varchar 100
Tabel 4.13 Tabel Rincian Pembangunan
14. Tabel user
Primery Key : id_user
Fungsi : Untuk melihat user
Field Type Data Length Constraint
id_user varchar 50 Primery Key
password varchar 50
nama_lengkap varchar 100
email varchar 100
level varchar 50
Tabel 4.14 Tabel User
62
4.5 Desain I/O
Pada Rancang Bangun Aplikasi Pengelolaan Data Hasil-hasil
Pembangunan Kabupaten Malang pembuatan desain I/O dibagi menjadi dua
kelompok bahasan. Dimana bahasannya meliputi Desain dibagian admin dan
desain pada web
4.5.1 Desain I/O Web
Merupakan rancangan desain input dan output yang akan digunakan
sebagai gambaran sistem. Adapun desain I/O yang ada di bagian admin sebagai
berikut :
A. Desain I/O Tampilan Awal Web
Rancangan desain I/O berikut merupakan tampilan awal. Adapun desain
I/O dapat dilihat pada Gambar 4.28.
Gambar 4.28 Desain I/O Tampilan Awal Web
63
B. Desain I/O Tampilan Hasil Pembangunan Kabupaten Malang
Rancangan desain I/O berikut merupakan tampilan hasil-hasil pem-
bangunan Kabupaten Malang. Adapun desain I/O dapat dilihat pada Gambar 4.29.
Gambar 4.29 Desain I/O Tampilan hasil-hasil pembangunan Kabupaten Malang
C. Desain I/O Tampilan Berita
Rancangan desain I/O berikut merupakan tampilan berita. Adapun desain
I/O dapat dilihat pada Gambar 4.30.
Gambar 4.30 Desain I/O Tampilan Berita
64
D. Desain I/O Tampilan Agenda
Rancangan desain I/O berikut merupakan tampilan agenda. Adapun desain
I/O dapat dilihat pada Gambar 4.31.
Gambar 4.31 Desain I/O Tampilan Agenda
E. Desain I/O Tampilan Pengumuman
Rancangan desain I/O berikut merupakan tampilan pengumuman. Adapun
desain I/O dapat dilihat pada Gambar 4.32.
Gambar 4.32 Desain I/O Tampilan Pengumuman
65
F. Desain I/O Tampilan Hubungi Kami
Rancangan desain I/O berikut merupakan tampilan hubungi kami. Adapun
desain I/O dapat dilihat pada Gambar 4.33.
Gambar 4.33 Desain I/O Tampilan Hubungi Kami
G. Desain I/O Tampilan Login
Rancangan desain I/O berikut merupakan tampilan login. Adapun desain
I/O dapat dilihat pada Gambar 4.34.
Gambar 4.34 Desain I/O Tampilan Login
66
H. Desain I/O Tampilan Manajemen User
Rancangan desain I/O berikut merupakan tampilan manajemen user.
Adapun desain I/O dapat dilihat pada Gambar 4.35.
Gambar 4.35 Desain I/O Tampilan Manajemen User
I. Desain I/O Tampilan Manajemen Modul
Rancangan desain I/O berikut merupakan tampilan manajemen modul.
Adapun desain I/O dapat dilihat pada Gambar 4.36.
Gambar 4.36 Desain I/O Tampilan Manajemen Modul
67
J. Desain I/O Tampilan Geografis
Rancangan desain I/O berikut merupakan tampilan geografis. Adapun
desain I/O dapat dilihat pada Gambar 4.37.
Gambar 4.37 Desain I/O Tampilan Geografis
K. Desain I/O Tampilan Perkembangan Ekonomi Makro dan Pembiayaan
Pembangunan
Rancangan desain I/O berikut merupakan tampilan perkembangan
ekonomi makro dan pembiayaan pembangunan. Adapun desain I/O dapat dilihat
pada Gambar 4.38.
Gambar 4.38 Desain I/O Tampilan Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
68
L. Desain I/O Tampilan Hasil-hasil Pembangunan Secara Sektoral
Rancangan desain I/O berikut merupakan tampilan hasil-hasil
pembangunan secara sektoral. Adapun desain I/O dapat dilihat pada Gambar 4.39.
Gambar 4.39 Desain I/O Tampilan Hasil-hasil pembangunan secara sektoral
M. Desain I/O Tampilan Berita
Rancangan desain I/O berikut merupakan tampilan berita. Adapun desain
I/O dapat dilihat pada Gambar 4.40.
Gambar 4.40 Desain I/O Tampilan Berita
69
N. Desain I/O Tampilan Agenda
Rancangan desain I/O berikut merupakan tampilan Agenda. Adapun
desain I/O dapat dilihat pada Gambar 4.41.
Gambar 4.41 Desain I/O Tampilan Agenda
O. Desain I/O Tampilan Pengumuman
Rancangan desain I/O berikut merupakan tampilan Pengumuman. Adapun
desain I/O dapat dilihat pada Gambar 4.42.
Gambar 4.42 Desain I/O Tampilan Pengumuman
70
P. Desain I/O Tampilan Banner
Rancangan desain I/O berikut merupakan tampilan banner. Adapun desain
I/O dapat dilihat pada Gambar 4.43.
Gambar 4.43 Desain I/O Tampilan Banner
Q. Desain I/O Tampilan Hubungi Kami
Rancangan desain I/O berikut merupakan tampilan hubungi kami. Adapun
desain I/O dapat dilihat pada Gambar 4.44.
Gambar 4.44 Desain I/O Tampilan Hubungi Kami
71
4.5.2 Tampilan Admin
Tampilan input/output merupakan rancangan input/output berupa form
untuk memasukkan data dan laporan sebagai informasi yang dihasilkan dari
pengolahan data.
A. Tampilan LoginAdmin
Tampilan login admin merupakan tampilan yang berguna untuk membawa
admin masuk kehalaman utama admin. Didalam tampilan login admin harus
mengisikan data username dan password. Jika data gagal akan tetap ke halaman
login. Tapi jika valid akan masuk ke halaman utama admin, seperti terlihat pada
Gambar 4.45.
Gambar 4.45 Tampilan LoginAdmin
B. Tampilan Halaman Utama Admin
Pada tampilan awal admin ini merupakan halaman utama setelah admin
melakukan login terlebih dahulu. Pertama kali admin masuk kedalam halaman
utama kemudian admin akan diberikan pemberitahuan dari data master untuk
pengisian master-master yang ada, seperti terlihat pada Gambar 4.46.
72
Gambar 4.46 Tampilan Halaman Utama Admin
C. Tampilan Mengelola Manajemen User
Form master manajemen user berguna untuk admin dalam menambah dan
mengubah data admin. Form manajemen user ini digunakan untuk Staf Kabupaten
Malang untuk memasukkan tambahan admin yang menggunakan web tersebut.
Tombol edit digunakan untuk merubah data yang ada dalam database dan juga
tombol hapus untuk menghapus data yang telah dimasukkan. Seperti terlihat pada
Gambar 4.47.
Gambar 4.47 Tampilan Mengelola Manajemen User
73
Untuk mengisi penambahan ataupun menghapus data admin pada tampilan
manajemen user dapat dilihat pada Gambar 4.48.
Gambar 4.48 Tampilan Mengelola Manajemen User
D. Tampilan Mengelola Manajemen Modul
Form master manajemen modul berguna untuk admin dalam menambah
dan mengubah data modul. Form manajemen modul ini digunakan untuk Staf
Kabupaten Malang untuk memasukkan dan mengubah modul yang ada di dalam
web tersebut. Seperti terlihat pada Gambar 4.49.
Gambar 4.49 Tampilan Mengelola Manajemen Modul
74
Untuk pengisihan tambahan modul pada manajemen modul dengan
menulis nama modul kemudian memasukkan link dari modul yang akan
ditampilkan serta disimpan, dapat dilihat pada Gambar 4.50.
Gambar 4.50 Tampilan Mengelola Manajemen Modul
E. Tampilan Mengelola Data Berita
Form berita berguna untuk admin dalam merubah atau menambahkan
berita. Data berita ini berupa informasi-informasi yang diberikan oleh admin
kepada masyarakat umum. Didalam form berita ini terdapat tombol simpan
digunakan untuk menyimpan data berita, seperti terlihat pada Gambar 4.51.
75
Gambar 4.51 Tampilan Mengelola Data Berita
Untuk cara pengisihan berita pada form tambah berita dengan menulis
judul, kategori, kemudian isi berita, dapat dilihat pada Gambar 4.52.
Gambar 4.52 Tampilan Mengelola Data Berita
76
F. Tampilan Mengelola Data Agenda
Form agenda berguna untuk admin dalam menambahkan agenda yang
berisi seperti rapat, upacara dan sebagainya. Data agenda ini berisi informasi-
informasi yang diberikan oleh admin kepada masyarakat, seperti terlihat pada
Gambar 4.53.
Gambar 4.53 Tampilan Mengelola Data Agenda
Untuk pengisihan data agenda yang akan di tampilkan pada web terdapat
pada form seperti pada Gambar 4.54.
Gambar 4.54 Tampilan Mengelola Data Agenda
77
G. Tampilan Mengelola Data Pengumuman
Form pengumuman berguna bagi admin untuk menambah penguman
seperti penerimaan IPDN, pengumuman pemenang lomba yang diadakan oleh
pemerintah Kabupaten Malang. Data pengumuman ini berisi informasi-informasi
yang diberikan oleh admin kepada masyarakat, seperti terlihat pada Gambar 4.55.
Gambar 4.55 Tampilan Mengelola Data Pengumuman
Untuk pengisihan data pengumuman yang akan di tampilkan pada web
terdapat pada form seperti pada Gambar 4.56.
Gambar 4.56 Tampilan Mengelola Data Pengumuman
78
H. Tampilan Mengelola Data Hubungi Kami
Form hubungi kami berguna untuk menerima saran dari masyakat tentang
informasi-informasi dari web tersebut terutama tentang hasil-hasil pembangunan
Kabupaten Malang yaitu data geografis, perkembangan ekonomi makro dan
pembiayaan pembangunan, serta hasil pembangunan secara sektoral, seperti
terlihat pada Gambar 4.57.
Gambar 4.57 Tampilan Mengelola Data Hubungi Kami
Untuk pengisihan balesan saran dari masyarakat yang akan dikirim balik
ke email yang terdapat pada form hubungi kami, seperti pada Gambar 4.58.
79
Gambar 4.58 Tampilan Mengelola Data Hubungi Kami
I. Tampilan Mengelola Data Geografis
Form geografis berguna untuk memasukkan, merubah maupun
menghapus data geografis Kabupaten Malang yang berupa data struktur
penggunaan lahan, batas wilayah administrasi, struktur wilayah administrasi
pemerintahan, nama pulau dan koordinat di wilayah Kabupaten Malang, struktur
kependudukan, dan matrik pengukuran kinerja. Dari data geografis menghasilkan
sebuah informasi bagi masyarakat mengenai pembangunan Kabupaten malang
seperti struktur penduduk, matrik pengukuran kinerja, seperti terlihat pada
Gambar 4.59.
80
Gambar 4.59 Tampilan Mengelola Data Geografis
Untuk mengisi data geografis pilih tombol tambah nama hasil
pembangunan pada gambar 4.59, kemudian muncul form untuk mengisi nama
hasil pembangunan, seperti pada Gambar 4.60.
Gambar 4.60 Tampilan Mengelola Data Geografis
81
Untuk mengisi data geografis pilih tombol tambah pembangunan pada
gambar 4.60, kemudian muncul form untuk mengisi hasil pembangunan, seperti
pada Gambar 4.61.
Gambar 4.61 Tampilan Mengelola Data Geografis
J. Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
Form perkembangan ekonomi makro dan pembiayaan pembangunan
berguna untuk memasukkan, merubah maupun menghapus data perkembangan
ekonomi makro dan pembiayaan pembangunan Kabupaten Malang yang berupa
data perkembangan pembangunan daerah, pembiayaan pembangunan, peranserta
masyarakat dalam pembangunan. Dari data perkembangan ekonomi makro dan
pembiayaan pembangunan menghasilkan sebuah informasi bagi masyarakat
mengenai pembangunan Kabupaten malang seperti pertumbuhan penduduk
domestik regional (PDRB), seperti terlihat pada Gambar 4.62.
82
Gambar 4.62 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
Untuk mengisi data perkembangan ekonomi makro dan pembiayaan
pembangunan pilih tombol tambah nama hasil pembangunan pada gambar 4.62,
kemudian muncul form untuk mengisi nama pembangunan, seperti pada Gambar
4.63.
Gambar 4.63 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
83
Untuk mengisi data perkembangan ekonomi makro dan pembiayaan
pembangunan pilih tombol tambah pembangunan pada gambar 4.63, kemudian
muncul form untuk mengisi hasil pembangunan, seperti pada Gambar 4.64.
Gambar 4.64 Tampilan Mengelola Data Perkembangan Ekonomi Makro dan
Pembiayaan Pembangunan
K. Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral
Form hasil pembangunan secara sektoral berguna untuk memasukkan,
merubah maupun menghapus data hasil pembangunan secara sektoral Kabupaten
Malang yang berupa data industri, pertanian dan kehutanan, sumber daya air dan
irigasi, tenaga kerja, perdagangan, transportasi, pertambangan dan energi,
pariwisata dan telekomunikasi daerah, pembangunan daerah dan permukiman,
kingkungan hidup, pendidikan, kependudukan dan keluarga sejahtera, kesehatan,
agama, hukum, apatur, keamanan, ilmu pengetahuan dan teknologi. Dari data
hasil pembangunan secara sektoral menghasilkan sebuah informasi bagi
84
masyarakat mengenai pembangunan Kabupaten malang seperti data indutri kecil,
menengah dan besar di Kabupaten Malang, seperti terlihat pada Gambar 4.65.
Gambar 4.65 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral
Untuk mengisi data hasil pembangunan sektoral pilih tombol tambah nama
hasil pembangunan pada gambar 4.65, kemudian muncul form untuk mengisi
nama pembangunan, seperti pada Gambar 4.66.
Gambar 4.66 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral
85
Untuk mengisi data hasil pembangunan secara sektoral pilih tombol
tambah pembangunan pada gambar 4.66, kemudian muncul form untuk mengisi
hasil pembangunan, seperti pada Gambar 4.67.
Gambar 4.67 Tampilan Mengelola Data Hasil Pembangunan Secara Sektoral
4.5.3 Tampilan Web
A. Tampilan Awal Web
Tampilan home web merupakan tampilan awal web saat user masuk
kedalam sistem Pengelolaan Data Hasil-hasil Pembangunan Kabupaten Malang.
Pada halaman utama web berisi informasi berupa berita, agenda, dan
pengumuman, serta hasil-hasil pembangunan Kabupaten Malang yaitu geografis,
perkembangan ekonomi makro dan pembiayaan pembangunan dan hasil-hasil
pembangunan secara sektoral.
86
Tampilan awal web ini berisikan 5 menu yang berada pada header, menu-
menu ini yaitu home, berita, agenda, pengumuman, hubungi kami. seperti terlihat
pada Gambar 4.68.
Gambar 4.68 Tampilan Awal Web
87
B. Tampilan Kategori Berita
Tampilan kategori berita ini akan tampil jika user memilih menu
kategori berita pada home. Maka akan muncul tampilan data-data berita yang
ditampilkan berdasarkan kategori yang telah dipilih oleh user, seperti terlihat pada
Gambar 4.69.
Gambar 4.69 Tampilan Kategori Berita
88
C. Tampilan Kategori Agenda
Tampilan kategori agenda ini akan tampil jika user memilih menu kategori
agenda pada home. Maka akan muncul tampilan data-data agenda pemerintah
Kabupaten Malang yang ditampilkan berdasarkan kategori yang telah dipilih oleh
user, seperti terlihat pada Gambar 4.70.
Gambar 4.70 Tampilan Kategori Agenda
89
D. Tampilan Kategori Pengumuman
Tampilan kategori pengumuman ini akan tampil jika user memilih menu
kategori pengumuman pada home. Maka akan muncul tampilan data-data
pengumuman pemerintah Kabupaten Malang yang ditampilkan berdasarkan
kategori yang telah dipilih oleh user, seperti terlihat pada Gambar 4.71.
Gambar 4.71 Tampilan Kategori Pengumuman
90
E. Tampilan Kategori Hubungi Kami
Tampilan kategori hubungi kami ini akan tampil jika user memilih menu
kategori hubungi kami pada home. Maka akan muncul tampilan yang berisi form
untuk kita menulis saran kepada pemerintah kabupaten Malang guna memajukan
Kabupaten Malang dan membantu dalam Rencana Kerja Pemerintah Kabupaten
Malang yang ditampilkan berdasarkan kategori yang telah dipilih oleh user,
seperti terlihat pada Gambar 4.72.
Gambar 4.72 Tampilan Kategori Hubungi Kami
91
F. Tampilan Data Geografis
Tampilan data geografis berguna untuk memudahkan masyarakat
memahami informasi tentang data geografis Kabupaten Malang seperti data hasil
jumlah penduduk, terlihat pada Gambar 4.73.
Gambar 4.73 Tampilan Data Geografis
92
G. Tampilan Data Perkembangan Ekonomi Makro dan Pembiayaan
Pembangunan
Tampilan data perkembangan ekonomi makro dan pembiayaan
pembangunan berguna untuk memudahkan masyarakat memahami informasi
tentang data perkembangan ekonomi makro dan pembiayaan pembangunan
Kabupaten Malang seperti data pendapatan perkapita, pertumbuhan produk
domestik regional, terlihat pada Gambar 4.74.
Gambar 4.74 Tampilan Data Perkembangan Ekonomi Makro dan Pembiayaan
Pembangunan
93
H. Desain Tampilan Data Hasil-hasil Pembangunan Secara Sektoral
Tampilan data hasil-hasil pembangunan secara sektoral berguna untuk
memudahkan masyarakat memahami informasi tentang data hasil-hasil
pembangunan secara sektoral Kabupaten Malang seperti data indutri kecil,
menengah, dan besar di Kabupaten malang, terlihat pada Gambar 4.75.
Gambar 4.75 Tampilan Data Hasil-hasil Pembangunan Secara Sektoral
94
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang dapat diambil dari Rancang Bangun Aplikasi
Pengelolaan Data Hasil-Hasil Pembangunan Kabupaten Malang adalah sebagai
berikut :
1. Aplikasi web dapat membantu pihak Kabupaten untuk mengolah data hasil
pembangunan di Kabupaten Malang berupa data geografis Kabupaten Malang,
data perkembangan ekonomi makro dan pembiayaan pembangunan, serta data
hasil pembangunan secara sektoral.
2. Aplikasi ini juga memberikan informasi hasil pembangunan di Kabupaten
Malang berupa data geografis Kabupaten Malang, data perkembangan
ekonomi makro dan pembiayaan pembangunan, serta data hasil pembangunan
secara sektoral kepada masyarakat.
3. Aplikasi web ini dapat membantu masyarakat dalam menyampaikan
aspirasinya sebagai bentuk kerjasama dan interaksi dengan Pemerintah dalam
mengembangkan Kota Malang.
95
5.2 Saran
Berdasarkan rancang bangun yang sudah dilakukan, saran yang dapat
disampaikan oleh penulis untuk pengembangan Sistem Pengelolaan Data Hasil
Pembangunan yaitu:
- Interaksi dan kerjasama antara masyrakat dengan Pemerintah Kabupaten
Malang dapat lebih di tingkatkan guna memberi pemahaman yang jauh
lebih baik kepada masyarakat akan hasil pembangunan di Kabupaten
Malang juga membantu memudahkan Pemerintah dalam melaksanakan
program kerja.
96
DAFTAR PUSTAKA
Herlambang, Soendoro, dan Tanuwijaya, Haryanto, Sistem Informasi: konsep,
teknologi, dan manajemen. 2005. Graha Ilmu : Yogyakarta.
Kadir, Abdul.2009. Membuat Aplikasi Web dengan PHP + Database
MySQL. Yogyakarta: Andi.
Newsom, Doug; Wollert, James A. 1985. Media Writing, News for The Mass
Media.California: Wadsworth.
Tartono, St. S. 2005. Menulis di Media Massa Gampang. Yogyakarta:
Yayasan Pustaka Nusatama.
Wicaksono, Soetam Rizky. 2006. Interaksi Manusia dan Komputer.
Surabaya: STIKOM Surabaya.