rancang bangun aplikasi pengelolaanrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... ·...

113
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

Upload: others

Post on 02-Nov-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 2: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

Tak akan ada keberhasilan tanpa doa dan usaha. Dan setiap usaha baik, akan

selalu mendapat cobaan dan rintangan. Selalu Semangat !

Page 3: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

Kupersembahkan kepada

Ayah & Ibu tercinta serta Nita tersayang

Page 4: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 5: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 6: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 7: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 8: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 9: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 10: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 11: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

xi

4.5.3 Tampilan Web ........................................................................ 85 

BAB V PENUTUP ............................................................................................... 94 

5.1 Kesimpulan ....................................................................................... 94 

5.2  Saran ................................................................................................ 95 

DAFTAR PUSTAKA ............................................................................................ 96 

LAMPIRAN ........................................................................................................... 97 

Page 12: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 13: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 14: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 15: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 16: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 17: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 

Page 18: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 19: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 20: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 :

Page 21: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 22: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 23: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 24: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 25: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 26: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 27: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 28: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 29: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 30: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 31: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 32: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 33: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 34: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 35: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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,

Page 36: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 37: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 :

Page 38: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 39: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 40: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 41: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 :

Page 42: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 43: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 44: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 45: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 46: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 47: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 48: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 49: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 50: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 51: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 52: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 53: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 54: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 55: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 56: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 57: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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 :

Page 58: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 59: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 60: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 61: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 62: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 63: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 64: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 65: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 66: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 67: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 68: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 69: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 70: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 71: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 72: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 73: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 74: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 75: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 76: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 77: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 78: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 79: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 80: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 81: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 82: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 83: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 84: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 85: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 86: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 87: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 88: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 89: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 90: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 91: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 92: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 93: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 94: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 95: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 96: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 97: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 98: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 99: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 100: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 101: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 102: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 103: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 104: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 105: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 106: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 107: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 108: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 109: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 110: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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

Page 111: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 112: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.

Page 113: RANCANG BANGUN APLIKASI PENGELOLAANrepository.dinamika.ac.id/id/eprint/3080/1/09410100090... · 2018. 9. 25. · secara sektoral. Selama ini, masalah yang dihadapi oleh divisi pengolahan

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.